PORTADA UNOS CUANTOS TIPS para trabajar con TIPOGRAFíA

AMT

Typefaces are clothes for words and like a finely tailored suit, it́ s the detail in their

composition that adds interest

-Tomado de Type Matters (2012)

“”

¿Qué es tipografía? Tipografía es escribir con letras prefabricadas

—Gerrit Noordzij“ ”Tipografía es el aspecto que tiene el lenguaje

—Ellen Lupton“ ”

ANATOMÍA DE la tipografía

J T b f g i o xSerifa

Altura mayúsculas

Descendente

Ascendente

Altura de la x

Linea base

Asta

Anillo

Ataque

Cuello

Brazo

Ojal

Serifa

Ojal

Cada letra es un carácter y las partes que lo constituyen son nombradas con una serie de términos que en conjunto se conocen como la anatomía de la tipografía.

CLASIFICACIÓN Las tipografías son clasificadas de diferentes formas. Una de estas clasificaciones es realizada según las características y el estilo de las mismas.

1. Sans serif 2. Serif 3. Script 4. Display

oUtilizar tipografía apropiadamente es todo un arte que el diseñador, diagramador, publicista o cualquier persona que requiera su uso debeaprender a realizar.

Existen múltiples reglas y tips que todo aquel que desee tener éxito trabajando con tipografías debería tener en cuenta.

1Tamaño

on solo variar el tamaño de una tipografía es sencillo crear contraste y distinción en un texto C

Título: Delicious 24 Cuerpo: Delicious 18

La mayoría de la gente cree que el diseño es algo decorativo. Para mí, nada es más importante en el futuro que el diseño. El diseño es el alma de todo lo creado por el hombre

Steve Jobs

¿Qué es el diseño? La mayoría de la gente cree que el diseño es algo decorativo. Para mí, nada es más importante en el futuro que el diseño. El diseño es el alma de todo lo creado por el hombre

Steve Jobs

¿Qué es el diseño?

Título: Garamond 26Cuerpo: Garamond 18

ara bloques de texto se deben utilizar tamaños que faciliten la lectura. Siempre se recomienda para textos impresos un rango entre 8 y 12 puntos.P

Cuerpo: Georgia 12pt

La tipografía se ocupa de estructurar y organizar el lenguaje visual. El diseño de tipos se ocupa de la creación de las unidades que deben organizarse, los caracteres que constituyen un tipo. El diseño de la forma del tipo y la tipografía están encaminados a transmitir un mensaje. Este último aspecto coloca firmemente a la tipografía en la base de una disciplina más amplia, la del diseño gráfico. La cuestión de cómo usar la tipografía para transmitir un mensaje puede subdividirse en dos. La primera parte se ocupa del aspecto o estilo de la tipografía. Éste varía según la época y el lugar, o el diseñador y el cliente; así, en ocasiones, la tipografía juega un papel secundario o hasta invisible, mientras que en otras, su papel es dominante, reflejando la inspiración del diseñador y llegando incluso, a veces, a reclamar su condición de 'arte' ( Haslam y Baines, 2005).

Cuerpo: Georgia 7pt

La tipografía se ocupa de estructurar y organizar el lenguaje visual. El diseño de tipos se ocupa de la creación de las unidades que deben organizarse, los caracteres que constituyen un tipo. El diseño de la forma del tipo y la tipografía están encaminados a transmitir un mensaje. Este último aspecto coloca firmemente a la tipografía en la base de una disciplina más amplia, la del diseño gráfico. La cuestión de cómo usar la tipografía para transmitir un mensaje puede subdividirse en dos. La primera parte se ocupa del aspecto o estilo de la tipografía. Éste varía según la época y el lugar, o el diseñador y el cliente; así, en ocasiones, la tipografía juega un papel secundario o hasta invisible, mientras que en otras, su papel es dominante, reflejando la inspiración del diseñador y llegando incluso, a veces, a reclamar su condición de 'arte' ( Haslam y Baines, 2005).

{No se debe olvidar que diferentes familias o fuentes aunque tengan el

mismo tamaño pueden lucir más grandes o pequeñas en razón a su propia anatomía {

2color

ontrastando distintos colores se puede lograr diferenciar y jerarquizar en el texto sin importar si se utiliza una única fuente. C

Algunas cosas que he aprendido sobre el diseño de tipografía

El proceso de diseño de una tipografía es, en lo esencial, un refinamiento de las formas que va hacia detalles cada vez más pequeños. Las primeras ideas son solamente eso: bocetos que pueden ofrecer un punto de partida pero que tienen que ser seguidos por una clara metodología de cambios estructurados, revisiones, pruebas y la repetición del proceso entero hasta el acabado final (Ramón, 2014).

Cuerpo: Helvetica 14pt

Algunas cosas que he aprendido sobre el diseño de tipografía

El proceso de diseño de una tipografía es, en lo esencial, un refinamiento de las formas que va hacia detalles cada vez más pequeños. Las primeras ideas son solamente eso: bocetos que pueden ofrecer un punto de partida pero que tienen que ser seguidos por una clara metodología de cambios estructurados, revisiones, pruebas y la repetición del proceso entero hasta el acabado final (Ramón, 2014).

Cuerpo: Franklin Gothic book 14pt

ambién se puede combinar el color del fondo y la letra para generar contraste en la composición. t

LA TIPOGRAFÍA ES AL DISEÑO LO QUE EL ARROZ ES A LA PAELLA

— Daniel Rodríguez

LA TIPOGRAFÍA ES AL DISEÑO LO QUE EL ARROZ ES A LA PAELLA — Daniel Rodríguez

Se debe asegurar que exista suficiente contraste entre el

tipo y el fondo. { {Cuerpo: Franklin Gothic Heavy 14pt

i el contraste es muy débil entre los colores, la lectura se dificulta.

Cuerpo: Gisha 14,4 pt

sLa tipografía es la arquitectura de las ideas y la elaboración del lenguaje, una definición que revela el papel de la tipo-grafía en la construcción de la narración, creando espacios intelectuales a través de los que el lector puede desplazarse (Has-lam y Baines, 2005).

La tipografía es la arquitectura de las ideas y la elaboración del lenguaje, una definición que revela el papel de la tipo-grafía en la construcción de la narración, creando espacios intelectuales a través de los que el lector puede desplazarse (Has-lam y Baines, 2005).

Cuerpo: Gisha 14,4 pt

Al momento de realizar las diferentes combinaciones siempre es recomendable teneren cuenta que los colores complementarios casi nunca fallan.

Complementarios

La tipografía es el arte de dotar al lenguaje de una forma visual duradera

“ ”—Robert Bringhurst

3cOmbinacioNES TIPOGRÁFICAS

ombinar tipografías serif y sans serif siempre es una buena opción. C

Título: Alice 28 ptCuerpo: Josefin Sans 15 pt

LA TIPOGRAFÍA EN LOS TIEMPOS MODERNOSSus mensajes han penetrado hasta tal punto en nuestras mentes, que nos resulta prácticamente imposible imaginar un mundo sin tipo, un mundo sin libros o bibliotecas, revistas o mapas, señales de circulación, televisión o anuncios. Como la rueda, la electricidad y el motor de combustión interna, la tipografía sostiene la vida occidental moderna.

Título: Oswald 28 ptCuerpo: Merriweather ligth 14 pt

La tipografía en los tiempos modernos

Sus mensajes han penetrado hasta tal punto en nuestras mentes, que nos resulta prácticamente imposible imaginar un mundo sin tipo, un mundo sin libros o bibliotecas, revistas o mapas, señales de circulación, televisión o anuncios. Como la rueda, la electricidad y el motor de combustión interna, la tipografía sostiene la vida occidental moderna.

Título: Basilia Black 28 ptCuerpo: Pt sans 15 pt

s recomedable combinar fuentes con características diferentes.E

LA TIPOGRAFÍA EN LOS TIEMPOS MODERNOSSus mensajes han penetrado hasta tal punto en nuestras mentes, que nos resulta prácticamente imposible imaginar un mundo sin tipo, un mundo sin libros o bibliotecas, revistas o mapas, señales de circulación, televisión o anuncios. Como la rueda, la electricidad y el motor de combustión interna, la tipografía sostiene la vida occidental moderna.

Título: Quick sand 28 ptCuerpo: Ubuntu light 16 pt

La tipografía en los tiempos modernosSus mensajes han penetrado hasta tal punto en nuestras mentes, que no resulta prácticamente imposible imaginar un mundo sin tipo, un mundo sin libros o bibliotecas, revistas o mapas, señales de circulación, televisión o anuncios. Como la rueda, la electricidad y el motor de combustión interna, la tipografía sostiene la vida occidental moderna.

i las fuentes son muy parecidas, el lector percibirá la combinación como un error. s

Título: Times new roman 22 ptCuerpo: Garamond 16 pt

La tipografía en los tiempos modernos Sus mensajes han penetrado hasta tal punto en nuestras mentes, que nos resulta prácticamente imposible imaginar un mundo sin tipo, un mundo sin libros o bibliotecas, revistas o mapas, señales de circulación, televisión o anuncios. Como la rueda,la electricidad y el motor de combustión interna, la tipografía sostiene la vida occidental moderna.

Título: Quicksand 22 ptCuerpo: Arial 14 pt

LA TIPOGRAFÍA EN LOS TIEMPOS MODERNOSSus mensajes han penetrado hasta tal punto en nuestras mentes, que nos resulta prácticamente imposible imaginar un mundo sin tipo, un mundo sin libros o bibliotecas, revistas o mapas, señales de circulación, televisión o anuncios. Como la rueda, la electricidad y el motor de combustión interna, la tipografía sostiene la vida occidental moderna.

Otros ejemplos de buenas combinaciones

Título: Francois One 40 ptCuerpo: Open Sans 15 pt

Título: Permanent Marker 40 PTCuerpo: Pt Sans 16 pt

Esto es un archivo de Adobe® Illustrator® guardadosin contenido en PDF.Para colocar o abrir este archivo en otrasaplicaciones, debe volver a guardarlo enAdobe Illustrator con la opción Crear archivo PDFcompatible activada. Estaopción se encuentra en el cuadro de diálogo de las opciones deformato nativo de Illustrator, que aparece alguardar un archivo de Adobe Illustrator con el comandoGuardar como.

Esto es un archivo de Adobe® Illustrator® guardadosin contenido en PDF.Para colocar o abrir este archivo en otrasaplicaciones, debe volver a guardarlo enAdobe Illustrator con la opción Crear archivo PDFcompatible activada. Estaopción se encuentra en el cuadro de diálogo de las opciones deformato nativo de Illustrator, que aparece alguardar un archivo de Adobe Illustrator con el comandoGuardar como.

Esto es un archivo de Adobe® Illustrator® guardadosin contenido en PDF.Para colocar o abrir este archivo en otrasaplicaciones, debe volver a guardarlo enAdobe Illustrator con la opción Crear archivo PDFcompatible activada. Estaopción se encuentra en el cuadro de diálogo de las opciones deformato nativo de Illustrator, que aparece alguardar un archivo de Adobe Illustrator con el comandoGuardar como.

Esto es un archivo de Adobe® Illustrator® guardadosin contenido en PDF.Para colocar o abrir este archivo en otrasaplicaciones, debe volver a guardarlo enAdobe Illustrator con la opción Crear archivo PDFcompatible activada. Estaopción se encuentra en el cuadro de diálogo de las opciones deformato nativo de Illustrator, que aparece alguardar un archivo de Adobe Illustrator con el comandoGuardar como.

Esto es un archivo de Adobe® Illustrator® guardadosin contenido en PDF.Para colocar o abrir este archivo en otrasaplicaciones, debe volver a guardarlo enAdobe Illustrator con la opción Crear archivo PDFcompatible activada. Estaopción se encuentra en el cuadro de diálogo de las opciones deformato nativo de Illustrator, que aparece alguardar un archivo de Adobe Illustrator con el comandoGuardar como.

Esto es un archivo de Adobe® Illustrator® guardadosin contenido en PDF.Para colocar o abrir este archivo en otrasaplicaciones, debe volver a guardarlo enAdobe Illustrator con la opción Crear archivo PDFcompatible activada. Estaopción se encuentra en el cuadro de diálogo de las opciones deformato nativo de Illustrator, que aparece alguardar un archivo de Adobe Illustrator con el comandoGuardar como.

Esto es un archivo de Adobe® Illustrator® guardadosin contenido en PDF.Para colocar o abrir este archivo en otrasaplicaciones, debe volver a guardarlo enAdobe Illustrator con la opción Crear archivo PDFcompatible activada. Estaopción se encuentra en el cuadro de diálogo de las opciones deformato nativo de Illustrator, que aparece alguardar un archivo de Adobe Illustrator con el comandoGuardar como.

Esto es un archivo de Adobe® Illustrator® guardadosin contenido en PDF.Para colocar o abrir este archivo en otrasaplicaciones, debe volver a guardarlo enAdobe Illustrator con la opción Crear archivo PDFcompatible activada. Estaopción se encuentra en el cuadro de diálogo de las opciones deformato nativo de Illustrator, que aparece alguardar un archivo de Adobe Illustrator con el comandoGuardar como.

Tipografía y diseño Sus mensajes han penetrado hasta tal punto en nues-tras mentes, que nos resulta prácticamente imposible imaginar un mundo sin tipo, un mundo sin libros o bibliotecas, revistas o mapas, señales de circulación, televisión o anuncios. Como la rueda, la electricidad y el motor de combustión interna, la tipografía sostiene la vida occidental moderna.

Tipografía y diseño Sus mensajes han penetrado hasta tal punto en nuestras mentes, que nos resulta prácticamente imposible imaginar un mundo sin tipo, un mundo sin libros o bibliotecas, revistas o mapas, señales de circulación, televisión o anuncios. Como la rueda, la electricidad y el motor de combustión interna, la tipografía sostiene la vida occidental moderna.

t eniendo en cuenta que las tipografías transmiten emociones, se debe evitar utilizar unas que se contradigan entre sí.

La mayoría de la gente cree que el diseño es algo decorativo. Para mí, nada es más importante en el futuro que el diseño. El diseño es el alma de todo lo creado por el hombre

Steve Jobs

¿Qué es el diseño?

Título: Sniglet 31 ptCuerpo: Garamond 18 pt

Título: Rage italic 40 ptCuerpo: Franklin Gothic Heavy 16 pt

La mayoría de la gente cree que el diseño es algo decorativo. Para mí, nada es más importante en el futuro que el diseño. El diseño es el alma de todo lo creado por el hombre

Steve Jobs

¿Qué es el diseño?

E s conveniente utilizar pocas tipografías en un mismo producto. Dos o tres fuentes son suficientes.

Estos dos carteles utilizan únicamente dos tipografías y funcionan a la perfección.

Utilizar una tipografía adicional restaría limpieza al mensaje y confundiría al lector.

El cartel de la izquierda es un claro ejemplo del uso excesivo de tipografías. En solo este producto se implementaron cinco.

4legibilidad

Para asegurar una legibilidad óptima es recomendable escoger fuentes clásicas ya probadas.

Typography is known as an invisible art, be-cause if a typographer has done a good job and produced a page that flows and is “easy on the eye”, he has done his job and the reader doesn´t notice (Type matters, 2012).

Typography is known as an invisible art, because if a typographer has done a good job and produced a page that flows and is “easy on the eye”, he has done his job and the reader doesn´t notice (Type matters, 2012).

Baskerville old face

Futura

Typography is known as an invisible art, becau-se if a typographer has done a good job and produced a page that flows and is “easy on the eye”, he has done his job and the reader doesn´t notice (Type matters, 2012).

Typography is known as an invisible art, because if a typographer has done a good job and produced a page that flows and is “easy on the eye”, he has done his job and the reader doesn´t notice (Type matters, 2012).

Typography is known as an invisible art, because if a typographer has done a good job and produced a page that flows and is “easy on the eye”, he has done his job and the reader doesn´t notice (Type matters, 2012).

Garamond Helvética

Georgia

Typography is known as an invisible art, because if a typographer has done a good job and produced a page that flows and is “easy on the eye”, he has done his job and the reader doesn´t notice (Type matters, 2012).

Bodoni MT

Recuerda: Los buenos diseñadores cuentan con los dedos de la mano aquellas tipografías con las que trabajan. 1.

Dependiendo del formato en el que es realizado el producto la legibilidad de una u otra tipografía cambia.

2.

se debe utilizar un interlineado y un tracking que facilite la lectura.

A page that is badly designed will be difficult and irritating to read. Whether you are rea-ding in the office for work, or at home for pleasure, and no matter how interesting the actual content, if a book is uncomfortable on the eye then the enjoyment of reading is spoiled (Type Matters, 2012)

Interlineado apropiado Interlineado inapropiado

A page that is badly designed will be difficult and irritating to read. Whether you are rea-ding in the office for work, or at home for pleasure, and no matter how interesting the actual content, if a book is uncomfortable on the eye then the enjoyment of reading is spoiled (Type Matters, 2012)

A p a g e t h a t i s b a d l y d e s i g n e d w i l l b e d i f f i c u l t a n d i r r i t a t i n g t o r e a d . W h e -t h e r y o u a r e r e a d i n g i n t h e o f f i c e f o r w o r k , o r a t h o m e f o r p l e a s u r e , a n d n o m a t t e r h o w i n t e r e s t i n g t h e a c t u a l c o n t e n t , i f a b o o k i s u n c o m f o r t a b l e o n t h e e y e t h e n t h e e n j o y m e n t o f r e a -d i n g i s s p o i l e d ( Ty p e M a t t e r s , 2 0 1 2 )

Tracking apropiado Tracking inapropiado

A page that is badly designed will be difficult and irritating to read. Whether you are rea-ding in the office for work, or at home for pleasure, and no matter how interesting the actual content, if a book is uncomfortable on the eye then the enjoyment of reading is spoiled (Type Matters, 2012)

Procure no dejar viudas ni huérfanas en el texto.

Las viudas y huérfanas son fenómenos tipo-gráficos que se encuentran en un punto en medio de la tipografía (el texto) y su presen-tación (el diseño gráfico). Pertenecen al len-guaje especializado de los profesionales del libro y, entre estos, aquellos que específica-mente trabajan en la industria editorial. El trabajo de editores, correctores e incluso diseñadores es perseguir las líneas viudas y huérfanas dondequiera que aparezcan en las versiones diagramadas o maquetadas, casi listas para su viaje a la imprenta.

como una casilla que se activa en alguna pesta-ña de los procesadores de texto y, sin embargo, desconocen su significado o, peor aún, conti-nuamente los confunden: ¿cuál era la viuda y cuál la huérfana?

La respuesta es bastante sencilla: la viuda es la última línea de un párrafo que se ha fugado hasta la siguiente página o columna. La huérfa-na, en cambio, es la primera línea de un párra-fo que se ha quedado rezagada en la página o columna anterior. Recordar cuál es cuál será, siempre, un ejercicio de memoria.

El público general las ha llegado a conocer

Huérfana

Las viudas y huérfanas son fenómenos tipo-gráficos que se encuentran en un punto en medio de la tipografía (el texto) y su presen-tación (el diseño gráfico). Pertenecen al len-guaje especializado de los profesionales del libro y, entre estos, aquellos que específica-mente trabajan en la industria editorial. El trabajo de editores, correctores e incluso diseñadores es perseguir las líneas viudas y huérfanas dondequiera que aparezcan en las versiones diagramadas o maquetadas,

casi listas para su viaje a la imprenta.

El público general las ha llegado a conocer como una casilla que se activa en alguna pesta-ña de los procesadores de texto y, sin embargo, desconocen su significado o, peor aún, conti-nuamente los confunden: ¿cuál era la viuda y cuál la huérfana?

Viuda

no se debe escribir todo un cuerpo de texto en mayúsculas. Esto dificulta la lectura.

LAS VIUDAS Y HUÉRFANAS SON FENÓMENOS TIPOGRÁFICOS QUE SE ENCUENTRAN EN UN PUNTO EN MEDIO DE LA TIPOGRAFÍA(EL TEXTO) Y SU PRESENTACIÓN (EL DISEÑO GRÁFICO). PERTENECEN AL LENGUAJE ESPECIALIZADO DE LOS PROFESIONALES DEL LIBRO Y, ENTRE ESTOS, AQUELLOS QUE ESPECÍFICAMENTE TRABAJAN EN LA INDUSTRIA EDITORIAL. EL TRABAJO DE EDITORES, CORRECTO-RES E INCLUSO DISEÑADORES ES PERSEGUIR LAS LÍNEAS VIUDAS Y HUÉRFANAS DONDEQUIERA QUE APAREZCAN EN LAS VERSIONES DIAGRAMADAS O MAQUETADAS, CASI LISTAS PARA SU VIAJE A LA IMPRENTA.

/ Tras conocer todo esta lista de reglas y recomendaciones estás listo para iniciar un proyecto en el que debas utilizar tipografía.

No olvides que en algunos casos el instinto propio tiene más importancia que esta lista, así que experimenta, imagina y rompe unas cuantas reglas.

AMT