SlideShare una empresa de Scribd logo
1 de 33
DEFINICION
• La facilidad con la que las
palabras pueden leerse
cómodamente a una velocidad
normal de lectura
LA FORMA
• El ojo reconoce mas fácilmente las
formas más habituales que
presentan ascendentes y
descendentes bien definidas, los
trazos terminales
desproporcionados afectan la
legibilidad
EL PESO
• Las figuras demasiado
contrastadas con trazos de unión
muy sutiles tienen baja legibilidad
• Un tipo de peso medio es más
legible que una fuente fina o
negrita
EL CONTRASTE
• El contraste se refiere
básicamente a la diferencia de
grosor entre las verticales y las
horizontales. Explicado mejor, la
diferencia entre los trazos más
gruesos con los más delgados.
CONSISTENCIA DE LA FORMA
• Al plantearse diseñar, rediseñar,
mezclar o escoger tipografías, es
bueno plantearse en algún
momento la coherencia de formas
entre sí.
• ¿los ornamentos corresponden al
lenguaje que queremos darle a la
letra?
EL EJE
• Agregar un toque barroco a letras,
utilizando múltiples ejes, es un factor
muy efectivo para crear ciertos
desórdenes dentro de la palabra. Si bien
el ejemplo no es la gran bomba a la
ilegibilidad, puede clarificar de manera
efectiva la diferencia que pueden haber
entre los ejes.
• Cuando presentas tipografías con astas
100% ortogonales, que van marcando el
ritmo de una lectura con rectas
verticales, no puedes distraerla con
curvas que buscan un sentido opuesto
LA ALTURA X
• Pueden escoger una que tenga altura
x variable, para un texto corto, poco
importa. Existen tipografías que ni siquiera
tienen línea de base real, mucho menos
van a tener altura x. Suelen ser tipos
orgánicos que no necesitan realmente un
orden, ni una línea virtual, ya que no están
pensados para ser utilizados en multilínea.
• Ascendentes y descendentes demasiado
largas conseguirán un acortamiento de la
línea de cuerpo de texto
GRIS DENTRO DEL TEXTO
• Se caracterizan por sumarle complejidad
a la letra dibujando ornamentos en su
interior, produciendo efectos de
degradado
• Cuando escribimos un texto, y vemos la
textura que produce el bloque (conjunto
de letras juntas), esta debe estar
homogénea. Si hay letras que resaltan
porque están más gruesas que otras, es
porque el tipo de texto está mal
diseñado
ALTURA ASCENDENTES INEXISTENTE
• Existen tipografías que son
capaces de obviar la altura de las
ascendentes para potenciar el
dibujo horizontal de la línea de
texto
CONTRAFORMA
• ¿Puede una tipografía vivir sin su
contraforma?, Pues claro, quien no pueda
leer "player" arriba tiene que hacerse ver
• Muchas tipografías consideradas de texto,
pecan de cerrar o abrir demasiado sus
contraformas. En el caso de que se cierren
demasiado, pueden generar errores de
legibilidad como confundir una “c” con
una “o”. En el caso de que estén
demasiado abiertas (como frutiger), la
contraforma interna de la letra se suma a la
contraforma externa de la letra,
produciendo una cantidad de blanco muy
desagradable a la vista.
CONTRAFORMA EXTERNA
• Existen tipografías en que el límite de la
contraforma externa con la interna se pierde.
• En este caso, el concepto de ilegibilidad es
adverso, ya que la complejidad está dada no por
ornamentación, sino que por restricción.
• Hay detalles que hacen a una tipografía muy
legible, y eso es la contraforma externa. No se
imaginan cuanto cambia leer una tipografía con el
sacadito de arriba de la “n” bien marcado, o la
diferencia entre la “rn” y la “m”. Hay tipografías
que ni siquiera tienen ese sacadito. Entonces no
son de texto, punto
CONTRAFORMA INTERNA
• Si buscamos expresividad, podemos
caricaturizar con habilidad esos trazos,
con el fin de lograr resultados mucho
más expresivos y dramáticos. En el
ejemplo, no existe ninguna relación
lógica entre terminaciones y
contraforma.
• Este pequeño ojo tiende a desaparecer,
y la contraforma abierta tiende a
agrandarse demasiado. Como la “a” y la
“e” son las letras más usadas en
muchos idiomas, el desagradable efecto
se potencia aún más.
TRAZOS PERFECTOS
• Debe ser el único momento que
tenemos que exigirle algo a la
tipografía. NO puede estar mal
dibujada. Sus detalles deben está
perfectamente cuidados, y
perfectamente trazados, ya que van
a estar visibles al lector. Si quiero
llamar la atención con una tipografía
bella en su conceptualización, no
puede dejar de ser bella en su
realización.
TERMINACIONES
• Cuando ocupamos una tipografía para
escribir un texto, muchas veces tenemos
que verla en grande, como en avisos
publicitarios, etc. Ya que se usa como
tipografía corporativa. El simple hecho
que esté mal dibujada es más que una
buena razón para descartarla. La gran
mayoría de las tipografías tienen
horribles terminaciones, y eso los
diseñadores no lo deberíamos tolerar.
NO RESPETO AL ANCHO DE LA LETRA
• Las tipografías no tienen por qué
tener un ancho de trazo constante.
O sea, puede ser más o menos
constante y nadie se muere.
SET DE CARACTERES COMPLETO
• Muchos tipógrafos NO diseñan la
“ñ”, los acentos, los signos de
interrogación, los punto y coma, y
los signos de corte de palabra o
los números. Es mejor revisar bien
la fuente antes de lamentar.
EL INTERLETRAJE
• Existen tipografías que
sencillamente no se les hizo
interletraje, y funcionan muy mal.
Un buen diseñador corrige los
interletrajes que no le parecen
correctos, pero es demasiado
tedioso ir corrigiéndolos todos. .
ALTURA DE LAS MAYÚSCULAS
• Antiguamente las mayúsculas se
diseñaban del mismo porte de las
ascendentes, o en ocasiones más
grandes aún. El efecto que
provoca una palabra escrita en
mayúsculas dentro de la frase
suele ser un atentado a la lectura
en línea del texto.
EFECTO DE PESCADO
• Cuando se el tipógrafo diseña sólo las
formas suele caer en este tipo de errores.
Un buen tipógrafo de texto, diseña la
forma, la contraforma interna y externa, y
su ductus.
• El “efecto pescado” es un desagradable
efecto que hace que las palabras sean más
largas (espacialmente) que lo que el
cerebro debería captar, traduciendo esto en
sensaciones de temprana saciedad de
lectura y aburrimiento precoz.
EXPANDIR TERMINAL AGRACIADAMENTE
• Hay caracteres que prestan su
estructura para poder ornamentar la
palabra. Estas letras están dispuestas a
hacer esfuerzos “sobreletrísticos” y
estirar sus terminales con el fin de
embellecer lo que se escribe. Entonces
no es raro que letras como la “k”, la “R”,
o la “Q”, estén presentes en casi todas
las versiones “swash” de las tipografías.
En el ejemplo podemos ver como la “k”
estira su pierna, y crea un sencillo
“rulito” que le da un estilo distinto a la
palabra.
REGULARIZAR ITÁLICAS
• Un juego interesante a la hora de
crear un “gag” puede ser
“desitalizar” la letra, devolviéndole
la inclinación hasta dejarla
ortogonal, o bien en la misma
dirección que el resto del texto.
En el ejemplo, se tomó la letra “k”,
y se inclinó 8 grados a la
izquierda.
CREAR CAJAS ÚNICAS
• Cuando la palabra tiene ascendentes y
descendentes, por lo general cuesta
mucho más trabajarla. La gente con algo
más de sensibilidad tipográfica, suele
reemplazar caracteres minúsculos en la
línea de las versalitas, o bien versalitas
en la línea de las minúsculas. Por lo
general se logran cosas interesantes, si
está bien hecho. En el ejemplo, se
insertó la “n” y la “i” minúsculas en la
línea de las versalitas
HACER JUEGOS DE PESO
• Ya habíamos visto como se
resolvía técnicamente el ajuste de
dos pesos. También habíamos
echado un vistazo al fenómeno
que se produce cuando se diseña
en ultrapesado o ultraliviano. Este
punto no es más complejo que eso
CREAR LIGADURAS
• El tema ligaduras ya había sido
tratado en un anterior post. Es uno
de los recursos más potentes a la
hora de embellecer un texto, y uno
de los usados más frecuentemente
entre diseñadores. Por lo general,
las letras se unen bajo un
concepto y deben potenciar el
diseño de la forma de la palabra.
INVERTIR, SUSTRAER, REFLEJAR O REPETIR
• Últimamente se ha transformado una
moda crear este tipo de juegos
tipográficos. Caracteres invertidos,
insinuados, repetidos o girados se han
hecho muy frecuentes en “leterización”
y rotulación. Claro, es un estilo más libre
donde todo se permite.
Estamos en la época del messengrer y el
SMS, y las palabras no tienen que ser
ultralegibles. Entonces se crean juegos
simples donde es posible cambiar una
“s” por un “5” o una “m” por una “w”
invertida. El logo de korn fue un boom
con la “R” reflejada.
EXAGERAR FORMAS
• Tomas una figura y la exageras.
Puedes estirar una ascendente al
infinito, o como en el ejemplo,
exagerarle el rulito a la “r”. Puedes
hacer el punto de la “i” gigante, o
hacer las serifas muy pero muy
gruesas
MEZCLAS DE LENGUAJES TIPOGRÁFICOS
• Creo que este tipo de
experimentos son muy pero muy
atractivos y vistosos. La idea es
crear híbridos de tipografías, a
partir de 2 existentes, o bien una
existente y otra sacada de la
imaginación. En el
ejemplo,bahamondes hace una
mezcla entre una tipografía de
serif y la parte inferior es una
gótica
ROMPER CONSISTENCIA CON SUTILEZA
• La idea es diseñar a propósito una
forma extraña, algo que no
concuerde, un idioma distinto.
Se puede romper la consistencia
de muchas maneras, como
invirtiendo los contrastes, creando
ductus extraños, alterando
compresiones, volteando las
serifas, etc.
INSERCIÓN O EXTRACCIÓN DE SERIFAS
• Se pueden crear cosas muy interesantes
insertando ornamentos tipográficos
correspondientes a la fuente (o swash),
pedazos de ellos, o creandolos para la
ocasión. También, suele ser muy
atractivo crear tipografías semiserif,
poniéndole serifas a las de palo seco, o
sacándole serifas a las de serif.
En el ejemplo, se extrajeron todas las
serifas superiores, y se dejaron
solamente las de la línea base. Para no
crear inconsistencias, también
desaparece la gota de la letra “C”.
SUBSTITUIR POR FORMAS AFINES
• Muchas veces suele ser un recurso
simple y atractivo, ya que la palabra
sigue leyéndose a la perfección. En
el ejemplo, se hizo un pequeño
reemplazo: la “t” por la “cruz”,
haciendo referencia la muerte de
“pantani”. Pero pueden ser miles de
reemplazos, como escribir
“ARRIBA”, y que alguna “A” sea una
flecha. O “pelota”, y que la “o” sea
una pelota.
AMBIGRAMAS
• Los ambigramas son interesantes
juegos de letras, donde uno puede
escribir palabras que tienen más
de un sentido de lectura (se puede
leer girado, reflejado, invertido,
etc.). Es el diseño de la palabra
completa.

Más contenido relacionado

La actualidad más candente

Reticula tipografias upt
Reticula tipografias uptReticula tipografias upt
Reticula tipografias uptdavidenkoecu
 
Terminologia y-conceptos-de-impresion
Terminologia y-conceptos-de-impresionTerminologia y-conceptos-de-impresion
Terminologia y-conceptos-de-impresionLuis Frias
 
tipografía conceptos básicos de tipografía en diseño gráfico
tipografía conceptos básicos de tipografía en diseño gráficotipografía conceptos básicos de tipografía en diseño gráfico
tipografía conceptos básicos de tipografía en diseño gráficojorge caicedo solano
 
Presentacion Preprensa
Presentacion PreprensaPresentacion Preprensa
Presentacion Preprensaguestd64fd24
 
Unidad 2 - Tipografia
Unidad 2  - TipografiaUnidad 2  - Tipografia
Unidad 2 - TipografiaFidel Romero
 
Tipografía en el diseño gráfico
Tipografía en el diseño gráficoTipografía en el diseño gráfico
Tipografía en el diseño gráficoJhon Vega Aguilar
 
Tipografia · Resum llibre
Tipografia · Resum llibreTipografia · Resum llibre
Tipografia · Resum llibrePaquita Ribas
 
Diagramación y composición
Diagramación y composiciónDiagramación y composición
Diagramación y composiciónCARLA ESPINOZA
 
Diseño grafico, historia, teoria,escuela
Diseño grafico, historia, teoria,escuela Diseño grafico, historia, teoria,escuela
Diseño grafico, historia, teoria,escuela ronaldx7
 
Typography Essentials: Part 1
Typography Essentials: Part 1Typography Essentials: Part 1
Typography Essentials: Part 1Jennifer Janviere
 
Tipografía Clasificación Morfológica
Tipografía Clasificación MorfológicaTipografía Clasificación Morfológica
Tipografía Clasificación MorfológicaLuis Palomino
 
Ud1 módulos , REDES MODULARES
Ud1 módulos , REDES MODULARESUd1 módulos , REDES MODULARES
Ud1 módulos , REDES MODULARESlourdes gg
 
009 taller de publicidad ii-analisis tipografico
009 taller de publicidad ii-analisis tipografico009 taller de publicidad ii-analisis tipografico
009 taller de publicidad ii-analisis tipograficoUTP
 

La actualidad más candente (20)

Reticula tipografias upt
Reticula tipografias uptReticula tipografias upt
Reticula tipografias upt
 
Terminologia y-conceptos-de-impresion
Terminologia y-conceptos-de-impresionTerminologia y-conceptos-de-impresion
Terminologia y-conceptos-de-impresion
 
tipografía conceptos básicos de tipografía en diseño gráfico
tipografía conceptos básicos de tipografía en diseño gráficotipografía conceptos básicos de tipografía en diseño gráfico
tipografía conceptos básicos de tipografía en diseño gráfico
 
Presentacion Preprensa
Presentacion PreprensaPresentacion Preprensa
Presentacion Preprensa
 
Typography
TypographyTypography
Typography
 
TipografíA
TipografíATipografíA
TipografíA
 
Unidad 2 - Tipografia
Unidad 2  - TipografiaUnidad 2  - Tipografia
Unidad 2 - Tipografia
 
Tipografía en el diseño gráfico
Tipografía en el diseño gráficoTipografía en el diseño gráfico
Tipografía en el diseño gráfico
 
Tipografia · Resum llibre
Tipografia · Resum llibreTipografia · Resum llibre
Tipografia · Resum llibre
 
5 Reasons Typography is Powerful
5 Reasons Typography is Powerful5 Reasons Typography is Powerful
5 Reasons Typography is Powerful
 
Diagramación y composición
Diagramación y composiciónDiagramación y composición
Diagramación y composición
 
The typography
The typographyThe typography
The typography
 
Composición en Diseño Editorial
Composición en Diseño EditorialComposición en Diseño Editorial
Composición en Diseño Editorial
 
Tipografia
TipografiaTipografia
Tipografia
 
Diseño grafico, historia, teoria,escuela
Diseño grafico, historia, teoria,escuela Diseño grafico, historia, teoria,escuela
Diseño grafico, historia, teoria,escuela
 
Typography Essentials: Part 1
Typography Essentials: Part 1Typography Essentials: Part 1
Typography Essentials: Part 1
 
Tipografía, origen y anatomía del tipo!
Tipografía, origen y anatomía del tipo!Tipografía, origen y anatomía del tipo!
Tipografía, origen y anatomía del tipo!
 
Tipografía Clasificación Morfológica
Tipografía Clasificación MorfológicaTipografía Clasificación Morfológica
Tipografía Clasificación Morfológica
 
Ud1 módulos , REDES MODULARES
Ud1 módulos , REDES MODULARESUd1 módulos , REDES MODULARES
Ud1 módulos , REDES MODULARES
 
009 taller de publicidad ii-analisis tipografico
009 taller de publicidad ii-analisis tipografico009 taller de publicidad ii-analisis tipografico
009 taller de publicidad ii-analisis tipografico
 

Similar a Legibilidad (20)

Clase no 1
Clase no 1 Clase no 1
Clase no 1
 
Tipografia
TipografiaTipografia
Tipografia
 
La tipografia
La tipografiaLa tipografia
La tipografia
 
Piensa en tipos como en imágenes
Piensa en tipos como en imágenesPiensa en tipos como en imágenes
Piensa en tipos como en imágenes
 
La tipografia
La tipografiaLa tipografia
La tipografia
 
4.4 tipografia
4.4 tipografia4.4 tipografia
4.4 tipografia
 
Librolettering2
Librolettering2Librolettering2
Librolettering2
 
La palabra
La palabraLa palabra
La palabra
 
Tipograf A
Tipograf ATipograf A
Tipograf A
 
Como elegir la tipografía adecuada
Como elegir la tipografía adecuadaComo elegir la tipografía adecuada
Como elegir la tipografía adecuada
 
La tipografía
La tipografíaLa tipografía
La tipografía
 
los-secretos-del-lettering (1).pdf
los-secretos-del-lettering (1).pdflos-secretos-del-lettering (1).pdf
los-secretos-del-lettering (1).pdf
 
La regla aurea
La regla aureaLa regla aurea
La regla aurea
 
Diseño grafico
Diseño grafico Diseño grafico
Diseño grafico
 
EG1 Espacio Blanco
EG1 Espacio BlancoEG1 Espacio Blanco
EG1 Espacio Blanco
 
Taller de escritura
Taller de escrituraTaller de escritura
Taller de escritura
 
EG1 adam novio
EG1 adam novioEG1 adam novio
EG1 adam novio
 
Tipografías
TipografíasTipografías
Tipografías
 
TIPOGRAFÍA
TIPOGRAFÍATIPOGRAFÍA
TIPOGRAFÍA
 
La Regla áUrea
La Regla áUreaLa Regla áUrea
La Regla áUrea
 

Más de Aurora Alejandra Valdez Guzman

Más de Aurora Alejandra Valdez Guzman (20)

Composición gráfica.pptx
Composición gráfica.pptxComposición gráfica.pptx
Composición gráfica.pptx
 
Empaques creativos cd pack
Empaques creativos cd packEmpaques creativos cd pack
Empaques creativos cd pack
 
Aplicaciones tipograficas ss
Aplicaciones tipograficas ssAplicaciones tipograficas ss
Aplicaciones tipograficas ss
 
Estilos graficos
Estilos graficosEstilos graficos
Estilos graficos
 
Diseno de personaje
Diseno de personajeDiseno de personaje
Diseno de personaje
 
Evidencias durante la contingencia
Evidencias durante la contingenciaEvidencias durante la contingencia
Evidencias durante la contingencia
 
Proyecto final 3
Proyecto final 3Proyecto final 3
Proyecto final 3
 
Animacion y multimedia
Animacion y multimediaAnimacion y multimedia
Animacion y multimedia
 
Pasos proyecto final 2
Pasos proyecto final 2Pasos proyecto final 2
Pasos proyecto final 2
 
Filoscopio o flipbook
Filoscopio o flipbookFiloscopio o flipbook
Filoscopio o flipbook
 
Pasos proyecto final
Pasos proyecto finalPasos proyecto final
Pasos proyecto final
 
Inicios del cine zootropo
Inicios del cine zootropoInicios del cine zootropo
Inicios del cine zootropo
 
Principios de animacion fenaquistiscopio
Principios de animacion fenaquistiscopioPrincipios de animacion fenaquistiscopio
Principios de animacion fenaquistiscopio
 
Generos de cine taumatropo
Generos de cine taumatropoGeneros de cine taumatropo
Generos de cine taumatropo
 
Portafolios creativos
Portafolios creativosPortafolios creativos
Portafolios creativos
 
Curruculum creativo
Curruculum creativoCurruculum creativo
Curruculum creativo
 
Senaletica
SenaleticaSenaletica
Senaletica
 
Identidad corporativa
Identidad corporativaIdentidad corporativa
Identidad corporativa
 
Plan de negocios
Plan de negociosPlan de negocios
Plan de negocios
 
Conceptos sobre productos
Conceptos sobre productosConceptos sobre productos
Conceptos sobre productos
 

Último

Maquetas-modelos-prototipos-Mapa mental-.pdf
Maquetas-modelos-prototipos-Mapa mental-.pdfMaquetas-modelos-prototipos-Mapa mental-.pdf
Maquetas-modelos-prototipos-Mapa mental-.pdforianaandrade11
 
LAMODERNIDADARQUITECTURABYBARBARAPADILLA.pdf
LAMODERNIDADARQUITECTURABYBARBARAPADILLA.pdfLAMODERNIDADARQUITECTURABYBARBARAPADILLA.pdf
LAMODERNIDADARQUITECTURABYBARBARAPADILLA.pdfBrbara57940
 
CERTIFICACIÓN DE CAPACITACIÓN PARA EL CENSO - tfdxwBRz6f3AP7QU.pdf
CERTIFICACIÓN DE CAPACITACIÓN PARA EL CENSO - tfdxwBRz6f3AP7QU.pdfCERTIFICACIÓN DE CAPACITACIÓN PARA EL CENSO - tfdxwBRz6f3AP7QU.pdf
CERTIFICACIÓN DE CAPACITACIÓN PARA EL CENSO - tfdxwBRz6f3AP7QU.pdfasnsdt
 
Brochure Tuna Haus _ Hecho para mascotas.pdf
Brochure Tuna Haus _ Hecho para mascotas.pdfBrochure Tuna Haus _ Hecho para mascotas.pdf
Brochure Tuna Haus _ Hecho para mascotas.pdfhellotunahaus
 
EL CONCEPTO Y EL PARTIDO ARQUITECTONICO.pdf
EL CONCEPTO Y EL PARTIDO ARQUITECTONICO.pdfEL CONCEPTO Y EL PARTIDO ARQUITECTONICO.pdf
EL CONCEPTO Y EL PARTIDO ARQUITECTONICO.pdfCeciliaTernR1
 
TIPOS DE LINEAS utilizados en dibujo técnico mecánico
TIPOS DE LINEAS utilizados en dibujo técnico mecánicoTIPOS DE LINEAS utilizados en dibujo técnico mecánico
TIPOS DE LINEAS utilizados en dibujo técnico mecánicoWilsonChambi4
 
Arquitectura Moderna Le Corbusier- Mies Van Der Rohe
Arquitectura Moderna Le Corbusier- Mies Van Der RoheArquitectura Moderna Le Corbusier- Mies Van Der Rohe
Arquitectura Moderna Le Corbusier- Mies Van Der Roheimariagsg
 
SENSICO CURSO DE EXPEDIENTE TECNICO DE OBRAS
SENSICO CURSO DE EXPEDIENTE TECNICO DE OBRASSENSICO CURSO DE EXPEDIENTE TECNICO DE OBRAS
SENSICO CURSO DE EXPEDIENTE TECNICO DE OBRASpaotavo97
 
2024-EL CAMBIO CLIMATICO Y SUS EFECTOS EN EL PERÚ Y EL MUNDO.pdf
2024-EL CAMBIO CLIMATICO Y SUS EFECTOS EN EL PERÚ Y EL MUNDO.pdf2024-EL CAMBIO CLIMATICO Y SUS EFECTOS EN EL PERÚ Y EL MUNDO.pdf
2024-EL CAMBIO CLIMATICO Y SUS EFECTOS EN EL PERÚ Y EL MUNDO.pdfcnaomi195
 
diseño de plantas agroindustriales unidad
diseño de plantas agroindustriales unidaddiseño de plantas agroindustriales unidad
diseño de plantas agroindustriales unidaddabuitragoi
 
Arquitectura moderna nazareth bermudez PSM
Arquitectura moderna nazareth bermudez PSMArquitectura moderna nazareth bermudez PSM
Arquitectura moderna nazareth bermudez PSMNaza59
 
Arquitectura moderna / Nazareth Bermúdez
Arquitectura moderna / Nazareth BermúdezArquitectura moderna / Nazareth Bermúdez
Arquitectura moderna / Nazareth BermúdezNaza59
 
Slaimen Barakat - SLIDESHARE TAREA 2.pdf
Slaimen Barakat - SLIDESHARE TAREA 2.pdfSlaimen Barakat - SLIDESHARE TAREA 2.pdf
Slaimen Barakat - SLIDESHARE TAREA 2.pdfslaimenbarakat
 
plantilla-de-messi-1.pdf es muy especial
plantilla-de-messi-1.pdf es muy especialplantilla-de-messi-1.pdf es muy especial
plantilla-de-messi-1.pdf es muy especialAndreaMlaga1
 
Portafolio de Diseño Gráfico por Giorgio B Huizinga
Portafolio de Diseño Gráfico por Giorgio B HuizingaPortafolio de Diseño Gráfico por Giorgio B Huizinga
Portafolio de Diseño Gráfico por Giorgio B Huizingagbhuizinga2000
 
Presentacion de 100 psicologos dijeron.pptx
Presentacion de 100 psicologos dijeron.pptxPresentacion de 100 psicologos dijeron.pptx
Presentacion de 100 psicologos dijeron.pptxbarbaracantuflr
 
PDU - PLAN DE DESARROLLO URBANO DE LA CIUDAD DE CHICLAYO
PDU - PLAN DE DESARROLLO URBANO DE LA CIUDAD DE CHICLAYOPDU - PLAN DE DESARROLLO URBANO DE LA CIUDAD DE CHICLAYO
PDU - PLAN DE DESARROLLO URBANO DE LA CIUDAD DE CHICLAYOManuelBustamante49
 
PRESENTACION SOBRE EL PROYECTO DE GRADO .
PRESENTACION SOBRE EL PROYECTO DE GRADO .PRESENTACION SOBRE EL PROYECTO DE GRADO .
PRESENTACION SOBRE EL PROYECTO DE GRADO .Rosa329296
 
TRABAJO DESDE CASA REGION INSULAR.docx.pdf
TRABAJO DESDE CASA REGION INSULAR.docx.pdfTRABAJO DESDE CASA REGION INSULAR.docx.pdf
TRABAJO DESDE CASA REGION INSULAR.docx.pdfDamarysNavarro1
 
Jesus Diaz afiche Manierismo .pdf arquitectura
Jesus Diaz afiche Manierismo .pdf arquitecturaJesus Diaz afiche Manierismo .pdf arquitectura
Jesus Diaz afiche Manierismo .pdf arquitecturajesusgrosales12
 

Último (20)

Maquetas-modelos-prototipos-Mapa mental-.pdf
Maquetas-modelos-prototipos-Mapa mental-.pdfMaquetas-modelos-prototipos-Mapa mental-.pdf
Maquetas-modelos-prototipos-Mapa mental-.pdf
 
LAMODERNIDADARQUITECTURABYBARBARAPADILLA.pdf
LAMODERNIDADARQUITECTURABYBARBARAPADILLA.pdfLAMODERNIDADARQUITECTURABYBARBARAPADILLA.pdf
LAMODERNIDADARQUITECTURABYBARBARAPADILLA.pdf
 
CERTIFICACIÓN DE CAPACITACIÓN PARA EL CENSO - tfdxwBRz6f3AP7QU.pdf
CERTIFICACIÓN DE CAPACITACIÓN PARA EL CENSO - tfdxwBRz6f3AP7QU.pdfCERTIFICACIÓN DE CAPACITACIÓN PARA EL CENSO - tfdxwBRz6f3AP7QU.pdf
CERTIFICACIÓN DE CAPACITACIÓN PARA EL CENSO - tfdxwBRz6f3AP7QU.pdf
 
Brochure Tuna Haus _ Hecho para mascotas.pdf
Brochure Tuna Haus _ Hecho para mascotas.pdfBrochure Tuna Haus _ Hecho para mascotas.pdf
Brochure Tuna Haus _ Hecho para mascotas.pdf
 
EL CONCEPTO Y EL PARTIDO ARQUITECTONICO.pdf
EL CONCEPTO Y EL PARTIDO ARQUITECTONICO.pdfEL CONCEPTO Y EL PARTIDO ARQUITECTONICO.pdf
EL CONCEPTO Y EL PARTIDO ARQUITECTONICO.pdf
 
TIPOS DE LINEAS utilizados en dibujo técnico mecánico
TIPOS DE LINEAS utilizados en dibujo técnico mecánicoTIPOS DE LINEAS utilizados en dibujo técnico mecánico
TIPOS DE LINEAS utilizados en dibujo técnico mecánico
 
Arquitectura Moderna Le Corbusier- Mies Van Der Rohe
Arquitectura Moderna Le Corbusier- Mies Van Der RoheArquitectura Moderna Le Corbusier- Mies Van Der Rohe
Arquitectura Moderna Le Corbusier- Mies Van Der Rohe
 
SENSICO CURSO DE EXPEDIENTE TECNICO DE OBRAS
SENSICO CURSO DE EXPEDIENTE TECNICO DE OBRASSENSICO CURSO DE EXPEDIENTE TECNICO DE OBRAS
SENSICO CURSO DE EXPEDIENTE TECNICO DE OBRAS
 
2024-EL CAMBIO CLIMATICO Y SUS EFECTOS EN EL PERÚ Y EL MUNDO.pdf
2024-EL CAMBIO CLIMATICO Y SUS EFECTOS EN EL PERÚ Y EL MUNDO.pdf2024-EL CAMBIO CLIMATICO Y SUS EFECTOS EN EL PERÚ Y EL MUNDO.pdf
2024-EL CAMBIO CLIMATICO Y SUS EFECTOS EN EL PERÚ Y EL MUNDO.pdf
 
diseño de plantas agroindustriales unidad
diseño de plantas agroindustriales unidaddiseño de plantas agroindustriales unidad
diseño de plantas agroindustriales unidad
 
Arquitectura moderna nazareth bermudez PSM
Arquitectura moderna nazareth bermudez PSMArquitectura moderna nazareth bermudez PSM
Arquitectura moderna nazareth bermudez PSM
 
Arquitectura moderna / Nazareth Bermúdez
Arquitectura moderna / Nazareth BermúdezArquitectura moderna / Nazareth Bermúdez
Arquitectura moderna / Nazareth Bermúdez
 
Slaimen Barakat - SLIDESHARE TAREA 2.pdf
Slaimen Barakat - SLIDESHARE TAREA 2.pdfSlaimen Barakat - SLIDESHARE TAREA 2.pdf
Slaimen Barakat - SLIDESHARE TAREA 2.pdf
 
plantilla-de-messi-1.pdf es muy especial
plantilla-de-messi-1.pdf es muy especialplantilla-de-messi-1.pdf es muy especial
plantilla-de-messi-1.pdf es muy especial
 
Portafolio de Diseño Gráfico por Giorgio B Huizinga
Portafolio de Diseño Gráfico por Giorgio B HuizingaPortafolio de Diseño Gráfico por Giorgio B Huizinga
Portafolio de Diseño Gráfico por Giorgio B Huizinga
 
Presentacion de 100 psicologos dijeron.pptx
Presentacion de 100 psicologos dijeron.pptxPresentacion de 100 psicologos dijeron.pptx
Presentacion de 100 psicologos dijeron.pptx
 
PDU - PLAN DE DESARROLLO URBANO DE LA CIUDAD DE CHICLAYO
PDU - PLAN DE DESARROLLO URBANO DE LA CIUDAD DE CHICLAYOPDU - PLAN DE DESARROLLO URBANO DE LA CIUDAD DE CHICLAYO
PDU - PLAN DE DESARROLLO URBANO DE LA CIUDAD DE CHICLAYO
 
PRESENTACION SOBRE EL PROYECTO DE GRADO .
PRESENTACION SOBRE EL PROYECTO DE GRADO .PRESENTACION SOBRE EL PROYECTO DE GRADO .
PRESENTACION SOBRE EL PROYECTO DE GRADO .
 
TRABAJO DESDE CASA REGION INSULAR.docx.pdf
TRABAJO DESDE CASA REGION INSULAR.docx.pdfTRABAJO DESDE CASA REGION INSULAR.docx.pdf
TRABAJO DESDE CASA REGION INSULAR.docx.pdf
 
Jesus Diaz afiche Manierismo .pdf arquitectura
Jesus Diaz afiche Manierismo .pdf arquitecturaJesus Diaz afiche Manierismo .pdf arquitectura
Jesus Diaz afiche Manierismo .pdf arquitectura
 

Legibilidad

  • 1.
  • 2. DEFINICION • La facilidad con la que las palabras pueden leerse cómodamente a una velocidad normal de lectura
  • 3. LA FORMA • El ojo reconoce mas fácilmente las formas más habituales que presentan ascendentes y descendentes bien definidas, los trazos terminales desproporcionados afectan la legibilidad
  • 4. EL PESO • Las figuras demasiado contrastadas con trazos de unión muy sutiles tienen baja legibilidad • Un tipo de peso medio es más legible que una fuente fina o negrita
  • 5. EL CONTRASTE • El contraste se refiere básicamente a la diferencia de grosor entre las verticales y las horizontales. Explicado mejor, la diferencia entre los trazos más gruesos con los más delgados.
  • 6. CONSISTENCIA DE LA FORMA • Al plantearse diseñar, rediseñar, mezclar o escoger tipografías, es bueno plantearse en algún momento la coherencia de formas entre sí. • ¿los ornamentos corresponden al lenguaje que queremos darle a la letra?
  • 7. EL EJE • Agregar un toque barroco a letras, utilizando múltiples ejes, es un factor muy efectivo para crear ciertos desórdenes dentro de la palabra. Si bien el ejemplo no es la gran bomba a la ilegibilidad, puede clarificar de manera efectiva la diferencia que pueden haber entre los ejes. • Cuando presentas tipografías con astas 100% ortogonales, que van marcando el ritmo de una lectura con rectas verticales, no puedes distraerla con curvas que buscan un sentido opuesto
  • 8. LA ALTURA X • Pueden escoger una que tenga altura x variable, para un texto corto, poco importa. Existen tipografías que ni siquiera tienen línea de base real, mucho menos van a tener altura x. Suelen ser tipos orgánicos que no necesitan realmente un orden, ni una línea virtual, ya que no están pensados para ser utilizados en multilínea. • Ascendentes y descendentes demasiado largas conseguirán un acortamiento de la línea de cuerpo de texto
  • 9. GRIS DENTRO DEL TEXTO • Se caracterizan por sumarle complejidad a la letra dibujando ornamentos en su interior, produciendo efectos de degradado • Cuando escribimos un texto, y vemos la textura que produce el bloque (conjunto de letras juntas), esta debe estar homogénea. Si hay letras que resaltan porque están más gruesas que otras, es porque el tipo de texto está mal diseñado
  • 10. ALTURA ASCENDENTES INEXISTENTE • Existen tipografías que son capaces de obviar la altura de las ascendentes para potenciar el dibujo horizontal de la línea de texto
  • 11. CONTRAFORMA • ¿Puede una tipografía vivir sin su contraforma?, Pues claro, quien no pueda leer "player" arriba tiene que hacerse ver • Muchas tipografías consideradas de texto, pecan de cerrar o abrir demasiado sus contraformas. En el caso de que se cierren demasiado, pueden generar errores de legibilidad como confundir una “c” con una “o”. En el caso de que estén demasiado abiertas (como frutiger), la contraforma interna de la letra se suma a la contraforma externa de la letra, produciendo una cantidad de blanco muy desagradable a la vista.
  • 12. CONTRAFORMA EXTERNA • Existen tipografías en que el límite de la contraforma externa con la interna se pierde. • En este caso, el concepto de ilegibilidad es adverso, ya que la complejidad está dada no por ornamentación, sino que por restricción. • Hay detalles que hacen a una tipografía muy legible, y eso es la contraforma externa. No se imaginan cuanto cambia leer una tipografía con el sacadito de arriba de la “n” bien marcado, o la diferencia entre la “rn” y la “m”. Hay tipografías que ni siquiera tienen ese sacadito. Entonces no son de texto, punto
  • 13. CONTRAFORMA INTERNA • Si buscamos expresividad, podemos caricaturizar con habilidad esos trazos, con el fin de lograr resultados mucho más expresivos y dramáticos. En el ejemplo, no existe ninguna relación lógica entre terminaciones y contraforma. • Este pequeño ojo tiende a desaparecer, y la contraforma abierta tiende a agrandarse demasiado. Como la “a” y la “e” son las letras más usadas en muchos idiomas, el desagradable efecto se potencia aún más.
  • 14. TRAZOS PERFECTOS • Debe ser el único momento que tenemos que exigirle algo a la tipografía. NO puede estar mal dibujada. Sus detalles deben está perfectamente cuidados, y perfectamente trazados, ya que van a estar visibles al lector. Si quiero llamar la atención con una tipografía bella en su conceptualización, no puede dejar de ser bella en su realización.
  • 15. TERMINACIONES • Cuando ocupamos una tipografía para escribir un texto, muchas veces tenemos que verla en grande, como en avisos publicitarios, etc. Ya que se usa como tipografía corporativa. El simple hecho que esté mal dibujada es más que una buena razón para descartarla. La gran mayoría de las tipografías tienen horribles terminaciones, y eso los diseñadores no lo deberíamos tolerar.
  • 16. NO RESPETO AL ANCHO DE LA LETRA • Las tipografías no tienen por qué tener un ancho de trazo constante. O sea, puede ser más o menos constante y nadie se muere.
  • 17. SET DE CARACTERES COMPLETO • Muchos tipógrafos NO diseñan la “ñ”, los acentos, los signos de interrogación, los punto y coma, y los signos de corte de palabra o los números. Es mejor revisar bien la fuente antes de lamentar.
  • 18. EL INTERLETRAJE • Existen tipografías que sencillamente no se les hizo interletraje, y funcionan muy mal. Un buen diseñador corrige los interletrajes que no le parecen correctos, pero es demasiado tedioso ir corrigiéndolos todos. .
  • 19. ALTURA DE LAS MAYÚSCULAS • Antiguamente las mayúsculas se diseñaban del mismo porte de las ascendentes, o en ocasiones más grandes aún. El efecto que provoca una palabra escrita en mayúsculas dentro de la frase suele ser un atentado a la lectura en línea del texto.
  • 20. EFECTO DE PESCADO • Cuando se el tipógrafo diseña sólo las formas suele caer en este tipo de errores. Un buen tipógrafo de texto, diseña la forma, la contraforma interna y externa, y su ductus. • El “efecto pescado” es un desagradable efecto que hace que las palabras sean más largas (espacialmente) que lo que el cerebro debería captar, traduciendo esto en sensaciones de temprana saciedad de lectura y aburrimiento precoz.
  • 21.
  • 22. EXPANDIR TERMINAL AGRACIADAMENTE • Hay caracteres que prestan su estructura para poder ornamentar la palabra. Estas letras están dispuestas a hacer esfuerzos “sobreletrísticos” y estirar sus terminales con el fin de embellecer lo que se escribe. Entonces no es raro que letras como la “k”, la “R”, o la “Q”, estén presentes en casi todas las versiones “swash” de las tipografías. En el ejemplo podemos ver como la “k” estira su pierna, y crea un sencillo “rulito” que le da un estilo distinto a la palabra.
  • 23. REGULARIZAR ITÁLICAS • Un juego interesante a la hora de crear un “gag” puede ser “desitalizar” la letra, devolviéndole la inclinación hasta dejarla ortogonal, o bien en la misma dirección que el resto del texto. En el ejemplo, se tomó la letra “k”, y se inclinó 8 grados a la izquierda.
  • 24. CREAR CAJAS ÚNICAS • Cuando la palabra tiene ascendentes y descendentes, por lo general cuesta mucho más trabajarla. La gente con algo más de sensibilidad tipográfica, suele reemplazar caracteres minúsculos en la línea de las versalitas, o bien versalitas en la línea de las minúsculas. Por lo general se logran cosas interesantes, si está bien hecho. En el ejemplo, se insertó la “n” y la “i” minúsculas en la línea de las versalitas
  • 25. HACER JUEGOS DE PESO • Ya habíamos visto como se resolvía técnicamente el ajuste de dos pesos. También habíamos echado un vistazo al fenómeno que se produce cuando se diseña en ultrapesado o ultraliviano. Este punto no es más complejo que eso
  • 26. CREAR LIGADURAS • El tema ligaduras ya había sido tratado en un anterior post. Es uno de los recursos más potentes a la hora de embellecer un texto, y uno de los usados más frecuentemente entre diseñadores. Por lo general, las letras se unen bajo un concepto y deben potenciar el diseño de la forma de la palabra.
  • 27. INVERTIR, SUSTRAER, REFLEJAR O REPETIR • Últimamente se ha transformado una moda crear este tipo de juegos tipográficos. Caracteres invertidos, insinuados, repetidos o girados se han hecho muy frecuentes en “leterización” y rotulación. Claro, es un estilo más libre donde todo se permite. Estamos en la época del messengrer y el SMS, y las palabras no tienen que ser ultralegibles. Entonces se crean juegos simples donde es posible cambiar una “s” por un “5” o una “m” por una “w” invertida. El logo de korn fue un boom con la “R” reflejada.
  • 28. EXAGERAR FORMAS • Tomas una figura y la exageras. Puedes estirar una ascendente al infinito, o como en el ejemplo, exagerarle el rulito a la “r”. Puedes hacer el punto de la “i” gigante, o hacer las serifas muy pero muy gruesas
  • 29. MEZCLAS DE LENGUAJES TIPOGRÁFICOS • Creo que este tipo de experimentos son muy pero muy atractivos y vistosos. La idea es crear híbridos de tipografías, a partir de 2 existentes, o bien una existente y otra sacada de la imaginación. En el ejemplo,bahamondes hace una mezcla entre una tipografía de serif y la parte inferior es una gótica
  • 30. ROMPER CONSISTENCIA CON SUTILEZA • La idea es diseñar a propósito una forma extraña, algo que no concuerde, un idioma distinto. Se puede romper la consistencia de muchas maneras, como invirtiendo los contrastes, creando ductus extraños, alterando compresiones, volteando las serifas, etc.
  • 31. INSERCIÓN O EXTRACCIÓN DE SERIFAS • Se pueden crear cosas muy interesantes insertando ornamentos tipográficos correspondientes a la fuente (o swash), pedazos de ellos, o creandolos para la ocasión. También, suele ser muy atractivo crear tipografías semiserif, poniéndole serifas a las de palo seco, o sacándole serifas a las de serif. En el ejemplo, se extrajeron todas las serifas superiores, y se dejaron solamente las de la línea base. Para no crear inconsistencias, también desaparece la gota de la letra “C”.
  • 32. SUBSTITUIR POR FORMAS AFINES • Muchas veces suele ser un recurso simple y atractivo, ya que la palabra sigue leyéndose a la perfección. En el ejemplo, se hizo un pequeño reemplazo: la “t” por la “cruz”, haciendo referencia la muerte de “pantani”. Pero pueden ser miles de reemplazos, como escribir “ARRIBA”, y que alguna “A” sea una flecha. O “pelota”, y que la “o” sea una pelota.
  • 33. AMBIGRAMAS • Los ambigramas son interesantes juegos de letras, donde uno puede escribir palabras que tienen más de un sentido de lectura (se puede leer girado, reflejado, invertido, etc.). Es el diseño de la palabra completa.