Want to create interactive content? It’s easy in Genially!

Get started free

MockUps

JESUS ISAIAS SALCEDO LIÑAN

Created on November 7, 2025

Start designing with a free template

Discover more than 1500 professional designs like these:

Akihabara Connectors Infographic

Essential Infographic

Practical Infographic

Akihabara Infographic

Vision Board

The Power of Roadmap

Artificial Intelligence in Corporate Environments

Transcript

MockUps

Un mockup es una simulación o maqueta digital que nos permite mostrar como se vería un diseño en un entorno realista.

IMPRESOS

MÓVILES

Los mockups impresos son representaciones físicas o prototipos visuales tangibles de un diseño, que simulan cómo se verá y se sentirá el producto final en un soporte material real, antes de su producción a gran escala.
No es el producto funcional, sino un prototipo de alta fidelidad que muestra detalles como colores, tipografía e imágenes para dar una idea realista de cómo se verá en la vida real.

ESCRITORIO

Un mockup de escritorio es una representación visual realista y estática del diseño de un producto digital (como una página web, una aplicación de software o una interfaz de usuario) aplicado al contexto de una computadora de escritorio u ordenador.

Principios de comun. visual

Una estrategia visual es el conjunto de decisiones gráficas que se toman para comunicar el mensaje de una marca en redes sociales.

EN CUADRÍCULA

ASIMÉTRICO

Útil para organizar información visualmente.
Da dinamismo y movimiento.

EN COLUMNA

Ideal para historias o reels.

Principios de jerarquia visual

Son una serie de reglas y pautas que guian la creación de diseños efectivos y atractivos para el ojo humano. Se basan en la psicologia humana de la percepción.

JERARQUIA

EQUILIBRIO

En diseño, el equilibrio, mantiene la armonía visual, para que nada se vea cargado o vacío.
En diseño, la jerarquia organiza lo visual. Que se ve primero, que después y que al final.

CONTRASTE

En diseño, el contraste hace que algo resalte entre todos los demás.

ADAPTACIÓN DE LA ESTRATEGIA VISUAL

Es el conjunto de decisiones gráficas, colores, tipografía, imágenes y tono visual, que comunica la identidad de una marca o creador.

Objetivo 1

Objetivo 3

Comprender que significa adaptar una etrategia visual.
Analizar ejemplos de campañas y efemérides.

Objetivo 2

Identificar los elementos visuales que pueden modificarse sin perder su identidad.

TENDENCIAS VISAULES ACTUALES EN ENTORNOS DIGTIALES

Estilos, colores, tipografías o composiciones que marcan el diseño actual en redes.

Visuales generados por IA

Contenido Efímero

Se refiere a publicaciones o formatos de contenido que tienen una duración limitada generalmente entre 24 y 48 hrs., antes de desaparecer automaticamente de la vista del usuario.
Incorporar IA al diseño puede ayudar a las marcas a crear imagenes atractivas para redes sociales que capten la atención y matengan sus fieles a su identidad.

Video corto o formato vertical.

Video corto, de menos de 1 minuto, diseñado para verse en formato vertical ( como en los teléfonos móviles) en plataformas como Tik Tok, Youtube y en Instagram Reels

Storytelling

Es el arte de contar historias a traves de imágenes, un diseño, emoción y mensaje. Se usan en campañas, videos, redes, etc.

Decide el tono del mensaje.

Define tu propósito

Cuánto más claro y directo queda el mensaje, más claro entre el público.
Esta es la escencia de la historia y del mensaje que se vaya a transmitir y debe reflejarse en la construcción de la narrativa visual.

Establece el estilo gráfico y visual

Esto detereminará el tipo de imágenes, la tipografía, la paleta cromática y el estilo de los íconos

Visual (Storytelling

StoryBoard

StoryBoard

Un storyboard es una herramienta que sirve para planear visualmente un video, nos permite ver cuadro por cuadro como se desarrollara la historia.
Un storyboard es una guía visual que muestra que pasara en cada parte de tu video, es como hacer un cómic de tu reels o tik tok

StoryBoard

En redes sociales es muy útil para los Reels, Tik Toks o videos cortos, por que te ayuda a visualizar el ritmo, los planos y el mensaje antes de grabar.

Elementos del Storytelling visual

El storytelling es más que ética, es estrategia, cada elemento visual debe servir para guiar una emoción o idea. En redes sociales es el Scroll, es rápido, una uena narrativa visual puede detener al usuario.

Iconografía

Jerarquia Visual

Los iconos son simbolos visuales que transmiten ideas universales,se basan en cultura, contexto y asociaciones.
Es el orden de importancia visual de los elementos, se logra con tamaño, color, contraste, posición, tipografía.

Secuencia

La secuencia da sentido y ritmo a la historia, puede ser lineal (inicio, desarrollo y fin) o fragmentada (saltos temporales, reels cortos rápidos).

Técnicas de atracción visual

Facilita la similación de información, guía al lector, visualiza tendencias, genera confianza y facilita su análisis

Tipografía y Color

Diseño accesible

Usa máximo dos tipografías (una para titulos, otra para texto) Cuida la legiblidad.
Contraste suficiente entre texto y fondo. evita tipografías decorativas.

Elementos visuales.

Simplifican datos complejos, sustituyen texto y orientan, aportan realismo y contexto.

¿Tienes una idea?

Usa este espacio para añadir una interactividad genial. Incluye texto, imágenes, vídeos, tablas, PDFs… ¡incluso preguntas interactivas! Tip premium: Obten información de cómo interacciona tu audiencia:

  • Visita las preferencias de Analytics;
  • Activa el seguimiento de usuarios;
  • ¡Que fluya la comunicación!

¿Tienes una idea?

Usa este espacio para añadir una interactividad genial. Incluye texto, imágenes, vídeos, tablas, PDFs… ¡incluso preguntas interactivas! Tip premium: Obten información de cómo interacciona tu audiencia:

  • Visita las preferencias de Analytics;
  • Activa el seguimiento de usuarios;
  • ¡Que fluya la comunicación!

¿Tienes una idea?

Usa este espacio para añadir una interactividad genial. Incluye texto, imágenes, vídeos, tablas, PDFs… ¡incluso preguntas interactivas! Tip premium: Obten información de cómo interacciona tu audiencia:

  • Visita las preferencias de Analytics;
  • Activa el seguimiento de usuarios;
  • ¡Que fluya la comunicación!

¿Tienes una idea?

Usa este espacio para añadir una interactividad genial. Incluye texto, imágenes, vídeos, tablas, PDFs… ¡incluso preguntas interactivas! Tip premium: Obten información de cómo interacciona tu audiencia:

  • Visita las preferencias de Analytics;
  • Activa el seguimiento de usuarios;
  • ¡Que fluya la comunicación!

¿Tienes una idea?

Usa este espacio para añadir una interactividad genial. Incluye texto, imágenes, vídeos, tablas, PDFs… ¡incluso preguntas interactivas! Tip premium: Obten información de cómo interacciona tu audiencia:

  • Visita las preferencias de Analytics;
  • Activa el seguimiento de usuarios;
  • ¡Que fluya la comunicación!

¿Tienes una idea?

Usa este espacio para añadir una interactividad genial. Incluye texto, imágenes, vídeos, tablas, PDFs… ¡incluso preguntas interactivas! Tip premium: Obten información de cómo interacciona tu audiencia:

  • Visita las preferencias de Analytics;
  • Activa el seguimiento de usuarios;
  • ¡Que fluya la comunicación!

¿Tienes una idea?

Usa este espacio para añadir una interactividad genial. Incluye texto, imágenes, vídeos, tablas, PDFs… ¡incluso preguntas interactivas! Tip premium: Obten información de cómo interacciona tu audiencia:

  • Visita las preferencias de Analytics;
  • Activa el seguimiento de usuarios;
  • ¡Que fluya la comunicación!

¿Tienes una idea?

Usa este espacio para añadir una interactividad genial. Incluye texto, imágenes, vídeos, tablas, PDFs… ¡incluso preguntas interactivas! Tip premium: Obten información de cómo interacciona tu audiencia:

  • Visita las preferencias de Analytics;
  • Activa el seguimiento de usuarios;
  • ¡Que fluya la comunicación!

¿Tienes una idea?

Usa este espacio para añadir una interactividad genial. Incluye texto, imágenes, vídeos, tablas, PDFs… ¡incluso preguntas interactivas! Tip premium: Obten información de cómo interacciona tu audiencia:

  • Visita las preferencias de Analytics;
  • Activa el seguimiento de usuarios;
  • ¡Que fluya la comunicación!

¿Tienes una idea?

Usa este espacio para añadir una interactividad genial. Incluye texto, imágenes, vídeos, tablas, PDFs… ¡incluso preguntas interactivas! Tip premium: Obten información de cómo interacciona tu audiencia:

  • Visita las preferencias de Analytics;
  • Activa el seguimiento de usuarios;
  • ¡Que fluya la comunicación!

¿Tienes una idea?

Usa este espacio para añadir una interactividad genial. Incluye texto, imágenes, vídeos, tablas, PDFs… ¡incluso preguntas interactivas! Tip premium: Obten información de cómo interacciona tu audiencia:

  • Visita las preferencias de Analytics;
  • Activa el seguimiento de usuarios;
  • ¡Que fluya la comunicación!

¿Tienes una idea?

Usa este espacio para añadir una interactividad genial. Incluye texto, imágenes, vídeos, tablas, PDFs… ¡incluso preguntas interactivas! Tip premium: Obten información de cómo interacciona tu audiencia:

  • Visita las preferencias de Analytics;
  • Activa el seguimiento de usuarios;
  • ¡Que fluya la comunicación!

¿Tienes una idea?

Usa este espacio para añadir una interactividad genial. Incluye texto, imágenes, vídeos, tablas, PDFs… ¡incluso preguntas interactivas! Tip premium: Obten información de cómo interacciona tu audiencia:

  • Visita las preferencias de Analytics;
  • Activa el seguimiento de usuarios;
  • ¡Que fluya la comunicación!

¿Tienes una idea?

Usa este espacio para añadir una interactividad genial. Incluye texto, imágenes, vídeos, tablas, PDFs… ¡incluso preguntas interactivas! Tip premium: Obten información de cómo interacciona tu audiencia:

  • Visita las preferencias de Analytics;
  • Activa el seguimiento de usuarios;
  • ¡Que fluya la comunicación!

¿Tienes una idea?

Usa este espacio para añadir una interactividad genial. Incluye texto, imágenes, vídeos, tablas, PDFs… ¡incluso preguntas interactivas! Tip premium: Obten información de cómo interacciona tu audiencia:

  • Visita las preferencias de Analytics;
  • Activa el seguimiento de usuarios;
  • ¡Que fluya la comunicación!

¿Tienes una idea?

Usa este espacio para añadir una interactividad genial. Incluye texto, imágenes, vídeos, tablas, PDFs… ¡incluso preguntas interactivas! Tip premium: Obten información de cómo interacciona tu audiencia:

  • Visita las preferencias de Analytics;
  • Activa el seguimiento de usuarios;
  • ¡Que fluya la comunicación!

¿Tienes una idea?

Usa este espacio para añadir una interactividad genial. Incluye texto, imágenes, vídeos, tablas, PDFs… ¡incluso preguntas interactivas! Tip premium: Obten información de cómo interacciona tu audiencia:

  • Visita las preferencias de Analytics;
  • Activa el seguimiento de usuarios;
  • ¡Que fluya la comunicación!

¿Tienes una idea?

Usa este espacio para añadir una interactividad genial. Incluye texto, imágenes, vídeos, tablas, PDFs… ¡incluso preguntas interactivas! Tip premium: Obten información de cómo interacciona tu audiencia:

  • Visita las preferencias de Analytics;
  • Activa el seguimiento de usuarios;
  • ¡Que fluya la comunicación!

¿Tienes una idea?

Usa este espacio para añadir una interactividad genial. Incluye texto, imágenes, vídeos, tablas, PDFs… ¡incluso preguntas interactivas! Tip premium: Obten información de cómo interacciona tu audiencia:

  • Visita las preferencias de Analytics;
  • Activa el seguimiento de usuarios;
  • ¡Que fluya la comunicación!

¿Tienes una idea?

Usa este espacio para añadir una interactividad genial. Incluye texto, imágenes, vídeos, tablas, PDFs… ¡incluso preguntas interactivas! Tip premium: Obten información de cómo interacciona tu audiencia:

  • Visita las preferencias de Analytics;
  • Activa el seguimiento de usuarios;
  • ¡Que fluya la comunicación!

¿Tienes una idea?

Usa este espacio para añadir una interactividad genial. Incluye texto, imágenes, vídeos, tablas, PDFs… ¡incluso preguntas interactivas! Tip premium: Obten información de cómo interacciona tu audiencia:

  • Visita las preferencias de Analytics;
  • Activa el seguimiento de usuarios;
  • ¡Que fluya la comunicación!

¿Tienes una idea?

Usa este espacio para añadir una interactividad genial. Incluye texto, imágenes, vídeos, tablas, PDFs… ¡incluso preguntas interactivas! Tip premium: Obten información de cómo interacciona tu audiencia:

  • Visita las preferencias de Analytics;
  • Activa el seguimiento de usuarios;
  • ¡Que fluya la comunicación!

¿Tienes una idea?

Usa este espacio para añadir una interactividad genial. Incluye texto, imágenes, vídeos, tablas, PDFs… ¡incluso preguntas interactivas! Tip premium: Obten información de cómo interacciona tu audiencia:

  • Visita las preferencias de Analytics;
  • Activa el seguimiento de usuarios;
  • ¡Que fluya la comunicación!

¿Tienes una idea?

Usa este espacio para añadir una interactividad genial. Incluye texto, imágenes, vídeos, tablas, PDFs… ¡incluso preguntas interactivas! Tip premium: Obten información de cómo interacciona tu audiencia:

  • Visita las preferencias de Analytics;
  • Activa el seguimiento de usuarios;
  • ¡Que fluya la comunicación!

¿Tienes una idea?

Usa este espacio para añadir una interactividad genial. Incluye texto, imágenes, vídeos, tablas, PDFs… ¡incluso preguntas interactivas! Tip premium: Obten información de cómo interacciona tu audiencia:

  • Visita las preferencias de Analytics;
  • Activa el seguimiento de usuarios;
  • ¡Que fluya la comunicación!

¿Tienes una idea?

Usa este espacio para añadir una interactividad genial. Incluye texto, imágenes, vídeos, tablas, PDFs… ¡incluso preguntas interactivas! Tip premium: Obten información de cómo interacciona tu audiencia:

  • Visita las preferencias de Analytics;
  • Activa el seguimiento de usuarios;
  • ¡Que fluya la comunicación!

¿Tienes una idea?

Usa este espacio para añadir una interactividad genial. Incluye texto, imágenes, vídeos, tablas, PDFs… ¡incluso preguntas interactivas! Tip premium: Obten información de cómo interacciona tu audiencia:

  • Visita las preferencias de Analytics;
  • Activa el seguimiento de usuarios;
  • ¡Que fluya la comunicación!