33
Diseño de Tipografías

Diseño de Tipografía

Embed Size (px)

DESCRIPTION

Diseño de Tipografía

Citation preview

Page 1: Diseño de Tipografía

Diseño de Tipografías

Page 2: Diseño de Tipografía

TerminologíaDurante el proceso de diseño de una tipografía la comunicación es mucho más sencilla si utilizamos los mismos término para definir las distintas partes del tipo.

Page 3: Diseño de Tipografía
Page 4: Diseño de Tipografía
Page 5: Diseño de Tipografía

La mayoría de las letras estan basadas básicamente en formas geométricas: triángulo, cuadrado y el círculo.

Page 6: Diseño de Tipografía

E F H I K L M N T W ZLetras como la M y W casi crean un cuadrado. Otras como la E, H, y la F tomarían 2 cuadrados más pequeños.

Page 7: Diseño de Tipografía

A K V W N M X Y4Sin embargo en la misma M y W se puede ver que el triángulo es la base de su forma, al igual que el resto de estos caracteres

Page 8: Diseño de Tipografía

B C D O P Q R S 8Las letras inspiradas en los círculos tienen curvas, se muven, doblan y conectan.

Page 9: Diseño de Tipografía

Puntos a considerar al diseñar

Page 10: Diseño de Tipografía

La medida principal que se utiliza para medir la tipografía es el punto (pt)

Page 11: Diseño de Tipografía

Medidas: una tipografía debe ser diseñada de manera que todos sus caracteres funcionen juntos, para esto la anatomía y el tamaño son

importantes.

The quick brown fox jumps over the lazy dog.

Page 12: Diseño de Tipografía

Aunque es cierto que las formas básicas de la letra pueden ser creadas con el diagrama a la derecha, un alfabeto basado puramente en estas medidas carecerá las características proporcionales y espaciales para su legibilidad.

Page 13: Diseño de Tipografía
Page 14: Diseño de Tipografía
Page 15: Diseño de Tipografía

Para alinear ópticamente todos los caracteres de una línea, estos no deben de tener la misma altura matemática.

Por ejemplo, el triángulo de este dibujo debe de ser más alto que el rectángulo ya que si este no es el caso e igualamos sus tamaños, al alinearlos el triángulo se verá más pequeño.Sucede lo mismo con las formas redondas; si el círculo tuviera

la misma altura matemática que el rectángulo parecería

también más pequeño. Este efecto óptico no ocurre solamente

con formas básicas como el cuadrado, el triángulo o el círculo.

En el diseño de tipos es esencial tenerlo en cuenta ya que se

aplica a todos los caracteres de la tipografía que contengan

trazos curvos o vértices que limiten con las líneas que forman la

altura x (x-height), o las que fijan los límites superior e inferior.

Page 16: Diseño de Tipografía

Proporciones

¿Qué altura-x dar a un carácter? Y ¿qué profundidad a sus descendentes? Definir estas proporciones es esencial y están fuertemente conectadas con el propósito de la fuente. Por ejemplo, es imposible crear una fuente para un periódico que nos

economice el espacio disponible si la misma está formada con unos

caracteres excesivamente anchos.

Por ejemplo, es imposible crear una fuente para un periódico que nos economice el espacio disponible si la misma está formada con unos caracteres excesivamente anchos.

Por ejemplo, es imposible crear una fuente para un periódico que nos economice el espacio disponible si la misma está formada con unos caracteres excesivamente anchos.

Page 17: Diseño de Tipografía

Negro Versus Blanco

El diseño de tipos no es nada más y nada menos que armonizar las formas negras y las blancas. El negro no puede existir sin el blanco y el blanco no puede existir sin el negro.Negro, la forma de las letras; blanco el espacio dentro y alrededor de las mismas. La cantidad de espacio blanco dentro de un carácter define la cantidad de blanco

que existirá entre dos caracteres. Siguiendo esta idea, vemos que es imposible crear un

carácter con gruesos trazos negros que tenga a la vez unos espacios grandes; una tipografía

de estas características siempre tendrá unos espacios internos más pequeños que un tipo

dibujado con unos trazos más finos.

Por consiguiente, como vemos en la ilustración, el espacio entre las letras será menor. Al

contrario un tipo más fino tendrá unos espacios internos más grandes y como el espacio que

existe entre las letras debe estar en proporción, éste será mayor.

Este punto es clave para entender las sutiles relaciones y los factores fundamentales que

debes de tener en cuenta en el diseño de tipos; a partir del momento en que lo percibas te

darás cuenta de que ves los tipos con “distintos ojos”. Con ojos de tipógrafo.

Page 18: Diseño de Tipografía
Page 19: Diseño de Tipografía

Espacio entre letras

Una fuente con unos caracteres hermosamente dibujados, si están mal espaciados se hará difícil de leer; sin embargo una fuente con unas formas no tan bien diseñadas, si el espaciado es bueno su lectura será más cómoda. Definir el ritmo es más importante que definir las formas.

Page 20: Diseño de Tipografía

Respecto al espaciado, podemos ver en el dibujo que existe una relación entre el espacio contenido dentro de la letra n y el espacio existente entre la i y la n.

En la figura superior podemos ver como el espacio contenido dentro de la

letra n, es mucho más grande que el existente entre la i y la n. Al contrario en

la figura inferior éste espacio está más igualado, y esta es la forma de que las

palabras tengan un buen ritmo y una mejor armonía en las líneas de texto.

Lo mismo ocurre con la forma interior de los caracteres a y e, por ejemplo. Si

conseguimos dotar ópticamente a todos los caracteres de la fuente de un

espacio interior similar (el contorno interior de un trazo cerrado) el ritmo del

mejorará notablemente.

Page 21: Diseño de Tipografía
Page 22: Diseño de Tipografía

¿Qué es lo que define que un carácter encaje bien con otro?

Page 23: Diseño de Tipografía

Repetición: La repetición crea coherencia en el diseño. Una vez un patrón de diseño ha sido establecido (un borde de puntos o una forma- repite este patrón para establecer consistencia.

Corto

Establece un estilo para cada elemento en el diseño y utilizalo en elementos similares.

Page 24: Diseño de Tipografía

Punto de partida: la letra e del centro del dibujo. Imagínate que has dibujado esta letra y quieres diseñar el resto de los caracteres de la fuente de forma que encajen bien con la misma.

Page 25: Diseño de Tipografía

El bowl de la e no solamente es gruesa sino que muestra un gran

contraste. La i de la izquierda no tienen ningún contraste; estos

dos caracteres no tienen nada que ver uno con el otro. Por otro

lado, la i de la derecha tiene el mismo estilo de contraste que la e

debido a sus serifs. Estos pequeños trazos son los que aseguran

que el carácter tendrá partes finas y partes gruesas, como las que

tiene la e. Esto da como resultado que el punto de partida que

hemos creado para nuestra fuente (la letra e), ya nos ha definido

que el resto de los caracteres de la fuente no pueden carecer de

serif.

Primer intento: la letra i de la izquierda. Una letra sin remates y

cuyo asta es tan gruesa como el asta de la e y con el mismo ojo

medio.

Segundo intento: la letra i de la derecha. La letra tiene el mismo

grosor y el mismo ojo medio que la e, y además presenta

remates.

Page 26: Diseño de Tipografía

Lecturabilidad

El único aspecto importante de una fuente de texto es su lecturabilidad. Muchas decisiones de diseño pueden afectar a este aspecto entre las que se encuentran el contraste, la longitud de los ascendentes y descendentes, el ritmo, el color tipográfico (blanco vs negro) que proporciona el tipo, la robustez de sus arcos y sus panzas, etc.

La mayoría de estas decisiones se aplican a todos los caracteres de la fuente, y por esto el primer paso es definirlas.

LecturabilidadEl único aspecto importante de una fuente de texto es su lecturabilidad. Muchas decisiones de diseño pueden afectar a este aspecto entre las que se encuentran el contraste, la longitud de los ascendentes y descendentes, el ritmo, el color tipográfico que proporciona el tipo, la robustez de sus arcos y sus panzas, etc.

Page 27: Diseño de Tipografía

Por ejemplo el contraste; los caracteres de la línea superior tienen un contraste más acusado que los de la línea inferior. Así, los caracteres de la línea superior son más apropiados para usarse en titulares y los inferiores para ser utilizados en texto continuo, y no solamente por la diferencia de contraste sino porque los caracteres de la línea superior son mucho más condensados.

Page 28: Diseño de Tipografía

Esta característica los hace menos legibles en cuerpos pequeños, pero mucho más destacados y flexibles para titulares o rotulación. Lecturabilidad

El único aspecto importante de una fuente de texto es su lecturabilidad. Muchas decisiones de diseño pueden afectar a este aspecto entre las que se encuentran el contraste, la longitud de los ascendentes y descendentes, el ritmo, el color tipográfico que proporciona el tipo, la robustez de sus arcos y sus panzas, etc.

Page 29: Diseño de Tipografía

Definir el contraste y la anchura son decisiones a tener en cuenta en todos los caracteres individuales de la fuente, pero, además, mientras diseñas cada carácter puedes añadir detalles que mejoren la lecturabilidad de la fuente.

Por ejemplo, la oreja de la g puede ayudar a que el lector siga la línea horizontal de lectura de manera más fluida. La g de la línea inferior trabaja mucho mejor en una fuente de texto en cuerpos pequeños que la de la línea superior.

Page 30: Diseño de Tipografía

El término lecturabilidad se refiere a la facilidad de la lectura de un texto

El término legibilidad está referido a la percepción visual del mismo.

Page 31: Diseño de Tipografía

Proyecto Final:Diseño de una nueva letra Los diseñadores estarán creando una nueva letra parauna tipografía existente escogida por ellos.

Page 32: Diseño de Tipografía

En la entrega final mostrarán la letra en un “poster” promocional diseñado por ellos que refeleje la personalidad y estilo de la tipografía

- Medida 18” x 24”- Buena Resolución- Nombre del Estudiante

Page 33: Diseño de Tipografía

Asignación

-Traer 5 propuestas de letras o símbolos nuesvos basados en la tipografía escogida para la próxima clase

- El diseño de la letra debe tener por lo menos 4 partes anatómicas de la tipografía escogida

- Papel 8.5 x 11

- La letra no debe ser más pequeña de 3 pulgadas