46
Visualmente.space by Fede Lábaque Bienvenidos a Tipografía 1 Profe Fede Lábaque Lic. DG + Lic. Pub.

Profe Fede Lábaque Lic. DG + Lic. Pub

  • Upload
    others

  • View
    6

  • Download
    0

Embed Size (px)

Citation preview

Page 1: Profe Fede Lábaque Lic. DG + Lic. Pub

Visualmente.space

by Fede Lábaque

Bienvenidos a Tipografía 1

Profe Fede Lábaque Lic. DG + Lic. Pub.

Page 2: Profe Fede Lábaque Lic. DG + Lic. Pub

TIPOGRAFÍA CREATIVA SEMANTIZACIÓN

Nos referimos a enfatizar/reforzar el significado de una

palabra o frase mediante recursos gráficos, aludiendo al objeto

en sí o a una cualidad o concepto relacionados directa o

indirectamente.

Visualmente.space by Fede Lábaque

Page 3: Profe Fede Lábaque Lic. DG + Lic. Pub

¿Cómo seleccionar fuentes

apropiadas?

• Función tipográfica

• Estilos tipográficos

• Adecuación al Público/ Comitente

• Adecuación al medio

Visualmente.space by Fede Lábaque

Page 4: Profe Fede Lábaque Lic. DG + Lic. Pub

¿Cómo seleccionar fuentes

apropiadas?

Visualmente.space by Fede Lábaque

Page 5: Profe Fede Lábaque Lic. DG + Lic. Pub

¿Cómo se semantiza en tipografía?

Anécdotas tipográficas

Composición tipográfica

Selección de Estilos

tipográficos

Creación de Tipografías

Visualmente.space by Fede Lábaque

Page 6: Profe Fede Lábaque Lic. DG + Lic. Pub

¿Cómo se semantiza en tipografía?

Anécdotas tipográficas/

jugar con las palabras y las

formas de las letras.

Visualmente.space by Fede Lábaque

Page 7: Profe Fede Lábaque Lic. DG + Lic. Pub

¿Cómo se semantiza en tipografía?

Composición tipográfica /

generar manchas de texto

dinámicas e interesantes. .

Visualmente.space by Fede Lábaque

Page 8: Profe Fede Lábaque Lic. DG + Lic. Pub

¿Cómo se semantiza en tipografía?

Selección de Estilos

tipográficos/

Connotaciones históricas,

medios de producción, modas,

CULTURA.

Visualmente.space

by Fede Lábaque

Page 9: Profe Fede Lábaque Lic. DG + Lic. Pub

¿Cómo se semantiza en tipografía?

Creación de Tipografías/

Generar una familia en

particular (de tipo display) o

dibujar letras (posibilidad de

hacerlo HOY)

Visualmente.space by Fede Lábaque

Page 10: Profe Fede Lábaque Lic. DG + Lic. Pub

SEMANTIZACIÓN Anécdotas tipográficas

Visualmente.space by Fede Lábaque

Page 11: Profe Fede Lábaque Lic. DG + Lic. Pub

3. SEMANTIZACIÓN SEMANTIZACIÓN Anécdotas tipográficas

Visualmente.space by Fede Lábaque

Page 12: Profe Fede Lábaque Lic. DG + Lic. Pub

3. SEMANTIZACIÓN SEMANTIZACIÓN Anécdotas tipográficas

Visualmente.space by Fede Lábaque

Page 13: Profe Fede Lábaque Lic. DG + Lic. Pub

3. SEMANTIZACIÓN SEMANTIZACIÓN Anécdotas tipográficas

Visualmente.space by Fede Lábaque

Page 14: Profe Fede Lábaque Lic. DG + Lic. Pub

3. SEMANTIZACIÓN SEMANTIZACIÓN Anécdotas tipográficas

Visualmente.space by Fede Lábaque

Page 15: Profe Fede Lábaque Lic. DG + Lic. Pub

¿Cómo seleccionar fuentes

apropiadas?

Tipografía de Edición vs. Tipografía Creativa Funcionalidad

Legibilidad

Metáfora Visual

Función Display

SEMANTIZACIÓN Función Tipográfica

Visualmente.space by Fede Lábaque

Page 16: Profe Fede Lábaque Lic. DG + Lic. Pub

¿Cómo seleccionar fuentes

apropiadas?

Tipografía de Edición vs. Tipografía Creativa Funcionalidad

Legibilidad

Metáfora Visual

Función Display

SEMANTIZACIÓN Función Tipográfica

Visualmente.space by Fede Lábaque

Page 17: Profe Fede Lábaque Lic. DG + Lic. Pub

¿Cuál es la finalidad de la pieza?

SEMANTIZACIÓN Función Tipográfica

Visualmente.space by Fede Lábaque

Page 18: Profe Fede Lábaque Lic. DG + Lic. Pub

¿Cómo seleccionar fuentes apropiadas?

Tipografía de Edición vs. Tipografía Creativa

Elección de Familias

Tamaño Tipográfico

Espacios negativos

Interlínea

Lectura Fluida

TEXTOS EN PROSA

Palabra Imagen

Logotipos

Monogramas

Lettering

TITULARES

SEMANTIZACIÓN Función Tipográfica

Visualmente.space by Fede Lábaque

Page 19: Profe Fede Lábaque Lic. DG + Lic. Pub

¿Cómo seleccionar fuentes apropiadas?

TEXTOS EN PROSA + TITULARES

SEMANTIZACIÓN Función Tipográfica

Visualmente.space by Fede Lábaque

Page 20: Profe Fede Lábaque Lic. DG + Lic. Pub

¿Cómo seleccionar fuentes apropiadas? • Función tipográfica

Tipografía de Edición + Tipografía Creativa

Visualmente.space by Fede Lábaque

Page 21: Profe Fede Lábaque Lic. DG + Lic. Pub

Tipografía de Edición + Tipografía Creativa

SEMANTIZACIÓN Función Tipográfica

Visualmente.space by Fede Lábaque

Page 22: Profe Fede Lábaque Lic. DG + Lic. Pub

Respecto al TP1:

¿Cómo harás para llamar la

atención de tu público?

¿Podés reforzar es

significado del mensaje?

Esa frase que diseñes se

transformará en una remera

a futuro

SEMANTIZACIÓN Función Tipográfica

Visualmente.space by Fede Lábaque

Page 23: Profe Fede Lábaque Lic. DG + Lic. Pub

SEMANTIZACIÓN Función Tipográfica

Visualmente.space by Fede Lábaque

Page 24: Profe Fede Lábaque Lic. DG + Lic. Pub

• Función tipográfica

Tipografía de Edición vs. Tipografía Creativa

SEMANTIZACIÓN Forma de la mancha tipográfica

Visualmente.space by Fede Lábaque

Page 25: Profe Fede Lábaque Lic. DG + Lic. Pub

¿Qué formas tienen los bloques de texto?

¿Podemos generar una forma más interesante

sin atentar contra la lectura fluída?

¿Cómo equilibramos los pesos en la composición?

SEMANTIZACIÓN Forma de la mancha

Visualmente.space by Fede Lábaque

Page 26: Profe Fede Lábaque Lic. DG + Lic. Pub

SEMANTIZACIÓN Forma de la mancha

Visualmente.space by Fede Lábaque

Page 27: Profe Fede Lábaque Lic. DG + Lic. Pub

SEMANTIZACIÓN Forma de la mancha

Visualmente.space by Fede Lábaque

Page 28: Profe Fede Lábaque Lic. DG + Lic. Pub

SEMANTIZACIÓN Forma de la mancha

Visualmente.space by Fede Lábaque

Page 29: Profe Fede Lábaque Lic. DG + Lic. Pub

SEMANTIZACIÓN Forma de la mancha

¿Diseñamos la mancha

antes de comenzar a

escribir?

HOY

Visualmente.space by Fede Lábaque

Page 30: Profe Fede Lábaque Lic. DG + Lic. Pub

SEMANTIZACIÓN Forma de la mancha

¿Diseñamos la mancha

antes de comenzar a

escribir?

HOY

Visualmente.space by Fede Lábaque

Page 31: Profe Fede Lábaque Lic. DG + Lic. Pub

SEMANTIZACIÓN Forma de la mancha

Comenzamos a diseñar

una frase que será el

puntapié inicial de una

campaña de

comunicación visual.

HOY

Visualmente.space by Fede Lábaque

Page 32: Profe Fede Lábaque Lic. DG + Lic. Pub

SEMANTIZACIÓN estilos tipográficos

Visualmente.space by Fede Lábaque

Page 33: Profe Fede Lábaque Lic. DG + Lic. Pub

SEMANTIZACIÓN estilos tipográficos

¿Cuántos estilos hay?

Visualmente.space by Fede Lábaque

Page 34: Profe Fede Lábaque Lic. DG + Lic. Pub

¿Cómo seleccionar fuentes apropiadas? • Estilos Tipográficos

Diacrónicos vs. Anacrónicos

Evolución de la

escritura

Romana

Gótica

Sans Serif

Scripta

Emulan otros

medios

Manuscritas

Caligráficas

Experimentales

Movimiento Histórico

Tendencia del

momento

Comen

zamos

por

acà

Visualmente.space by Fede Lábaque

Page 35: Profe Fede Lábaque Lic. DG + Lic. Pub

¿Cómo seleccionar fuentes apropiadas? • Estilos Tipográficos

Diacrónicos Romana

Visualmente.space by Fede Lábaque

Page 36: Profe Fede Lábaque Lic. DG + Lic. Pub

¿Cómo seleccionar fuentes apropiadas? • Estilos Tipográficos

Diacrónicos Gótica

Visualmente.space by Fede Lábaque

Page 37: Profe Fede Lábaque Lic. DG + Lic. Pub

¿Cómo seleccionar fuentes apropiadas?

• Estilos

Anacrónicos

Tipografía Kid A

Concepto:

Una tipografía moderna que

incorpore el “glitch” en la

música de Radiohead

Visualmente.space by Fede Lábaque

Page 38: Profe Fede Lábaque Lic. DG + Lic. Pub

¿Cómo seleccionar fuentes apropiadas? • Tipografía Display

• Estilos

Anacrónicos

Tipografía Kid A

B. Bertolina.

Concepto:

Una tipografía “encriptada”,

codificada.

Visualmente.space by Fede Lábaque

Page 39: Profe Fede Lábaque Lic. DG + Lic. Pub

¿Cómo seleccionar fuentes apropiadas? • Tipografía Display

Visualmente.space by Fede Lábaque

Page 40: Profe Fede Lábaque Lic. DG + Lic. Pub

¿Cómo seleccionar fuentes apropiadas? • Tipografía Display

• Estilos

Anacrónicos

Tipografía INKA

N. VAZQUEZ

Concepto:

Una tipografía con

reminiscencias incaicas.

Visualmente.space by Fede Lábaque

Page 41: Profe Fede Lábaque Lic. DG + Lic. Pub

¿Cómo seleccionar fuentes apropiadas? • Tipografía Display

Visualmente.space

by Fede Lábaque

Page 42: Profe Fede Lábaque Lic. DG + Lic. Pub

¿Cómo seleccionar fuentes apropiadas? • Tipografía Display

• Estilos Anacrónicos

Tipografía HUNGARY

Concepto:

Una tipografía para la película Gran

Hotel Budapest

Visualmente.space

by Fede Lábaque

Page 43: Profe Fede Lábaque Lic. DG + Lic. Pub

¿Cómo seleccionar fuentes apropiadas? • Tipografía Display

Visualmente.space

by Fede Lábaque

Page 44: Profe Fede Lábaque Lic. DG + Lic. Pub

¿Cómo seleccionar fuentes apropiadas? • Tipografía Display

• Estilos Anacrónicos

Tipografía UNIVERSO

Concepto:

Una tipografía de formas esenciales.

Visualmente.space

by Fede Lábaque

Page 45: Profe Fede Lábaque Lic. DG + Lic. Pub

La campaña termina con una

animación.

Espero que te luzcas,

de momento…

Visualmente.space

by Fede Lábaque

Page 46: Profe Fede Lábaque Lic. DG + Lic. Pub

PENSÁ EN LA FRASE DE UNA

CANCIÓN DE TU GRUPO

DE MÚSICA FAVORITO.

Visualmente.space

by Fede Lábaque