Incluso con toda la interactividad multimedia que nos ofrece la web, la tipografía sigue siendo una de las herramientas más potentes en el arsenal de cualquier diseñador web.
¿Por qué? Porque la tipografía transmite el mensaje que intentas comunicar, tanto literalmente, al actuar como el medio del contenido, como metafóricamente, en la forma en que refleja tu marca.
«Todo en ella está calculado para revelar, en lugar de ocultar, la hermosa cosa que debía contener»
–Beatrice Ward, "La copa de cristal, o, La impresión debería ser invisible"
Una imagen puede valer más que mil palabras, pero a veces quieres que tu visitante recuerde una sola frase, y un mensaje potente con una tipografía hermosa es la mejor manera de lograrlo.
Bien aplicada, la tipografía puede ser más efectiva que cualquier imagen o gráfico. Estos siete sitios web utilizan la tipografía de formas creativas que ofrecen a las personas una experiencia única y fácil de entender.
1. Huge
Esta agencia de diseño y experiencia de vanguardia ha construido una marca audaz de primera: Tipografía audaz. Colores audaces. Imágenes audaces. Un rápido vistazo a su página de inicio muestra el uso de letras grandes y llamativas para destacar los nombres de los clientes y temas importantes.
2. Paul Jarvis
El defensor del trabajo independiente Paul Jarvis cuenta con un portafolio estelar, varios productos y cursos, y un podcast. Si estás pensando en entrar en el mundo del trabajo independiente, Paul te enseñará lo que necesitas saber.
Donde la mayoría de los sitios de portafolio de diseñadores están repletos de gráficos y fotos de su trabajo, Paul confía mucho en el contenido a lo largo de su sitio. ¿Por qué? Quizás entiende que el texto es el mejor método para transmitir tu mensaje, así que ¿para qué saturar las cosas con imágenes?
3. Ogilvy & Mather
La gente de la legendaria agencia de diseño Ogilvy & Mather entiende que la tipografía es clave para enviar un mensaje, y es evidente a los pocos segundos de visitar su sitio. Al cargar, te recibe la firma de Ogilvy (un fuerte activo de diseño), seguida de un muro de texto que muestra sus apariciones en algunas de las publicaciones más prestigiosas del planeta, así como parte de su propio contenido.
No es algo que se vea todos los días. Lo que te hace saber desde el principio que Ogilvy abordará tu desafío creativo de manera diferente.
Nota: La mayor parte de este texto se presenta a través de imágenes en lugar de HTML, lo cual es deficiente para el SEO y la accesibilidad y, por lo tanto, no es una buena práctica.
4. Thinking with Type
Thinking with Type es a la vez un sitio tipográficamente hermoso y un recurso valioso para aprender sobre tipografía. Como complemento del maravilloso libro de Lupton, el sitio ilustra de forma brillante los puntos clave y ofrece el contenido esencial de la obra totalmente gratis. (Aunque, si te apasiona la tipografía, también querrás tener el libro). Además, el sitio incluye un par de proyectos divertidos para poner a trabajar tu cerebro tipográfico.
5. The Web Ahead
Este sitio web de podcasts de la defensora del diseño web Jen Simmons se centra en nuevas técnicas y tecnologías para creativos digitales.
El sitio (creado por la propia Jen) presenta una tipografía audaz pero elegante que captura tu atención, establece claramente qué esperar del sitio y te guía a través de su rico contenido.
6. Butterick’s Practical Typography
Butterick’s Practical Typography ofrece otro recurso tipográfico excepcional tanto para diseñadores como para creadores web. El diseño del sitio no solo es casi 100% texto, sino que está repleto de contenido sobre la importancia de la tipografía, sus diferentes tipos y cómo aprovecharla al máximo en la web.
7. More of the Same
El portafolio del diseñador Shane Hurt, creado en Webflow, exhibe sus proyectos de diseño con imágenes a pantalla completa y miniaturas, acompañadas de breves pasajes descriptivos. Es una forma muy atractiva de presentar tanto el resultado como el pensamiento de diseño detrás de él. Los módulos de texto concisos también te permiten leer mucho... sin sentir que te has tragado un ensayo.
¿Qué sitios web tipográficos te inspiran?
Obviamente, la web alberga miles de sitios más llenos de tipografía hermosa. Así que cuéntanos cuáles son tus favoritos en Twitter!
Crea diseños con CSS grid, visualmente
Descubre la facilidad, velocidad y potencia sin precedentes de CSS grid en Webflow, ahora con nuevos controles directamente en el lienzo.
