El 14 de septiembre de 2017, publicamos una versión revisada de nuestra Política de privacidad. Tu uso continuado de video2brain.com significa que aceptas este documento revisado, por lo que te recomendamos que dediques unos minutos a leerlo y comprenderlo.

Maquetación y tipografía para web

Combinación de tipografías

Prueba ahora LinkedIn Learning sin cargo y sin compromiso.

Prueba gratis Mostrar modalidades de suscripción
Tan importante es elegir una tipografía, como elegir dos y, mucho más, que trabajen en armonía cuando las combinemos. Vamos a ver distintas combinaciones de fuentes y, aunque no hay una regla mágica, algunas ideas de en qué deberíamos basarnos a la hora de elegir.
05:06

Transcripción

Tan importante es elegir una tipografía como elegir dos, y mucho más que trabajar en armonía cuando las combinemos. Vamos a ver por qué es necesario y cómo hacerlo bien para escoger las fuentes correctas para nuestra web. Y para ayudarnos en esta tarea, tenemos aquí a fontpair.co, una página de Mills Digital que lo único que hace es recorrer el vasto, inmenso catálogo de Google Fonts y ver qué tipografías pueden trabajar bien juntas y, a partir de allí, crea unas categorías: Sans Serif/Serif y cursivas. Estos tres elementos los permuta y crea estas 6 categorías en las que el primer elemento, Sans Serif, se refiere al titular o al primer nivel de la jerarquía de texto, y el segundo elemento, en este caso Serif –Sans Serif sería para el titular, como digo, Serif sería para el nivel 2 de la jerarquía para el cuerpo de texto, para el texto corrido–. Así pues, como digo, tenemos Sans Serif/Serif, con lo cual tendríamos: titular Sans Serif, cuerpo de texto Serif. O por ejemplo al contrario, Serif/Sans Serif: titular Serif, cuerpo de texto Sans Serif. Tenemos muchas combinaciones, como digo, en esta web y puede ser un buen punto de partida para entender, o al menos para empezar a ojear pares de letras de una manera muy rápida y muy visual y ver qué es lo que funciona y lo que no. La mayoría de las combinaciones que recoge esta web funcionan. Hay alguna dudosa que podríamos discutirla, así que te invito a que a través de esta web o de otras muchas que hay de pares de fuentes empieces a entender cómo funcionan las combinaciones tipográficas. En general, no hay una regla de oro, pero sí que hay que tener en cuenta pues cosas como las proporciones, como qué te transmite cada tipografía, que no sean muy parecidas porque si son muy parecidas el ojo del usuario, del lector, es muy listo y va a ver que aquello es muy parecido, pero no es igual, y va a pensar que es un error. En general, en diseño o haces las cosas iguales o las haces muy diferentes. O colocas algo que esté realmente descentrado o no "un poquito" descentrado, porque si no va a parecer un error. Pues este es el mismo ejemplo: si parecen exactamente iguales o muy parecidas va a parecer que es un error, que te has equivocado de fuente o al menos simplemente sí que va a chirriar esa combinación, como digo. Pero si son muy diferentes, si contrastan, en el buen sentido que le podamos dar a contrastar, entonces sí que va a funcionar como combinación de fuentes. Por eso, como digo, cuando empecemos a elegir combinaciones de tipografías, pues como digo, nos tenemos que fijar en cosas como proporciones, como qué nos transmite cada una, si tienen un contraste más o menos interesante. Vamos a ver si encontramos alguna que veamos que sí que de verdad... aquí, bueno, esto no sé si funcionaría. Aquí podríamos ver algo que sí que contrasta mucho y que queda más o menos bien, pero como digo es cuestión de entrenar el ojo. Vemos aquí una tipografía Serif como muy clásica y aquí Ubuntu que es una tipografía muy moderna y vemos que realmente queda bien. Como digo, hay que entrenar el ojo, hay que fijarse en los pequeños detalles, hay que ver proporciones, construcciones, hacer pruebas de cómo queda, probar diferentes pesos, vamos a ver si hay alguna por aquí... vemos que aquí tenemos un peso fino y aquí tenemos algo un poquito más grueso., aquí lo mismo. Con lo cual, ya estamos creando una jerarquía más interesante, un juego de colores interesante, y por eso digo que cuando estemos empezando tenemos que observar mucho e intentar evitar este tipo de combinación Sans Serif/Sans Serif o Serif/Serif hasta que por lo menos tengamos claro el concepto de 'contraste tipográfico', porque si no podemos, como decíamos antes, pecar de elegir dos tipografías muy parecidas. Así pues, te invito a que observes a que veas cuándo funcionan las combinaciones tipográficas y que te fijes sobre todo en proporciones, en que contrasten lo suficiente, que sean suficientemente diferente, pero que una no sea muy estrecha y la otra muy ancha, por ejemplo, o que una te remita a algo demasiado modernísimo y y la otra sea demasiado antigua. Bueno tiene que haber un contraste pero tampoco muy salvaje. Como digo, te invito a que explores el maravilloso mundo de las combinaciones tipográficas, porque así es cómo vamos a crear un tándem perfecto que va a hacer que nuestra web luzca genial.

Maquetación y tipografía para web

Aprende cómo seleccionar una fuente óptima para su lectura en pantalla y cómo exprimirla para aprovechar en tus proyectos web todas las posibilidades de las fuentes OpenType.

2:10 horas (25 Videos)
Actualmente no hay comentarios.
 
Software:
Fecha de publicación:30/09/2016

Este curso video2brain está disponible como descarga y para ser visualizado online. ¡Pero no hace falta que decidas entre las dos opciones! Al comprar el curso, disfrutarás de ambas posibilidades.

La descarga te permite ver las lecciones sin estar conectado/a a internet y supone una navegación fácil y ágil entre capítulo y capítulo. Si vas a trabajar en diferentes ordenadores o si no quieres descargarte el curso completo, entra en la web con tus datos de acceso y disfruta directamente de tus vídeos online. Te deseamos que disfrutes de este curso y te resulte de mucha utilidad.

Estamos a tu disposición si tienes cualquier tipo de duda o pregunta.