u2. Tipografias Funcionales

9
Unidad II: Tipografías funcionales Judith Cáceres / T.A.T. Tipografía Instituto Profesional Providencia Tipos familias y fuentes˚ Letra Unidad mínima de la palabra escrita Signo gráfico con valor fonético Tipografías Escritura alfabética Cada sonido es representado por un signo Familias tipográficas Fuentes tipográficas Grupos de tipografía unidas por razgos comunes, pero que a la vez tienen rasgos propios (distintos grosores y anchos) FAMILIA GARAMOND BOLD CONENSED GARAMOND BOLD CONENSED ITALIC GARAMOND BOOK CONENSED GARAMOND BOOK CONENSED ITALIC GARAMOND LIGT CONENSED GARAMONDLIGTCONENSEDITALIC GARAMOND ULTRA CONENSED GARAMOND ULTRA CONENSED ITALIC Juego de caracteres completo en cualquier cuerpo y estilo (letras de caja alta, caja baja, signos matemáticos, acentos, ligaduras, etc.) TIPOGRAFÍAS Diseño de caracteres unificados por propiedades visuales comunes FUENTE ABCDEFGHIJKLMNÑOPQRS TUVWXYZ abcdefghijklmnñopqrstuvwxyz æ oe … ‚ : ; ¿? !¡ () {} “” ¨ ˆ ^´ ``«» ~ ‹› @#$%&*/®†¥øπå߃©˙˚¬ç√∫˜μfifl‡°· 0123456789 = ± ÷ — _ + <> ≤≥

description

Uploaded from Google Docs

Transcript of u2. Tipografias Funcionales

Page 1: u2. Tipografias Funcionales

Unidad II: Tipografías funcionalesJudith Cáceres / T.A.T. TipografíaInstituto Profesional Providencia

Tipos familias y fuentes Letra

Unidad mínima de lapalabra escrita

Signo gráfico convalor fonético

Tipografías

Escritura alfabéticaCada sonido es

representado por un signo

Familias tipográficas

Fuentes tipográficas

Grupos de tipografía unidas por razgos comunes, pero que a la vez tienen rasgos propios (distintos grosores y anchos)

FAMILIAGARAMOND BOLD CONENSEDGARAMOND BOLD CONENSED ITALICGARAMOND BOOK CONENSEDGARAMOND BOOK CONENSED ITALICGARAMOND LIGT CONENSEDGARAMOND LIGT CONENSED ITALICGARAMOND ULTRA CONENSEDGARAMOND ULTRA CONENSED ITALIC

Juego de caracteres completo en cualquier cuerpo y estilo (letras de caja alta, caja baja, signos matemáticos, acentos, ligaduras, etc.)

TIPOGRAFÍAS

Diseño de caracteres unificados por propiedades visuales comunes

FUENTEABCDEFGHIJKLMNÑOPQRSTUVWXYZ abcdefghijklmnñopqrstuvwxyz æ œ … ‚ : ; ¿? !¡ () “” ¨ ˆ ^´ ``«» ~ ‹› ≈ @#$%&*/∑®†¥øπåß∂ƒ©˙∆˚¬Ωç√∫˜µfifl‡°· 0123456789 = ± ÷ — _ + <> ≤≥

Page 2: u2. Tipografias Funcionales

Judith Cáceres / T.A.T. TipografíaInstituto Profesional Providencia

Líneas de referencia

Modulaciones Anatomía de la letra

Unidad II: Tipografías funcionales

Altu

ra x AbcgkrQp

AnilloBarra Blanco interno

Ojal

Oreja

Serif, remate o gracia

Brazo

Cola

Oreja

Pierna

Blanco interno

Asta descendente

Asta ascendente

Blanco interno

Serif, remate o gracia

Cuerpo dela letra

Hombro

Interlínea

Modulación vertical

Modulación oblicua

Trazos ascendentes

Trazos descendentes

Alineación superiorAlineación media superior

Alineación media inferiorAlineación inferior

TipografíaxAltura x,ojo medio o núcleo

Altura de las mayúsculas o de caja alta

Page 3: u2. Tipografias Funcionales

Judith Cáceres / T.A.T. TipografíaInstituto Profesional Providencia

Unidad II: Tipografías funcionales

Proporcion mayúsculas, minúsculas 6/8

Caja alta 8 puntos del cuadratín (2 cuadros de diferenciaentre caja alta y baja, se refiere a:independiente de la cantidad de módulos que compongan la retículade construcción que usen en el sentido vertical, deben restar 2 módulos para obtener la altura de los de caja baja (altura x).En el sentido horizontal la proporción se resulve mucho mejor de manera óptica que geométrica.

9

8

7

6

5

4

3

2

1

9

8

7

6

5

4

3

2

1

ModulosRetícula formada sobre papel cuadriculado

Submódulos(1/2 módulo)

Círculos con centroen el vértice del módulo

Caja bajaCaja alta

En las de caja baja que llevan trazos ascendentes (dftk etc.), dichos trazos alcanzan la altura de las de caja alta, luego que tener la construcción en la retícula y normalizada se debe traspasar a la lógica del cuaderno de caligrafía (ver pág. 2 de este archivo, líneas de referencia de la letra, de esta manera los trazos ascendentes y descendentes se articularán como corresponde dentro el renglón.

Page 4: u2. Tipografias Funcionales

Judith Cáceres / T.A.T. TipografíaInstituto Profesional Providencia

Unidad II: Tipografías funcionales

Percepción de la tipografía

HNOHNVHN

Ritmos y espaciados

HNOH NVHN

Page 5: u2. Tipografias Funcionales

Judith Cáceres / T.A.T. TipografíaInstituto Profesional Providencia

BOADU

Unidad II: Tipografías funcionales

Percepción de la tipografíaForma y contra forma

BOADU

Page 6: u2. Tipografias Funcionales

Judith Cáceres / T.A.T. TipografíaInstituto Profesional Providencia

Sistemas de medidas

Unidad II: Tipografías funcionales

Medidas tipográficas

Instrumento de medición

Tipómetro

Regla plana metálica otransparente de 20 o 30 cm.que sirve para medir el cuerpo de los tipos, las dimensionesde los filetes, interlinea, etc.

1 Punto = 0,376 mm1 Pica = 3,513 mm Sist. métrico decimal

Europa

Anglosajón

El punto Didot = 0.376 mm (Francés Ambrosio Didot)El cícero, formado por 12 p didot =4.512 mm (PedroSimón Fournier, los llamó cícero por las epístolas de Cicerón)

Punto de pica = 0.351 mmPica formada por 12 puntos de pica =4.217 mm

Hoy se construye en base a un cuadrado (cuadratín) asociado a la M,éste se divede en 1.000 x 1.000, se diseña en una trama de un millón deunidades.

Pedro Simón Fournier, 1737 estableción una escala a base de

puntos tipográficos y creó el prototipo lógico y convencional

los llamó cícero por las epístolas de CicerónEl Francés Ambrosio Didot modificó el anterior,

tomó de él, elceicero de 12 puntos y lo llevo a pie de rey. El punto es la unidad mínima tipográfica y

equivale 1376 milésimasde milímetro y el cícero de 12 puntos a 4.512 mm.

del sistema legal actual

Page 7: u2. Tipografias Funcionales

Judith Cáceres / T.A.T. TipografíaInstituto Profesional Providencia

Principios básicos de legibilidad

Legibilidad

Forma o diseño del tipo

Tamaño del tipo

Naturaleza del trabajo

Interletraje

Letra

Unidad mínima de lapalabra escrita y representaciónvisual de un sonido

Punto de vista gráfico es unmicrodiseño con detalles gráficos y funcionalesque pertenecen a un macro diseño (sistema)

- Función es facilitar la lectura- Elegirla en función del mensaje y del usuario.

La palabraJuntas forman unidadesde significados

Depende de la distancia a la que se va a leer- Cartel visto a 10 metros altura por lo menos 25 cm. - Pendón visto a 60 metros altuta por lo menos 15 cm.- Revista vista a - 30 cm. cuerpo de entre 9 y 12 p

- Qué estamos diseñando- Para quien - Con que fin

Determina elenfoque del trabajo

Diccionario EnciclopediaCuento

Percepción

Ritmo tipográfico

Debe tenerse en cuentasobre todo en las mayúsculasno es la misma distancia entrela I, la M o N que la D conla O

Kerning

Tracking

Se refiere a pares o tríosde letras y se aplica a fuentes que han sido diseñadas para idioma inglés, pero que seusan en español

Se aplica en todos los caracteres de la misma fuente o por bloques de texto

InterletrajeInterletrajeInterletrajeI n t e r l e t r a j e

Unidad II: Tipografías funcionales

Signo abstracto que en combinatoria con otros deterninan un significado

Adulto no lee de signo en signo, sino por grupos de palabras. Cantidad de ideas por líneas

Page 8: u2. Tipografias Funcionales

Judith Cáceres / T.A.T. TipografíaInstituto Profesional Providencia

Principios básicos de legibilidad

Espacio entre palabras

Interlínea

Legibilidad

Si un texto no llevaa éste se le denomina sólido

Depende de:

Espacioentrepalabras

EspacioientreipalabrasEspacioientreipalabras

EspaciobentrebpalabrasEspaciobentrebpalabras

Unidad II: Tipografías funcionales

- Naturaleza del trabajo: un libro lleva menos interlínea que una revista comercial (usuario)- Tamaño del tipo: a mayor tamaño mayor interlínea (proporción)- Medida de la línea: a líneas muy largas hay que doblar la interlínea, ya que se tiende a leer desde el mismo renglón que acabamos de terminar- Los tipo cuya altura x es mayor necesitan más interlínea - Color o peso: los oscuros necesitan más que los claros tipos más claros necesitan menos intelínea

- Debe ser lo más estrecho posible para evitar los ríos- Varía dependiendo del tipo y el tamaño elegido- Varía según el ancho de la altura x u ojo medio- La medida correcta 1/3 del cuadratín

Abcelhvrighr`gjfmvvnewury780y7r586ghjbfghtuy`rityetwvjfbrtghaerjjkdfviugye9ruhkjfhiurdhvbsdfmcvdnscAKNS:jkwdhfhrhjdghksfjergteurfhñcvmvndfgjj´scklbnawrueorwejdlcmdfgeueñfndghoifnjrgyrnghjhyrtgnbvdzwneirufyrbtuhyekrmgbvvklfsirytjs´-erjlffnfgkhjfñgklmhdh

Abcelhvrighr`gjfmvvnewury780y7r586ghjbfghtuy`rityetwvjfbrtghaerjjkdfviugye9ruhkjfhiurdhvbsdfmcvdnscAKNS:jkwdhfhrhjdghksfjergteurfhñcvmvndfgjj´scklbnawrueorwejdlcmdfgeueñfndghoifnjrgyrnghjhyrtgnbvdzwneirufyrbtuhyekrmgbvvklfsirytjs´-erjlffnfgkhjfñgklmhdh

Page 9: u2. Tipografias Funcionales

Judith Cáceres / T.A.T. TipografíaInstituto Profesional Providencia

Principios básicos de legibilidad

Mayúscula y Minúsculas

Color del tipoLegibilidad

Caja alta oversales

Caja baja

Unidad II: Tipografías funcionales

Altas y baja favorecen la lectura ya que crean un desarrollo rítmicoLas de caja alta son monótonas y menos reconociblesLas de caja alta visualmente equivalen a un grito (sirven para destacar los textos)Jamás utilizar tipos de caja alta en fuentes complejas, (gotic), (lo más adecuado es utilizarlas de manera combinada).

En los años 50 se incrementó la proporción de las minúsculas en relación con lasmayúsculas , que de una proporción de 5 a 8 establecida por los alfabetos del renacimiento pasa a una proporción de 6 a 8 este cambio de proporción junto al acortamiento de los trazos descendentes permite una mayor legibilidad y una mejor utilización del espacio disponible.

Usar colores que produscan contraste con el fondo faborecen la legibilidad (imprenta)

Abcelhvrighr`gjfmvvnewury780y7r586ghjbfghtuy`rityetwvjfbrtghaerjjkdfviugye9ruhkjfhiurdhvbsdfmcvdnscAKNS:jkwdhfhrhjdghksfjergteurfhñ

Abcelhvrighr`gjfmvvnewury780y7r586ghjbfghtuy`rityetwvjfbrtghaerjjkdfviugye9ruhkjfhiurdhvbsdfmcvdnscAKNS:jkwdhfhrhjdghksfjergteurfhñ

Abcelhvrighr`gjfmvvnewury780y7r586ghjbfghtuy`rityetwvjfbrtghaerjjkdfviugye9ruhkjfhiurdhvbsdfmcvdnscAKNS:jkwdhfhrhjdghksfjergteurfhñ

Abcelhvrighr`gjfmvvnewury780y7r586ghjbfghtuy`rityetwvjfbrtghaerjjkdfviugye9ruhkjfhiurdhvbsdfmcvdnscAKNS:jkwdhfhrhjdghksfjergteurfhñ