Guía de mockups y recursos para las tiendas

Treinta guías prácticas sobre mockups de dispositivos, tamaños de captura para App Store y Google Play, vídeos promocionales, movimientos de cámara y ajustes de exportación — del equipo que hace Mockuptop.

• Tamaños de capturas de la App Store, sin hoja de cálculoLos tamaños de captura de iPhone y iPad que acepta App Store Connect, cuántas puedes subir y por qué un solo juego suele bastar.
• Tamaños de capturas y gráficos de tienda en Google PlayMedidas de teléfono, tablet, gráfico de funciones e icono para una ficha de Play, más los límites de proporción que tumban las subidas.
• Vistas previas de app: requisitos y una estructura que funcionaDuración, resolución, fotogramas y reglas de contenido de las vistas previas, más un montaje de 20 segundos que funciona en silencio.
• El vídeo promocional de Play y cómo ganarse su huecoCómo funciona el vídeo promocional de Play, por qué es un enlace de YouTube y no una subida, y cómo montar los primeros cinco segundos.
• Diseñar un gráfico de funciones que sobreviva a la reducciónReglas de diseño para el gráfico de funciones de Google Play: zonas seguras, tamaño de texto y por qué el centro debe quedar libre.
• Meter una captura dentro de un mockup de iPhoneMétodo paso a paso para convertir una captura plana en un mockup de dispositivo: proporción, esquinas y elección de fondo.
• Mockups de Android para una ficha de PlayEn qué se diferencian los mockups de Android, qué proporción usar y cómo mantener coherente una ficha de Play.
• Mockups de portátil que hacen creíble una app webCómo presentar una app web en un mockup de portátil: ancho de captura, ángulo de la tapa, sombras y cuándo conviene un marco de navegador plano.
• Mockups de tablet y por qué las tiendas insistenTamaños de captura para tablet, vertical u horizontal, y por qué las tiendas tratan estos recursos como señal de calidad.
• Mockups de reloj: pantalla pequeña, gran problema de encuadreCómo presentar una pantalla diminuta de forma convincente: recorte, escala, correa y por qué el encuadre es distinto al del móvil.
• Mockups 3D usados con intenciónLa diferencia entre una plantilla plana y un render 3D real, y cómo usar la perspectiva sin perder legibilidad.
• Marco o captura limpia: decide por ubicaciónCuándo un marco ayuda a la conversión, cuándo desperdicia píxeles y cómo decidirlo por ubicación y no por costumbre.
• Escribir los textos de las capturas de tiendaCómo escribir y colocar el texto de las capturas de tienda para que se lea en miniatura y aporte lo que la imagen no puede.
• Tu primera captura hace casi todo el trabajoPor qué la imagen inicial del carrusel pesa de forma desproporcionada y cómo elegirla y diseñarla.
• Lista de comprobación previa al despegueUna lista breve para los recursos de tienda: tamaños, orden, textos, localización, coherencia y los fallos que provocan rechazos.
• Localizar sin rediseñar once vecesCómo montar un juego de capturas que se traduzca limpio, qué idiomas compensan y qué decisiones de maquetación abaratan la localización.
• Claro u oscuro: qué tema va en tu fichaSi presentar la app en claro u oscuro, cómo influye el fondo de la tienda y cómo enseñar ambos sin duplicar el trabajo.
• Elegir un fondo que mantenga la pantalla como sujetoCómo elegir el fondo de un mockup para que la interfaz siga siendo el foco: dirección del degradado, contraste y uso del color de marca.
• Iluminar un mockup para que parezca un objetoUn esquema práctico de tres luces, por qué el metal y el cristal salen negros y cómo colocar una sombra de contacto que asiente sin dominar.
• Ángulos de cámara: cinco encuadres que cubren casi todoCómo interactúan inclinación, giro, campo de visión y zoom en un mockup 3D, y qué encuadres mantienen la pantalla legible.
• Fotogramas clave: el modelo mínimo que funcionaCómo funcionan los fotogramas clave en un editor de mockups, qué propiedades merece animar y cuántos necesita de verdad un plano.
• La aceleración separa el movimiento del movimiento con intenciónQué hacen las curvas de aceleración, cuáles encajan con el movimiento de producto y qué errores hacen amateur un vídeo de mockup.
• Cómo se construye de verdad un promo de 20 segundosUna estructura plano a plano para un vídeo corto de producto, con tiempos, la función de cada tramo y dónde fallan casi todos los intentos.
• Elegir formato de exportación para un mockupQué formato usar para tiendas, webs y redes, y cómo cambian la respuesta la transparencia y los degradados.
• Exportar un vídeo de mockup que no parezca comprimidoResolución, fotogramas, tasa de bits y códec al exportar un mockup animado, y por qué exportar fotograma a fotograma gana a grabar la pantalla.
• Mockups transparentes: útiles en todas partes menos en las tiendasExportar un mockup con alfa, dónde ayuda la transparencia y dónde hará que rechacen tu subida.
• Usar un mockup en la cabecera de una landingCómo usar un mockup en una landing: tamaño, recorte, imagen fija o vídeo, y cómo mantener rápida la página.
• Dimensionar mockups de producto para redes socialesProporciones prácticas para X, LinkedIn, Instagram y Product Hunt, más las zonas seguras que evitan desastres de recorte.
• Mockups de dispositivos y las preguntas legales que se saltanReglas prácticas sobre el uso de imágenes de dispositivos en marketing: marcas, licencias de fotos y por qué un dispositivo neutro es la opción de bajo riesgo.
• Convertir una grabación de pantalla en una vista previa lista para la tiendaEl flujo completo: grabar limpio en dispositivo o simulador, recortar, colocar en un mockup y exportar listo para la tienda.