Los diseñadores sabemos que la tipografía es un elemento clave al diseñar, definimos a través de ella el mensaje que deseamos enviar, no sólo en el fondo, también en la forma de la misma, la tipografía tiene carácter, personalidad, necesitamos estar actualizados de las tendencias, herramientas y alternativas en la web para trabajarlas.
Cómo trabajar mejor las tipografías en la web
Creo que todos recordamos cuando utilizamos tipografías en la web que no eran compatibles en todas las máquinas. Nuestro diseño web funcionaba en nuestro monitor pero en otros eran un desastre. Con el tiempo hemos aprendido a utilizar fonts seguras y herramientas comoTypetester para trabajar con tamaños y tipos.
Ahora, el arte de la tipografías está en utilizar las mejores, según la tendencia en la web, según lo que nuestro diseño quiere expresar, haciendo uso de tecnologías como Javascript, CSS y Flash que permite también manejar fuentes no seguras. El cuidado de verificar los tamaños, monitores, resoluciones y colores no pueden faltar. Les comparto esta selección de tutoriales y artículos para su conocimiento sobre tipografías:
- Cinco pasos simples para una mejor tipografía
- 10 ejemplos de hermosas tipografías con CSS y su código
- Aplicaciones en línea para comparar tipografías
- The Paragraph & Typography Guide
Hablemos y leamos sobre tipografías
La tipografías es una temática en la que podemos especializarnos, existen muchos blogs y sitios web dedicados hablar sobre tipografías. Lo más interesante sobre estos sitios dedicados a la temática es que nos permiten conocer las tendencias, tomar ideas, inspirarnos para nuestros diseños e incluso, aprender sobre las malas tipografías a través de casos específicos.
Así que para que lo comprueben les comparto una colección de blogs y sitios webs dedicados a reflexionar sobre la tipografías con interesantes demostraciones:
Aprende más sobre tipografías
Algo que hay que tener claro sobre el mundo de las tipografías en la web, es que la tendencia del uso de código se vuelve super necesario para obtener mejores resultados, es por ello que cada día como diseñadores debemos mantenernos al tanto sobre tutoriales y herramientas que nos ayuden a facilitar el trabajo.
Aveces creemos saberlo todo acerca de las tipografías, estamos tan acostumbrados a utilizar ciertas colecciones que no dimensionamos la cantidad de información que se genera en internet para mejorar nuestro trabajo, si quieres aprender un poco más sobre estás temáticas, te comparto la siguiente pequeña colección de tutoriales sobre tipografías:
- Tipografía Web
- CSS Gradient Text Effect
- Cómo desplegar una doble cita en un post
- Web Style Gride
- How To Make Your Own Fonts
- 101 Typography Resources for Web Designers
¿Qué sabes sobre tipografías?
Para quienes siguen estos artículos, sabrán que una de las cosas que más disfruto es seguir aprendiendo juntos, es por ello que dejo este espacio siempre abierto para que me compartan su experiencia sobre las tipografías que más les gustan, repositorios que conozcan que puedan ayudarnos como diseñadores o sus trabajos con las tipografías, disfruto mucho leer sus comentarios.
Me permito añadir otro sitio con información básica sobre tipografía:
http://www.typographyforlawyers.com/
Excelente @sasa, revisaré el sitio y lo agregamos a la lista.
Como diseñador grafico me es vital el uso de tipografias y gracias por este interesante articulo que ya lo guarde en mis bookmarks para revisar los links mas a detalle!!!
exitos
Les recomiendo este estupendo blog sobre tipografía de Juan Pablo De Gregorio, incluso algunas tipografias las destaca Smashingmagazine
http://letritas.blogspot.com/
La verdad es que este es un punto flaco en nuestro proyecto. Estamos intentando mejorar al respecto, si algúien tiene alguna idea no dude en comunicarnosla.
Wow!! Genial Artículo, infinito en recursos!
Gracias!
La elección de una buenta tipografia a muchos nos lleva de cabeza, y más aún si pensamos en compatibilidades,,, En un diseño web siempre intentamos destacar sobre otros, y la tipografia forma parte del diseño y limitarnos a elegir solo las predefinidas pues a veces nos acaba vetando en nuestro diseño. Buen Articulo!!!
Recomiendo este enlace http://www.dafont.com
Gran aporte de links, typetester es una buena opción para ahorrar tiempo
Gracias
Me ha venido perfecto. Gracias.
Varios ya los conocia, por ejemplo, letritas que lo comentan, es muy buen blog! He aprendido mucho con ese blog.
Hola Stephanie, felicidades por el post 😉
Hace tiempo he escrito acerca de la verdana:
http://aurea.es/2007/07/26/amo-a-la-verdana/
Y la estética tipografica, tratando temas como el interliniado, kearning, etc:
http://aurea.es/2005/06/01/tipografia/
Saludos!
Alguien podría decirme donde puedo encontrar cuáles son los lineamientos del diseño en la tipografía para el acento ortográfico, o alguna información que pueda servirme al respecto.
Gracias!
[…] minimalista este artículo puede cambiar tu percepción o puedes aborrecerlo. Me gusta el uso de la tipografía para darle personalidad a los diseños, encontrar el equilibro de tamaños en las tipografías […]
[…] minimalista este artículo puede cambiar tu percepción o puedes aborrecerlo. Me gusta el uso de la tipografía para darle personalidad a los diseños, encontrar el equilibro de tamaños en las tipografías […]