Krypton Solid

20 sitios web tipográficos

20 sitios web tipográficos

Es la tendencia que la gente está pidiendo este año. Pero es realmente una tendencia que ha estado aquí durante los últimos años. La tipografía es un concepto que se ha practicado durante muchos siglos. Y es uno que se mantendrá en los próximos años.

¿Qué tiene la tipografía que vuelve locos a todo el mundo? Tiene este componente artístico, donde puede aumentar la estética de una página. También tiene ese componente de diseño gráfico que permite que la lectura sea fácil y tenga sentido. Después de todo, si no puedo leerlo y no tiene sentido, ¿no ha perdido su propósito?

La tipografía importa, ya sea que se use para facilitar la lectura o que se use para agregar algo de decoración. Cada vez es más fácil, con mejores tecnologías, que los diseñadores utilicen una gran tipografía en los diseños de sus sitios web. Hoy, vamos a llegar a usted con algunos sitios excelentes que usan tipografía …

Una lista aparte

Comencemos con un sitio web con el que muchos de nosotros estamos familiarizados. Espere … ¿ha visto este nuevo y maravilloso rediseño? A List Apart no desperdicia mucho espacio con imágenes y están muy interesados ​​en iluminar a la comunidad. Afortunadamente, hacen un gran trabajo asegurándose de que el texto no sea demasiado abrumador.

Tomo de Basheer

Basheer Tome lo mantiene bastante limpio y simple en todo su sitio web. Estas fuentes más delgadas y redondeadas tienden a hacer que todo se sienta elegante y moderno. Lo ha mantenido bastante estándar al usar Myriad Pro.

Diseño de sangrado

Los titulares enormes son populares porque facilitan la legibilidad. Por supuesto, desea emparejar eso con una fuente agradable y limpia. Estoy seguro de que ni siquiera tenemos que decirte qué fuente popular es esta, pero Bleed Design son, obviamente, grandes fanáticos de Helvetica Neue.

VGrafiks

Este sitio utiliza entre tres y cinco tipos de letra diferentes por página, incluida la introducción para sus enormes encabezados. No tienen mucho contenido escrito, pero su diseño tipográfico hace que la lectura sea fácil y rápida.

Co Op

En la mayoría de los diseños web para agencias creativas, hay un enfoque en las imágenes y el trabajo en lugar de la copia y el texto. Eso suele estar bien y funciona bien. Co Op ha adoptado un enfoque diferente y ha hecho que su diseño dependa igualmente de ambos. En realidad, con el uso de Open Sans, incluso se podría argumentar que la tipografía es más llamativa.

Quemaduras de Elysium

Con un diseño de blog, sabes que habrá mucha copia. La idea, sin embargo, es asegurarse de que haya legibilidad y que no todo esté ahí y sea aburrido. Elysium ha hecho un gran trabajo al hacer que un diseño de blog bastante normal sea muy emocionante con el uso de la tipografía. Los diferentes tipos de letra ayudan a distinguir diferentes cosas y Georgia hace un gran trabajo con el texto del cuerpo de este sitio.

Integral Jean Beaudoin

Este es un diseño muy interesante. Hay un fragmento de texto siempre presente y extremadamente prominente en el fondo con una superposición de más texto e imágenes. La flexión de las reglas y lo que normalmente es ‘correcto’ es extremadamente creativo aquí y ayuda con la fuente tipo máquina de escribir aquí. También reciben un poco de ayuda de Benton Sans para sus cabeceras.

Kurppa Hosk

La belleza de su tipografía es el diseño, así como parte del descarado desprecio por algunas de las reglas. Después de todo, ¿no es eso creatividad? Kruppa Hosk parece utilizar una fuente dominante, Graphik Web, para presentar su contenido.

Vida y tomillo

A diferencia de otros sitios web que hemos cubierto aquí, Life and Thyme depende casi visualmente de imágenes y videos. Afortunadamente, no dejaron que la consistencia de su marca se desperdiciara, ya que utilizaron la tipografía para crear una imagen muy completa y completa. Con la ayuda de New Baskerville, Life y Thyme nos muestran cómo crear una tipografía que se suma a las imágenes.

Informe anual 2012 de MailChimp

Las infografías se han convertido en un gran recurso en la forma en que mostramos la información. MailChimp ha creado varias infografías para ayudar a visualizar su informe anual de 2012. Con la ayuda de excelentes esquemas tipográficos y titulares de Proxima Nova, este informe anual es un éxito certificado.

Minimalísimo

Es casi seguro que la forma minimalista de diseñar perdurará durante siglos. Este sitio web utiliza minimalismo con un estilo de libro antiguo, utilizando Skolar para el cuerpo del texto.

Monoceja

Navegar por la página de inicio de Monobrow no hace justicia a la forma en que se organiza y visualiza la copia en este sitio. Tienes que profundizar para ver algunos de los mejores diseños. Varias familias de fuentes, junto con Brawler y Open Sans, se combinan bien para presentar información.

Laboratorios negativos

Futura es una de mis fuentes favoritas, así que cuando me topé con este sitio web, supe que tenía que agregarlo a la lista. Lo más importante aquí no es solo el tipo de letra, sino la forma en que el texto está configurado en columnas y también cómo está configurado para trabajar junto a las imágenes. Desplazarse hacia abajo revelará más diseños tipográficos que también son absolutamente hermosos.

Proyecto de prima

Premium Draft ofrece a los consumidores cervezas frescas seleccionadas a mano. Entre el maravilloso diseño, sería negligente no elogiar la idea del menú. Lo bueno de esto es que el diseñador no hizo todo lo posible para intentar crear un menú en línea elegante. Lo mantuvieron simple y utilizaron un diseño de impresión estándar para crear un menú maravilloso y fácil de entender.

Patrick Algrim

Una cosa que es genial hacer en tipografía es mezclarla. No solo desea tener el hábito de mezclar diferentes tipos de letra, sino que también desea mezclar los estilos. Patrick hace un gran trabajo mezclando sus serifas y sus sans serif. Camingo Dos es ampliamente utilizado en su sitio web como su sans serif más utilizado.

Naranja morado

A veces no se trata solo de tus servicios y de lo genial que eres. A veces tienes que convencer un poco para que tu cliente pueda entender o encontrar la necesidad de tu oferta. Purple Orange lo sabe y presenta su información de esa manera. Con la ayuda de Open Sans, saben muy bien por qué deberíamos repensar las relaciones públicas.

Ros

Si sabe que va a crear un diseño de sitio que muestre una copia de manera prominente, es realmente difícil equivocarse con Helvetica. Ros ha acuñado la palabra «entretenimiento» y busca crear interés en esta idea. Con cuadrículas y diferentes tamaños y colores de fuente, este sitio web definitivamente llama la atención.

Tapmates

Tapmates ha diseñado un sitio web donde definitivamente se muestra su tipografía. En todo el sitio, utilizan tamaños de fuente bastante grandes y creo que esto ayuda a crear una lectura más fácil y rápida. Piense en libros de «texto grande» y cosas por el estilo. Tapmates usa Freight Text Book en su texto de copia para ayudar con la lectura fácil.

Los premios reales

Este sitio web utiliza muchos colores e imágenes. Pero como dijimos anteriormente, no se trata necesariamente de las imágenes, sino también de cómo se hace que todo funcione en conjunto. Al ir a las páginas interiores, notará que hay un estilo bastante directo en la tipografía. Las fuentes en negrita como Proxima Nova ayudan a dividir los grupos de texto para facilitar la lectura.

Moresoda

Lo que me encanta de este sitio web es la confianza en la tipografía creativa para despertar su interés. Este sitio web es mayoritariamente texto y otros elementos que básicamente no son fotos realistas. Demuestra que con fuentes maravillosas, como Lubalin, puedes crear un diseño web entretenido y fuerte.

La tipografía es extremadamente importante y algunos expertos incluso te dirán que no puedes tener un gran sitio web hasta que comprendas la tipografía.

¿Qué opinas del estado de la tipografía en el diseño web? ¿Perdimos alguno de tus sitios favoritos? Háznoslo saber en los comentarios.

Deja un comentario