TIPOGRAFIA

1. DEPARTAMENTO DE CIENCIAS ECONÓMICAS, ADMINISTRATIVAS Y DE COMERCIO
MERCADOTECNIA
Diseño Gráfico
NRC: 9288
Nombre: Annabel Yar
PROFESOR: Myriam Noury Punina

2. MAPA CONCEPTUAL SOBRE LA TIPOGRAFIA
https://coggle.it/diagram/XwYdI2R-u2LG5NG9/t/-?present=1

3. IMPORTANCIA DE LA TIPOGRAFIA EN EL DISEÑO GRAFICO
La tipografía en el diseño gráfico ha sido siempre un poderoso aliado a la hora
de transmitir mensajes.
Un ejemplo del uso de una correcta tipografía lo podemos encontrar en los carteles de
cine, este soporte ofrece una gran variedad de referencias de composiciones
tipográficas. Cada cartel tiene un trabajo tipográfico muy elaborado para cumplir de
forma correcta con su objetivo.

4. A la hora de hablar de tipografías debemos de tener siempre presente las bases del
mensaje gráfico: legibilidad y funcionamiento. La tipografía debe ser legible para que
el mensaje pueda ser trasmitido de una manera eficaz y al mismo tiempo funcionar
dentro del lenguaje gráfico usado sin olvidar cumplir con las características que
buscamos representar en nuestro diseño.

5. CONSIDERACIONES PARA EL USO DE TIPOGRAFÍA EN DISEÑO PUBLICITARIO
CONSIDERACIONES TIPOGRÁFICAS EN UI
SOBRE LEGIBILIDAD
En tipografía y diseño gráfico, es la capacidad que tiene un texto de leerse con facilidad y en
consecuencia, entenderse. A mayor legibilidad, mayor facilidad para percibir el texto de una
manera correcta y de entender el mensaje que transmite.
Cuestiones como distinguir un título de un subtítulo, tener continuidad de lectura en lo que a
longitud de párrafos se refiere, distinguir caracteres con facilidad...
Realmente es un arte de contraste, color, tamaño, composición y pequeños detalles que resulta
en una mejor experiencia de lectura.
La legibilidad es una medida de lo fácil que es distinguir una letra de otra en una tipografía en
particular. Es micro tipografía que se centra en el tipo de letra, las letras y los detalles.
Naturalmente, este es uno de los factores más esenciales. No todos los tipos de letra se crean
con legibilidad como función de diseño primario.
A continuación, exponemos algunos consejos que nos ayudarán a seleccionar y utilizar bien una
determinada tipografía en un proyecto concreto.
1 _ Altura de la X
En tipografía, la altura de la x hace referencia a la altura de las letras en minúscula (caja baja) sin
tener en cuenta ni los ascendientes ni descendientes. Se mide desde la línea base hasta el punto
más alto de las letras sin ascendientes.
El 95% de las letras que leemos son minúsculas. Las proporciones de letras más grandes entre
mayúsculas y minúsculas tienden a dar como resultado una tipografía más legible.
2 _ Huecos
También tenemos espacio en blanco dentro de las letras (llamados ojales, huecos...). Estos
espacios nos ayudan a reconocer rápidamente los diferentes caracteres, facilitando una lectura
fluida.

6. Muchos profesionales coinciden en que estos espacios internos son lo que realmente facilita la
comprensión de la forma (lleno/vacío).
3 _ Peso (Grosor)
Cuando hablamos del peso de una tipografía hacemos referencia al grosor que existe en sus
trazos que puede ser mayor o menor.
Una tipografía light (ligera) tiene mucho menos peso que una bold (o negrita).
Tipos de letra más ligeros suelen ser más legibles que pesos más pesados de tipo, siempre que
hablemos de textos de lectura. Esto no impide el uso de tipografías bold para titulares o textos
cortos.
El mejor grosor de trazo es aproximadamente el 18% de la altura x.
4 _ Proporción
La proporción es la relación existe entre la anchura y la altura de un carácter.
En general, es preferible una letra amplia sobre una estrechada (condensed) para un mejor
reconocimiento de letras y gracias a eso para una mejor legibilidad.
El uso de tipografías de este ámbito se limita a situaciones muy concretas, donde realmente se
esté buscando un objetivo concreto donde cobre sentido la elección de estas características.
5 _ Tracking (Espaciado entre caracteres)
No existe una forma definitiva de calcular el espaciado entre letras.
Una norma generalizada es que a mayor tamaño del texto menor espacio entre caracteres.
En diseño de UI se trabajará en base a la idea de no ver tipografías demasiado “separadas /
juntas” velando por la legibilidad del texto. Las pruebas de lectura son esenciales para dar con
la fórmula correcta para según que casos.
Debemos tener en cuenta que cada utilización del texto (titulares, texto continuado, botón,
llamadas la acción…) requiere de un tracking concreto en función de su tamaño.
A veces el tracking se utiliza como recurso para buscar atribuir determinadas características a
un texto. Es habitual encontrar trackings mayores cuando el texto va a ir sobre un botón.
6 _ Serifa / Sin serifa
La historia nos dice que la serifa (o remate) ayuda a que los textos sean más legibles.
Su utilización proviene de la imprenta y el texto impreso donde realmente mejoran la
experiencia de lectura para grandes bloques de texto donde la continuidad del texto se acentúa
mediante el uso de la serifa.
La historia es diferente en la actualidad y sobretodo si nos centramos en el ámbito digital. Hay
varias tipografías sin serifa (o “de palo seco”) que son legibles y el estado actual del diseño visual
ha desencadenado en el uso formas de letra más simples y concisas.
Especialmente en dispositivos móviles vemos muchos más, no existen como norma general
bloques de texto excesivamente amplios debido al tamaño de los dispositivos que manejamos
y eso repercute en un mayor uso de tipografías sin serifa.

7. Todo depende del proyecto y de cómo los usuarios se relacionarán con su contenido. Por
ejemplo, un noticiario tiene sentido que tenga serifa, mientras que en una app tipo “twitter”,
donde los mensajes son más directos y cortos, una tipografía sin serifa tiene más sentido.
La combinación de ambas suele tener un agradable resultado.
7 _ Interlineado
¿Cúal es el espacio correcto entre líneas para una lectura fluida?
Este tamaño viene relacionado directamente con el tamaño de la letra.
Existe una “proporción áurea” que podemos calcular rapidamente y conseguir un interlineado
perfecto.
Multiplica el tamaño de letra por 1.618.
Aunque la proporción áurea nos ayuda, no siempre tendrá el resultado que esperamos y nos
tocará ajustar manualmente para conseguir un interlineado que facilite la lectura de una manera
cómoda (algo similar a lo que hacemos con la pruebas en cuanto al tracking).
Otra práctica válida para los cuerpos de letra más habituales es que el interlineado sea superior
en dos puntos al cuerpo de letra.
8 _ Longitud de línea
Anchura máxima de la composición de una línea de texto, se puede establecer un promedio
mínimo 50 caracteres por línea y nunca más de 70.
Una línea de texto de más de 70 caracteres hará que nuestros ojos tengan dificultades para
encontrar la siguiente línea de texto.
Una línea de texto de menos de 50 caracteres hará que nuestros ojos tengan que saltar de línea
en línea más habitualmente, rompiendo el ritmo de lectura demasiadas veces.
Pero estamos hablando de bloques de texto dinámicos, que modificará en muchas ocasiones el
tamaño de la caja de texto en función del dispositivo. Esto hará que tengamos que hacer
diferentes pruebas para ver que el texto se comporta como teníamos pensado.
Algunas cuestiones a evitar en la medida de lo posible:
Viuda: la línea corta de un párrafo que queda aislada como primera línea de la siguiente
columna.
Huérfana: primera línea de un párrafo que queda aislada como última de una columna.
9 _ Color
Depende del proyecto, pero hay un truco que muchos diseñadores usan habitualmente.
En lugar de usar colores grises puros (o negros) elige tu color principal y trabaja en función de
él.
Los colores que van más allá del negro y saturan con algún otro color dan un aspecto más
atractivo a las tipografías.
10 _ Espaciado entre bloques de texto

8. Ese es un tema extenso sobre el que no hay una uniformidad de opinión y muchas veces va
relacionado con la estética del diseño, la composición y el peso de los diferentes elementos en
pantalla.
Para trabajar con tipografía debemos entender este espacio como el elemento que separa los
diferentes bloques de texto evitando que recibamos demasiada información de una vez.
No ayuda a digerir el texto y a que no nos sobrecargue con contenido. El espacio en blanco guía
nuestros ojos a través del diseño y crea sensación de orden y elegancia.
11 _ Jerarquía
La jerarquía define cómo leer el contenido.
Nos hace distinguir el encabezado del subtítulo y el cuerpo del texto.
Podemos lograr esto mediante el uso de diferentes contrastes, rellenos, márgenes, tamaños,
etc. Es una técnica importante que debe trabajarse para lograr una buena legibilidad.

9. WEBGRAFIA
http://www.develapps.com/es/news/consideraciones-tipograficas-en-ui
https://www.fotonostra.com/grafico/partescaracter.htm
https://karlacaloca.com/clasificacion-de-las-
tipografias/#:~:text=Clasificaci%C3%B3n%20de%20las%20tipograf%C3%ADas%3A%20serif%2C
%20sans%20seirf%2C%20script%E2%80%A6&text=Sans%20Serif%3A%20del%20franc%C3%A9
s%20Sans,parecen%20cursivas%20o%20de%20caligraf%C3%ADa.
https://www.lfgcartonaje.com/blog/item/25-tipos-de-tipografia-en-diseno-grafico-y-su-
significado#:~:text=en%20dise%C3%B1o%20gr%C3%A1fico.-
,Tipos%20de%20tipograf%C3%ADa%20en%20dise%C3%B1o%20gr%C3%A1fico,%2C%20display
%2C%20script%20y%20symbol.&text=serif%20se%20definen%20por%20sus,los%20bordes%2
0de%20las%20letras.