20.357 - Diseño del TFG - Aula 1

Pública

MAPA CONCEPTUAL.

MAQUETA/BOCETO

Estructura viñeta.

Proporción recomendada: 16:9 o 4:5 (formato vertical para móvil)

Resolución mínima: 1200 x 675 px (16:9) o 1080 x 1350 px (4:5)

1. ESPACIOS EN BLANCO SUPERIOR E INFERIOR (10% CADA UNO)

Razón técnica: En X, el timeline recorta las imágenes en vista previa. Los márgenes evitan que el contenido quede cortado o pegado a los bordes.

Razón conceptual: Fontdevila recomienda usar blanco como «espacio relajante» frente al abigarramiento visual de la web. El blanco ayuda a que la viñeta se distinga de banners, textos y otros estímulos.

2. DIBUJO PRINCIPAL (CENTRO)

Razón técnica: El ojo humano se fija primero en el centro de la imagen. Poner el dibujo ahí asegura que se capte la atención en los primeros 2-3 segundos.

Razón conceptual: La viñeta debe contar algo por sí misma, incluso sin texto. Es la lección de El Roto: la metáfora visual debe ser potente y autosuficiente. En el chiste del IVA, el cinturón apretado era el dibujo central; en el de Trump, su silueta caricaturizada.

3. TEXTO BREVE (MÁXIMO 2 LÍNEAS)

Razón técnica: En móvil, el texto pequeño se lee mal. Más de dos líneas obliga a ampliar o a perder el contexto. Además, X limita la descripción de imágenes, por lo que el texto debe ir incrustado.

Razón conceptual: Frente al humor viral espontáneo (memes sin texto), Fontdevila propone ofrecer «algo distinto». El texto breve pero sustantivo añade la capa reflexiva sin competir con la inmediatez. En el chiste de Trump bastaba una frase; en el del IVA, el texto intentaba explicar el agotamiento ciudadano, pero quizás era demasiado explícito.

4. PROPORCIÓN 16:9 O 4:5 (FORMATO VERTICAL)

Razón técnica: El 80% del tráfico de X es móvil, en vertical. Una viñeta vertical ocupa más pantalla sin necesidad de rotar el dispositivo. El 4:5 (Instagram) también funciona bien porque X no recorta tanto como otras plataformas.

Razón conceptual: La verticalidad obliga a componer de arriba abajo, lo que facilita la lectura secuencial: primero el dibujo, luego el texto. Es una narrativa mini.

5. RESOLUCIÓN MÍNIMA 1200 PX DE ANCHO

Razón técnica: X comprime las imágenes, pero si subes una resolución baja, se pixelan. 1200 px asegura nitidez en móvil y pantallas grandes.

Razón conceptual: El dibujo debe ser legible en miniatura, porque muchos usuarios ven el timeline sin expandir. Un trazo limpio y contraste alto (blanco + colores planos) mejora la legibilidad.

BOCETOS