En mi época de estudiante de diseño la asignatura de tipografía era de las más odiadas. Y eso era porque aún no conocíamos el trabajo tan impresionante que se puede realizar utilizando como único elemento gráfico las letras.
Para el que nunca ha aprendido nada sobre la tipografía y le parezcan todas iguales os voy hacer un repaso rápido por sus características generales. En primer lugar cada tipo se organiza por familias tipográficas. Al igual que pasa con tu familia, entre estas parientes existen ciertos aspectos parecidos pero principalmente lo que las define como familia es un origen similar. Por ello cuando observamos por ejemplo la tipografía Arial, nos encontramos que hay muchas Ariales para elegir y aunque nos resulten similares son ligeramente diferentes.
En tipografía se utilizan otros términos para hablar de mayúsculas o minúsculas. Por ello cuando hablemos de la altura de la caja baja, estaremos haciendo referencia a la altura de las minúsculas, si en su lugar hablamos de caja alta, se tratará de las mayúsculas. La medida de una tipografía se determina usando como referencia la altura de la x en caja baja. Por lo tanto, cuando hablemos de línea media (línea imaginaria superior) y línea base, siempre será en referencia a la x.
Otro dato importante es que las letras tienen varias partes. Al igual que nosotros, tiene su propia anatomía que el experto conoce a la perfección. Estas partes son las siguientes:
– Asta, fuste o montante: Se trata del trazo que define la forma esencial de la letra.
– Ascendente: Es el asta que sobrepasa la línea superior de la altura de la caja baja.
– Brazo: Trazo horizontal o diagonal que nace de un trazo vertical.
– Cola: Línea descende que determina los rasgos de algunas letras.
– Cruz o travesaño: Trazo que cruza el asta principal.
– Descendente: Parte del carácter de caja baja que sobrepasa la línea base hacia abajo.
– Ojo: Se trata del hueco en el interior de algunas letras como por ejemplo la o. Suele ser un elemento destacado para la diferenciación entre tipografías junto al serif.
– Serif, trazo terminal, remate o gracia: Es el remate de un brazo o asta y se trata de un elemento decorativo de la letra. Los hay de varios tipos: clásico, rectilíneo, filiforme, cuadrangular, lobulado, insinuado y sin remate.
– Vértice: Punto de unión de dos astas inclinadas.
Como podéis ver las letras tienen más partes de las que pensábamos. Es en ellas donde se encuentran las diferencias de las tipografías. Lógicamente algunas letras son totalmente diferentes pero en otros casos las diferencias son más sutiles. Podéis convertirlo en una especie de “encuentra las diferencias”, parecen iguales pero si observas con detenimiento te das cuenta de los pequeños matices.
Si después de todos estos datos os parece que la tipografía es aburrida, os equivocáis. Pues genera una cantidad extraordinaria de diseños realmente interesantes y para convenceros, os traigo esta selección de diseños tipográficos que sin duda os ayudarán a amar un poco más a las letras.
<style type='text/css'>
#gallery-2 {
margin: auto;
}
#gallery-2 .gallery-item {
float: left;
margin-top: 10px;
text-align: center;
width: 33%;
}
#gallery-2 img {
border: 2px solid #cfcfcf;
}
#gallery-2 .gallery-caption {
margin-left: 0;
}
/* see gallery_shortcode() in wp-includes/media.php */
</style>
<div data-carousel-extra='{"blog_id":19,"permalink":"https:\/\/xombit.com\/2012\/09\/diseno-tipografico-quien-dijo-que-letras-eran-aburridas","likes_blog_id":20876036}' id='gallery-2' class='gallery galleryid-55553 gallery-columns-3 gallery-size-thumbnail'><dl class='gallery-item'>
<dt class='gallery-icon landscape'>
<a href='https://xombit.com/2012/09/diseno-tipografico-quien-dijo-que-letras-eran-aburridas/tipografia_ornamental'><img width="100" height="100" src="https://xombit.com/files/2012/08/tipografía_ornamental-100x100.jpg" class="attachment-thumbnail size-thumbnail" alt="Tipografía ornamental" srcset="https://xombit.com/files/2012/08/tipografía_ornamental-100x100.jpg 100w, https://xombit.com/files/2012/08/tipografía_ornamental-50x50.jpg 50w, https://xombit.com/files/2012/08/tipografía_ornamental-118x118.jpg 118w" sizes="(max-width: 100px) 100vw, 100px" data-attachment-id="55590" data-orig-file="https://xombit.com/files/2012/08/tipografía_ornamental.jpg" data-orig-size="700,500" data-comments-opened="1" data-image-meta="{"aperture":"0","credit":"","camera":"","caption":"","created_timestamp":"0","copyright":"","focal_length":"0","iso":"0","shutter_speed":"0","title":""}" data-image-title="Tipografía ornamental" data-image-description="" data-medium-file="https://xombit.com/files/2012/08/tipografía_ornamental-400x285.jpg" data-large-file="https://xombit.com/files/2012/08/tipografía_ornamental.jpg" /></a>
</dt></dl><dl class='gallery-item'>
<dt class='gallery-icon landscape'>
<a href='https://xombit.com/2012/09/diseno-tipografico-quien-dijo-que-letras-eran-aburridas/grupo_diseno_tipografico9'><img width="100" height="100" src="https://xombit.com/files/2012/08/grupo_diseño_tipografico9-100x100.jpg" class="attachment-thumbnail size-thumbnail" alt="Grupo diseño tipográfico 9" srcset="https://xombit.com/files/2012/08/grupo_diseño_tipografico9-100x100.jpg 100w, https://xombit.com/files/2012/08/grupo_diseño_tipografico9-50x50.jpg 50w, https://xombit.com/files/2012/08/grupo_diseño_tipografico9-118x118.jpg 118w" sizes="(max-width: 100px) 100vw, 100px" data-attachment-id="55589" data-orig-file="https://xombit.com/files/2012/08/grupo_diseño_tipografico9.jpg" data-orig-size="700,500" data-comments-opened="1" data-image-meta="{"aperture":"0","credit":"","camera":"","caption":"","created_timestamp":"0","copyright":"","focal_length":"0","iso":"0","shutter_speed":"0","title":""}" data-image-title="Grupo diseño tipográfico 9" data-image-description="" data-medium-file="https://xombit.com/files/2012/08/grupo_diseño_tipografico9-400x285.jpg" data-large-file="https://xombit.com/files/2012/08/grupo_diseño_tipografico9.jpg" /></a>
</dt></dl><dl class='gallery-item'>
<dt class='gallery-icon landscape'>
<a href='https://xombit.com/2012/09/diseno-tipografico-quien-dijo-que-letras-eran-aburridas/grupo_diseno_tipografico8'><img width="100" height="100" src="https://xombit.com/files/2012/08/grupo_diseño_tipografico8-100x100.jpg" class="attachment-thumbnail size-thumbnail" alt="grupo diseño tipográfico 8" srcset="https://xombit.com/files/2012/08/grupo_diseño_tipografico8-100x100.jpg 100w, https://xombit.com/files/2012/08/grupo_diseño_tipografico8-50x50.jpg 50w, https://xombit.com/files/2012/08/grupo_diseño_tipografico8-118x118.jpg 118w" sizes="(max-width: 100px) 100vw, 100px" data-attachment-id="55588" data-orig-file="https://xombit.com/files/2012/08/grupo_diseño_tipografico8.jpg" data-orig-size="700,500" data-comments-opened="1" data-image-meta="{"aperture":"0","credit":"","camera":"","caption":"","created_timestamp":"0","copyright":"","focal_length":"0","iso":"0","shutter_speed":"0","title":""}" data-image-title="grupo diseño tipográfico 8" data-image-description="" data-medium-file="https://xombit.com/files/2012/08/grupo_diseño_tipografico8-400x285.jpg" data-large-file="https://xombit.com/files/2012/08/grupo_diseño_tipografico8.jpg" /></a>
</dt></dl><br style="clear: both" /><dl class='gallery-item'>
<dt class='gallery-icon landscape'>
<a href='https://xombit.com/2012/09/diseno-tipografico-quien-dijo-que-letras-eran-aburridas/grupo_diseno_tipografico7'><img width="100" height="100" src="https://xombit.com/files/2012/08/grupo_diseño_tipografico7-100x100.jpg" class="attachment-thumbnail size-thumbnail" alt="grupo diseño tipográfico 7" srcset="https://xombit.com/files/2012/08/grupo_diseño_tipografico7-100x100.jpg 100w, https://xombit.com/files/2012/08/grupo_diseño_tipografico7-50x50.jpg 50w, https://xombit.com/files/2012/08/grupo_diseño_tipografico7-118x118.jpg 118w" sizes="(max-width: 100px) 100vw, 100px" data-attachment-id="55587" data-orig-file="https://xombit.com/files/2012/08/grupo_diseño_tipografico7.jpg" data-orig-size="700,500" data-comments-opened="1" data-image-meta="{"aperture":"0","credit":"","camera":"","caption":"","created_timestamp":"0","copyright":"","focal_length":"0","iso":"0","shutter_speed":"0","title":""}" data-image-title="grupo diseño tipográfico 7" data-image-description="" data-medium-file="https://xombit.com/files/2012/08/grupo_diseño_tipografico7-400x285.jpg" data-large-file="https://xombit.com/files/2012/08/grupo_diseño_tipografico7.jpg" /></a>
</dt></dl><dl class='gallery-item'>
<dt class='gallery-icon landscape'>
<a href='https://xombit.com/2012/09/diseno-tipografico-quien-dijo-que-letras-eran-aburridas/grupo_diseno_tipografico6'><img width="100" height="100" src="https://xombit.com/files/2012/08/grupo_diseño_tipografico6-100x100.jpg" class="attachment-thumbnail size-thumbnail" alt="grupo diseño tipográfico 6" srcset="https://xombit.com/files/2012/08/grupo_diseño_tipografico6-100x100.jpg 100w, https://xombit.com/files/2012/08/grupo_diseño_tipografico6-50x50.jpg 50w, https://xombit.com/files/2012/08/grupo_diseño_tipografico6-118x118.jpg 118w" sizes="(max-width: 100px) 100vw, 100px" data-attachment-id="55586" data-orig-file="https://xombit.com/files/2012/08/grupo_diseño_tipografico6.jpg" data-orig-size="700,500" data-comments-opened="1" data-image-meta="{"aperture":"0","credit":"","camera":"","caption":"","created_timestamp":"0","copyright":"","focal_length":"0","iso":"0","shutter_speed":"0","title":""}" data-image-title="grupo diseño tipográfico 6" data-image-description="" data-medium-file="https://xombit.com/files/2012/08/grupo_diseño_tipografico6-400x285.jpg" data-large-file="https://xombit.com/files/2012/08/grupo_diseño_tipografico6.jpg" /></a>
</dt></dl><dl class='gallery-item'>
<dt class='gallery-icon landscape'>
<a href='https://xombit.com/2012/09/diseno-tipografico-quien-dijo-que-letras-eran-aburridas/grupo_diseno_tipografico5'><img width="100" height="100" src="https://xombit.com/files/2012/08/grupo_diseño_tipografico5-100x100.jpg" class="attachment-thumbnail size-thumbnail" alt="grupo diseño tipográfico 5" srcset="https://xombit.com/files/2012/08/grupo_diseño_tipografico5-100x100.jpg 100w, https://xombit.com/files/2012/08/grupo_diseño_tipografico5-50x50.jpg 50w, https://xombit.com/files/2012/08/grupo_diseño_tipografico5-118x118.jpg 118w" sizes="(max-width: 100px) 100vw, 100px" data-attachment-id="55585" data-orig-file="https://xombit.com/files/2012/08/grupo_diseño_tipografico5.jpg" data-orig-size="700,500" data-comments-opened="1" data-image-meta="{"aperture":"0","credit":"","camera":"","caption":"","created_timestamp":"0","copyright":"","focal_length":"0","iso":"0","shutter_speed":"0","title":""}" data-image-title="grupo diseño tipográfico 5" data-image-description="" data-medium-file="https://xombit.com/files/2012/08/grupo_diseño_tipografico5-400x285.jpg" data-large-file="https://xombit.com/files/2012/08/grupo_diseño_tipografico5.jpg" /></a>
</dt></dl><br style="clear: both" /><dl class='gallery-item'>
<dt class='gallery-icon landscape'>
<a href='https://xombit.com/2012/09/diseno-tipografico-quien-dijo-que-letras-eran-aburridas/grupo_diseno_tipografico4'><img width="100" height="100" src="https://xombit.com/files/2012/08/grupo_diseño_tipografico4-100x100.jpg" class="attachment-thumbnail size-thumbnail" alt="grupo diseño tipográfico 4" srcset="https://xombit.com/files/2012/08/grupo_diseño_tipografico4-100x100.jpg 100w, https://xombit.com/files/2012/08/grupo_diseño_tipografico4-50x50.jpg 50w, https://xombit.com/files/2012/08/grupo_diseño_tipografico4-118x118.jpg 118w" sizes="(max-width: 100px) 100vw, 100px" data-attachment-id="55584" data-orig-file="https://xombit.com/files/2012/08/grupo_diseño_tipografico4.jpg" data-orig-size="700,500" data-comments-opened="1" data-image-meta="{"aperture":"0","credit":"","camera":"","caption":"","created_timestamp":"0","copyright":"","focal_length":"0","iso":"0","shutter_speed":"0","title":""}" data-image-title="grupo diseño tipográfico 4" data-image-description="" data-medium-file="https://xombit.com/files/2012/08/grupo_diseño_tipografico4-400x285.jpg" data-large-file="https://xombit.com/files/2012/08/grupo_diseño_tipografico4.jpg" /></a>
</dt></dl><dl class='gallery-item'>
<dt class='gallery-icon landscape'>
<a href='https://xombit.com/2012/09/diseno-tipografico-quien-dijo-que-letras-eran-aburridas/grupo_diseno_tipografico3'><img width="100" height="100" src="https://xombit.com/files/2012/08/grupo_diseño_tipografico3-100x100.jpg" class="attachment-thumbnail size-thumbnail" alt="grupo diseño tipográfico 3" srcset="https://xombit.com/files/2012/08/grupo_diseño_tipografico3-100x100.jpg 100w, https://xombit.com/files/2012/08/grupo_diseño_tipografico3-50x50.jpg 50w, https://xombit.com/files/2012/08/grupo_diseño_tipografico3-118x118.jpg 118w" sizes="(max-width: 100px) 100vw, 100px" data-attachment-id="55583" data-orig-file="https://xombit.com/files/2012/08/grupo_diseño_tipografico3.jpg" data-orig-size="700,500" data-comments-opened="1" data-image-meta="{"aperture":"0","credit":"","camera":"","caption":"","created_timestamp":"0","copyright":"","focal_length":"0","iso":"0","shutter_speed":"0","title":""}" data-image-title="grupo diseño tipográfico 3" data-image-description="" data-medium-file="https://xombit.com/files/2012/08/grupo_diseño_tipografico3-400x285.jpg" data-large-file="https://xombit.com/files/2012/08/grupo_diseño_tipografico3.jpg" /></a>
</dt></dl><dl class='gallery-item'>
<dt class='gallery-icon landscape'>
<a href='https://xombit.com/2012/09/diseno-tipografico-quien-dijo-que-letras-eran-aburridas/grupo_diseno_tipografico2'><img width="100" height="100" src="https://xombit.com/files/2012/08/grupo_diseño_tipografico2-100x100.jpg" class="attachment-thumbnail size-thumbnail" alt="grupo diseño tipográfico 2" srcset="https://xombit.com/files/2012/08/grupo_diseño_tipografico2-100x100.jpg 100w, https://xombit.com/files/2012/08/grupo_diseño_tipografico2-50x50.jpg 50w, https://xombit.com/files/2012/08/grupo_diseño_tipografico2-118x118.jpg 118w" sizes="(max-width: 100px) 100vw, 100px" data-attachment-id="55582" data-orig-file="https://xombit.com/files/2012/08/grupo_diseño_tipografico2.jpg" data-orig-size="700,500" data-comments-opened="1" data-image-meta="{"aperture":"0","credit":"","camera":"","caption":"","created_timestamp":"0","copyright":"","focal_length":"0","iso":"0","shutter_speed":"0","title":""}" data-image-title="grupo diseño tipográfico 2" data-image-description="" data-medium-file="https://xombit.com/files/2012/08/grupo_diseño_tipografico2-400x285.jpg" data-large-file="https://xombit.com/files/2012/08/grupo_diseño_tipografico2.jpg" /></a>
</dt></dl><br style="clear: both" /><dl class='gallery-item'>
<dt class='gallery-icon landscape'>
<a href='https://xombit.com/2012/09/diseno-tipografico-quien-dijo-que-letras-eran-aburridas/grupo_diseno_tipografico'><img width="100" height="100" src="https://xombit.com/files/2012/08/grupo_diseño_tipografico-100x100.jpg" class="attachment-thumbnail size-thumbnail" alt="grupo diseño tipográfico" srcset="https://xombit.com/files/2012/08/grupo_diseño_tipografico-100x100.jpg 100w, https://xombit.com/files/2012/08/grupo_diseño_tipografico-50x50.jpg 50w, https://xombit.com/files/2012/08/grupo_diseño_tipografico-118x118.jpg 118w" sizes="(max-width: 100px) 100vw, 100px" data-attachment-id="55581" data-orig-file="https://xombit.com/files/2012/08/grupo_diseño_tipografico.jpg" data-orig-size="700,500" data-comments-opened="1" data-image-meta="{"aperture":"0","credit":"","camera":"","caption":"","created_timestamp":"0","copyright":"","focal_length":"0","iso":"0","shutter_speed":"0","title":""}" data-image-title="grupo diseño tipográfico" data-image-description="" data-medium-file="https://xombit.com/files/2012/08/grupo_diseño_tipografico-400x285.jpg" data-large-file="https://xombit.com/files/2012/08/grupo_diseño_tipografico.jpg" /></a>
</dt></dl><dl class='gallery-item'>
<dt class='gallery-icon landscape'>
<a href='https://xombit.com/2012/09/diseno-tipografico-quien-dijo-que-letras-eran-aburridas/diseno_tipografico_imagen'><img width="100" height="100" src="https://xombit.com/files/2012/08/diseño_tipografico_imagen-100x100.jpg" class="attachment-thumbnail size-thumbnail" alt="Diseño tipográfico de retratos" srcset="https://xombit.com/files/2012/08/diseño_tipografico_imagen-100x100.jpg 100w, https://xombit.com/files/2012/08/diseño_tipografico_imagen-50x50.jpg 50w, https://xombit.com/files/2012/08/diseño_tipografico_imagen-118x118.jpg 118w" sizes="(max-width: 100px) 100vw, 100px" data-attachment-id="55580" data-orig-file="https://xombit.com/files/2012/08/diseño_tipografico_imagen.jpg" data-orig-size="700,500" data-comments-opened="1" data-image-meta="{"aperture":"0","credit":"","camera":"","caption":"","created_timestamp":"0","copyright":"","focal_length":"0","iso":"0","shutter_speed":"0","title":""}" data-image-title="Diseño tipografico imagen" data-image-description="" data-medium-file="https://xombit.com/files/2012/08/diseño_tipografico_imagen-400x285.jpg" data-large-file="https://xombit.com/files/2012/08/diseño_tipografico_imagen.jpg" /></a>
</dt></dl><dl class='gallery-item'>
<dt class='gallery-icon landscape'>
<a href='https://xombit.com/2012/09/diseno-tipografico-quien-dijo-que-letras-eran-aburridas/partes_tipografia'><img width="100" height="100" src="https://xombit.com/files/2012/08/partes_tipografia-100x100.jpg" class="attachment-thumbnail size-thumbnail" alt="Esquema con las diferentes partes de los caracteres tipográficos." srcset="https://xombit.com/files/2012/08/partes_tipografia-100x100.jpg 100w, https://xombit.com/files/2012/08/partes_tipografia-50x50.jpg 50w, https://xombit.com/files/2012/08/partes_tipografia-118x118.jpg 118w" sizes="(max-width: 100px) 100vw, 100px" data-attachment-id="55558" data-orig-file="https://xombit.com/files/2012/08/partes_tipografia.jpg" data-orig-size="700,350" data-comments-opened="1" data-image-meta="{"aperture":"0","credit":"","camera":"","caption":"","created_timestamp":"0","copyright":"","focal_length":"0","iso":"0","shutter_speed":"0","title":""}" data-image-title="Partes de la tipografia" data-image-description="" data-medium-file="https://xombit.com/files/2012/08/partes_tipografia-400x200.jpg" data-large-file="https://xombit.com/files/2012/08/partes_tipografia.jpg" /></a>
</dt></dl><br style="clear: both" /><dl class='gallery-item'>
<dt class='gallery-icon landscape'>
<a href='https://xombit.com/2012/09/diseno-tipografico-quien-dijo-que-letras-eran-aburridas/tipos_serif'><img width="100" height="100" src="https://xombit.com/files/2012/08/tipos_serif-100x100.jpg" class="attachment-thumbnail size-thumbnail" alt="Diferentes tipos de Serif o Remate" srcset="https://xombit.com/files/2012/08/tipos_serif-100x100.jpg 100w, https://xombit.com/files/2012/08/tipos_serif-50x50.jpg 50w, https://xombit.com/files/2012/08/tipos_serif-118x118.jpg 118w" sizes="(max-width: 100px) 100vw, 100px" data-attachment-id="55557" data-orig-file="https://xombit.com/files/2012/08/tipos_serif.jpg" data-orig-size="700,129" data-comments-opened="1" data-image-meta="{"aperture":"0","credit":"","camera":"","caption":"","created_timestamp":"0","copyright":"","focal_length":"0","iso":"0","shutter_speed":"0","title":""}" data-image-title="tipos de serif" data-image-description="" data-medium-file="https://xombit.com/files/2012/08/tipos_serif-400x73.jpg" data-large-file="https://xombit.com/files/2012/08/tipos_serif.jpg" /></a>
</dt></dl>
<br style='clear: both' />
</div>
