tipografía: conceptos básicos
DESCRIPTION
Repaso de conceptos básicos de tipografía (parte 1)TRANSCRIPT
![Page 1: Tipografía: Conceptos básicos](https://reader034.vdocuments.pub/reader034/viewer/2022052522/548129195806b510118b4643/html5/thumbnails/1.jpg)
Tipografía
Repaso de conceptos básicos
![Page 2: Tipografía: Conceptos básicos](https://reader034.vdocuments.pub/reader034/viewer/2022052522/548129195806b510118b4643/html5/thumbnails/2.jpg)
¿Qué es tipografía?
Originalmente se llamaba así al arte de componer e imprimir con tipos móviles.Actualmente, a todas las modalidades de reproducción de palabras y textos.
Disciplina que dentro del diseño gráfico estudia los distintos modos de optimizar la emisión gráfica de mensajes verbales.
![Page 3: Tipografía: Conceptos básicos](https://reader034.vdocuments.pub/reader034/viewer/2022052522/548129195806b510118b4643/html5/thumbnails/3.jpg)
¿Qué es una tipografía?
Comúnmente se llama “tipografía” a una familia tipográfica.
Familia tipográficaEs un sistema de signos alfabéticos y no alfabéticos con características estructurales y estilísticas comunes, que permiten reconocerlas como pertenecientes a un mismo sistema.
En una familia tipográfica se encuentran todos los elementos necesarios para escribir cualquier clase de texto en cualquier idioma.
![Page 4: Tipografía: Conceptos básicos](https://reader034.vdocuments.pub/reader034/viewer/2022052522/548129195806b510118b4643/html5/thumbnails/4.jpg)
Familia tipográfica
Es un sistema de signos alfabéticos y no alfabéticos con características estructurales y estilísticas comunes, que permiten reconocerlas como pertenecientes a un mismo sistema.
![Page 5: Tipografía: Conceptos básicos](https://reader034.vdocuments.pub/reader034/viewer/2022052522/548129195806b510118b4643/html5/thumbnails/5.jpg)
¿Qué elementos componen una caja tipográfica?
¿Para qué sirve conocerla?
![Page 6: Tipografía: Conceptos básicos](https://reader034.vdocuments.pub/reader034/viewer/2022052522/548129195806b510118b4643/html5/thumbnails/6.jpg)
Componentes de la caja tipográfica
ABCDEFGHIJKLMNÑOPQRSTUVWXYZabcdefghijklmnñopqrstuvwxyz1234567890
ÆŒœæfifl :;<=>?@[\]^_`{|}~¡¢£¤¥¦¨©ª«¬®¯°±÷µ¶·¸¹º»¼½¾¿×² ³ ˆ ˇ ˘ ˚˛˜ ˝ – —‘‚“”„ †‡•…‰% ‹ ⁄ ™ −
àáâãäåçèéêëìíîïðñòóôõöúûüýþÿıšž
ÀÁÂÃÅÄÇÈÉÊËÌÍÎÏÐÑÒÓÓÔÕÖØÙÚÛÝŁłØŠŸŽ
Mayúsculas, minúsculas y números
Ligaduras mayúsculas y minúsculas, símbolos no alfabéticos, comerciales y de puntuación
Minúsculas acentuadas
Mayúsculas acentuadas
![Page 7: Tipografía: Conceptos básicos](https://reader034.vdocuments.pub/reader034/viewer/2022052522/548129195806b510118b4643/html5/thumbnails/7.jpg)
Componentes de la caja tipográfica
ABCDEFGHIJKLMNÑOPQRSTUVWXYZabcdefghijklmnñopqrstuvwxyz1234567890
ÆŒœæfifl :;<=>?@[\]^_`{|}~¡¢£¤¥¦¨©ª«¬®¯°±÷µ¶ww¸¹º»¼½¾¿×² ³ ˆ ˇ ˘ ˚˛˜ ˝– − —‘‚“”„ †‡•…‰%‹⁄™
àáâãäåçèéêëìíîïðñòóôõöúûüýþÿıšž
ÀÁÂÃÅÄÇÈÉÊËÌÍÎÏÐÑÒÓÓÔÕÖØÙÚÛÝŁłØŠŸŽ
Mayúsculas, minúsculas y números
Ligaduras mayúsculas y minúsculas, símbolos no alfabéticos, comerciales y de puntuación
Minúsculas acentuadas
Mayúsculas acentuadas
![Page 8: Tipografía: Conceptos básicos](https://reader034.vdocuments.pub/reader034/viewer/2022052522/548129195806b510118b4643/html5/thumbnails/8.jpg)
Familia tipográfica
Es un sistema de signos alfabéticos y no alfabéticos con características estructurales y estilísticas comunes, que permiten reconocerlas como pertenecientes a un mismo sistema.
![Page 9: Tipografía: Conceptos básicos](https://reader034.vdocuments.pub/reader034/viewer/2022052522/548129195806b510118b4643/html5/thumbnails/9.jpg)
¿De qué hablamos cuando decimos “estructura”?
![Page 10: Tipografía: Conceptos básicos](https://reader034.vdocuments.pub/reader034/viewer/2022052522/548129195806b510118b4643/html5/thumbnails/10.jpg)
Es el esqueleto mínimo y esencial de los signos, en el que podemos visualizar el sistema de proporciones (entre alturas, anchos), relación de contraformas, características de curvas y encuentros que soporta a cada letra en particular y al sistema en general.
![Page 11: Tipografía: Conceptos básicos](https://reader034.vdocuments.pub/reader034/viewer/2022052522/548129195806b510118b4643/html5/thumbnails/11.jpg)
Aspectos estructurales
Alturas
TpdxTpdx
Línea de h de ascendentes
Línea de h de ascendentes
Línea de altura de xScala serif 160 pt.
Helvetica Neue 55 roman 160 pt.
Línea de altura de x
Línea de base
Línea de base
Línea de h de descendentes
Línea de h de descendentes
Línea de h de mayúsculas
Línea de h de mayúsculas
![Page 12: Tipografía: Conceptos básicos](https://reader034.vdocuments.pub/reader034/viewer/2022052522/548129195806b510118b4643/html5/thumbnails/12.jpg)
Aspectos estructurales
Alturas/Comparación
TpdxTpdxHelvetica Neue 55 roman 160 pt.
Mrs Eaves 160 pt.
![Page 13: Tipografía: Conceptos básicos](https://reader034.vdocuments.pub/reader034/viewer/2022052522/548129195806b510118b4643/html5/thumbnails/13.jpg)
Aspectos estructurales
Anchos/Comparación
RmdxRmdx
Franklin Gothic Medium Condensed160 pt.
Helvetica Neue 53 extended160 pt.
![Page 14: Tipografía: Conceptos básicos](https://reader034.vdocuments.pub/reader034/viewer/2022052522/548129195806b510118b4643/html5/thumbnails/14.jpg)
Aspectos estructurales
Curvas
RmdfoRmdfo
Futura BT book160 pt.
Eurostile160 pt.
![Page 15: Tipografía: Conceptos básicos](https://reader034.vdocuments.pub/reader034/viewer/2022052522/548129195806b510118b4643/html5/thumbnails/15.jpg)
Aspectos estructurales
Encuentros/empalmes
mdnkmdnk
Futura BT Book190 pt.
Scala Serif190 pt.
k
![Page 16: Tipografía: Conceptos básicos](https://reader034.vdocuments.pub/reader034/viewer/2022052522/548129195806b510118b4643/html5/thumbnails/16.jpg)
Familia tipográfica
Es un sistema de signos alfabéticos y no alfabéticos con características estructurales y estilísticas comunes, que permiten reconocerlas como pertenecientes a un mismo sistema.
![Page 17: Tipografía: Conceptos básicos](https://reader034.vdocuments.pub/reader034/viewer/2022052522/548129195806b510118b4643/html5/thumbnails/17.jpg)
Aspectos estilísticos
Trazo, modulación, peso, remates
RmdfoqtRmdfoqt
Baskerville Old face160 pt.
Filosofia160 pt.
![Page 18: Tipografía: Conceptos básicos](https://reader034.vdocuments.pub/reader034/viewer/2022052522/548129195806b510118b4643/html5/thumbnails/18.jpg)
Variables
Se trata de “alfabetos” alternativos que comparten aspectos estilísticos y/o estructurales con la familia redonda.
![Page 19: Tipografía: Conceptos básicos](https://reader034.vdocuments.pub/reader034/viewer/2022052522/548129195806b510118b4643/html5/thumbnails/19.jpg)
Variables
Las variables básicas son:
De eje: itálicas o inclinadas o cursivas.
De peso: ultralight, livianas o light, negritas o
bold, extrabold, demi, heavy, etc.
De ancho: condensadas, expandidas, etc.
Hay otras como versalitas, estilo, display, etc.
![Page 20: Tipografía: Conceptos básicos](https://reader034.vdocuments.pub/reader034/viewer/2022052522/548129195806b510118b4643/html5/thumbnails/20.jpg)
Variables
ABCDEFGHIJKLMNÑOPQRSTUVWXYZabcdefghijklmnñopqrstuvwxyz1234567890
ABCDEFGHIJKLMNÑOPQRSTUVWXYZabcdefghijklmnñopqrstuvwxyz1234567890
aa f f ppkk
![Page 21: Tipografía: Conceptos básicos](https://reader034.vdocuments.pub/reader034/viewer/2022052522/548129195806b510118b4643/html5/thumbnails/21.jpg)
AHOabcAHOabcAHOabcAHOabcAHOabcAHOabcAHOabc
AHOabcAHOabcAHOabc
AHOabcAHOabcAHOabcAHOabcAHOabcAHOabcAHOabc
Variables. Algunos ejemplos
Peso Peso+eje Ancho
![Page 22: Tipografía: Conceptos básicos](https://reader034.vdocuments.pub/reader034/viewer/2022052522/548129195806b510118b4643/html5/thumbnails/22.jpg)
Cuerpo
Es la medida vertical de la cara frontal del tipo, tomando el bloque completo (no solo el área de impresión).
Cuerpo
Cuerpo
![Page 23: Tipografía: Conceptos básicos](https://reader034.vdocuments.pub/reader034/viewer/2022052522/548129195806b510118b4643/html5/thumbnails/23.jpg)
Cuerpo
Dis9kp
Altura kp
kp
![Page 24: Tipografía: Conceptos básicos](https://reader034.vdocuments.pub/reader034/viewer/2022052522/548129195806b510118b4643/html5/thumbnails/24.jpg)
Interletrado/kerning
Hablamos de espacios y no de distancias.
AVATIE
![Page 25: Tipografía: Conceptos básicos](https://reader034.vdocuments.pub/reader034/viewer/2022052522/548129195806b510118b4643/html5/thumbnails/25.jpg)
Interletrado/kerning
A igual distancia, diferente espacio.La distancia es geométrica, el espaciado es óptico.
AVATIE
![Page 26: Tipografía: Conceptos básicos](https://reader034.vdocuments.pub/reader034/viewer/2022052522/548129195806b510118b4643/html5/thumbnails/26.jpg)
Interletrado/kerning
A igual distancia, diferente espacio.La distancia es geométrica, el espaciado es óptico.
![Page 27: Tipografía: Conceptos básicos](https://reader034.vdocuments.pub/reader034/viewer/2022052522/548129195806b510118b4643/html5/thumbnails/27.jpg)
Interletrado/kerning
Por eso la fuentes tienen diseñados su pares de kerning que contemplan estos problemas, sin embargo a veces sigue haciendo falta un ajuste manual.
AVATIE
![Page 28: Tipografía: Conceptos básicos](https://reader034.vdocuments.pub/reader034/viewer/2022052522/548129195806b510118b4643/html5/thumbnails/28.jpg)
Interletrado/kerning
Por eso la fuentes tienen diseñados su pares de kerning que contemplan estos problemas, sin embargo a veces sigue haciendo falta un ajuste manual.
AVATIE
![Page 29: Tipografía: Conceptos básicos](https://reader034.vdocuments.pub/reader034/viewer/2022052522/548129195806b510118b4643/html5/thumbnails/29.jpg)
Interletrado
DiseñpDiseñp
+ 30 – 30
Kerning: afecta a un par de caracteres
![Page 30: Tipografía: Conceptos básicos](https://reader034.vdocuments.pub/reader034/viewer/2022052522/548129195806b510118b4643/html5/thumbnails/30.jpg)
DiseñoDiseñoDiseño+ 40
0
– 40
Tracking: afecta a más de dos caracteres y hasta todo el texto
Interletrado
![Page 31: Tipografía: Conceptos básicos](https://reader034.vdocuments.pub/reader034/viewer/2022052522/548129195806b510118b4643/html5/thumbnails/31.jpg)
Tracking: afecta a más de dos caracteres y hasta todo el texto
Interletrado
El tipógrafo que no conoce su oficio aprende la inconstancia del hombre rico que odia leer. Para ellos no son ni los remates ni los espacios entre letras ya que no los apreciarán. Nadie (salvo otro artesano) podrá apreciar tu maestría, pero podrás pasar interminables años de felicidad experimen-tando en la creación de la copa cristalina que sea digna para contener la cosecha de la mente humana.
El tipógrafo que no conoce su oficio aprende la inconstancia del hom-bre rico que odia leer. Para ellos no son ni los remates ni los espacios entre letras ya que no los apreciarán. Nadie (salvo otro artesano) podrá apreciar tu maestría, pero podrás pasar interminables años de felicidad experimentando en la creación de la copa cristalina que sea digna para contener la cosecha de la mente humana.
El tipógrafo que no conoce su oficio aprende la inconstancia del hombre rico que odia leer. Para ellos no son ni los remates ni los es-pacios entre letras ya que no los apreciarán. Nadie (salvo otro artesa-no) podrá apreciar tu maestría, pero podrás pasar interminables años de felicidad experimentando en la creación de la copa cristalina que sea digna para contener la cosecha de la mente humana.
– 10
0
+ 20
![Page 32: Tipografía: Conceptos básicos](https://reader034.vdocuments.pub/reader034/viewer/2022052522/548129195806b510118b4643/html5/thumbnails/32.jpg)
Tracking: uso posible
Interletrado
El tipógrafo que no conoce su oficio aprende la incons-tancia del hombre rico que odia leer. Para ellos no son ni los remates ni los espacios entre letras ya que no los apreciarán. Nadie (salvo otro artesano) podrá apreciar tu maestría, pero podrás pasar interminables años de felici-dad experimentando en la creación de la copa cristalina que sea digna para contener la cosecha de la mente hu-mana.
El tipógrafo que no conoce su oficio aprende la inconstan-cia del hombre rico que odia leer. Para ellos no son ni los remates ni los espacios entre letras ya que no los aprecia-rán. Nadie (salvo otro artesano) podrá apreciar tu maes-tría, pero podrás pasar interminables años de felicidad experimentando en la creación de la copa cristalina que sea digna para contener la cosecha de la mente humana.
![Page 33: Tipografía: Conceptos básicos](https://reader034.vdocuments.pub/reader034/viewer/2022052522/548129195806b510118b4643/html5/thumbnails/33.jpg)
DiseñoDiseño
Diseño
Deformaciones mecánicas
![Page 34: Tipografía: Conceptos básicos](https://reader034.vdocuments.pub/reader034/viewer/2022052522/548129195806b510118b4643/html5/thumbnails/34.jpg)
Deformaciones mecánicas
![Page 35: Tipografía: Conceptos básicos](https://reader034.vdocuments.pub/reader034/viewer/2022052522/548129195806b510118b4643/html5/thumbnails/35.jpg)
Ajuste óptico de trazos
![Page 36: Tipografía: Conceptos básicos](https://reader034.vdocuments.pub/reader034/viewer/2022052522/548129195806b510118b4643/html5/thumbnails/36.jpg)