Una mirada clara a las grandes experiencias de lectura

Cada uno tiene su propio placer culpable en lo que se refiere al diseño web; Conmigo, es gran tipografía. yo amor Leer en la web cuando el contenido se presenta con un tipo grande y sin disculpas. Combine eso con el color inteligente, el espacio en blanco seguro y los tipos de letra bien diseñados: estoy enganchado. La inspiración de esta semana reúne algunos de mis ejemplos favoritos..

Tamaño de fuente 1rem

Si un sitio web va a hacer esta lista, debe tener una copia del cuerpo de al menos 16px, preferiblemente mucho más. Comenzaremos en el extremo inferior de la escala con digg, cuyos artículos principales utilizan un saludable 18px:

Los encabezados y el cuerpo utilizan diferentes pesos de Graphik, aunque los encabezados son un poco más oscuros, con un gran contraste # 191919 en comparación con el # 232323 más fácil usado para la lectura principal.

Otro ejemplo de 18px (1.125em) es la Royal Drawing School de Londres, que utiliza una combinación de fuentes acertada:

La fuente utilizada para los encabezados aquí se llama Vinter; Art Deco en personalidad, con trazos modulados fuertemente contrastantes (trazos que varían en grosor). Lea más sobre su diseño en el sitio web de Monokrom.

Fuentes del sistema

Prefiero la audacia de la característica de digg a la de The Verge, aunque esta también hace la lista por su generoso espacio en blanco y el enfoque dado al contenido en sí:

La copia del cuerpo en este caso es de 16.5px en pantallas grandes, y se basa en las fuentes del sistema (Helvetica, Arial), a pesar de que los encabezados y el bloque de comillas coinciden para Playfair Display. Es una gran lectura, pero siempre podría ser más grande en lo que a mí respecta.

El Washington Post también usa una fuente del sistema (Georgia 18px) como su caballo de trabajo, aunque los encabezados y los subtítulos usan Postoni (un serif condensado, algo que se verá en muchos periódicos) y ITC Franklin respectivamente.

Rumbo al impacto

Felicitaciones a Wondersauce, la agencia detrás del rediseño de FADER. ¿Cómo es esto para hacer una declaración con el título de un artículo?

“Nunca nos metimos en el camino de los lectores con contenido adicional innecesario o diseño superfluo. El contenido reinó como rey; Un rey muy bien vestido. "- Wondersauce

¡Hermoso! 120 píxeles de la fuente Neutral naranja llamativa (ignoraremos el hecho de que este encabezado está marcado como 

).

El subtítulo también, Freight Text Pro en un 48px muy en su cara. De hecho, estos encabezados son tan masivos que hacen que el texto del cuerpo se vea pequeño, cuando en realidad se muestra a 19.2px (1.2rem) en pantallas grandes!

Edenspiekermann usa un masivo 1.92rem para darnos la bienvenida a su sitio web:

La fuente en cuestión es "Espi"; una versión interna de su propia Unidad FF (por Christian Schwartz y Erik Spiekermann) que se encuentra igualmente en casa como pantalla o tipo de letra del cuerpo. Y no sorprenderá que, aunque no sean una publicación editorial, Edenspiekermann también use un tipo de letra grande para su blog..

Fácil en los ojos

Jason Pamental le recomendará rápidamente la historia de la tipografía vietnamita de Donny Trương. El tipo de cuerpo grande (1.1875em o 19px), las combinaciones de fuentes de calidad (eche un vistazo a las ligaduras OpenType) y el contraste silenciado entre el tipo y el fondo, hacen que estas páginas sean muy fáciles de absorber.

En Vox, donde el cuerpo recibe un tamaño de fuente saludable de 19.5px (o equivalente), puede encontrar más colores fáciles de usar para los ojos. Solo deja que tus ojos se relajen, y lee ...

El tema de las combinaciones de colores nos lleva a nuestro próximo tema: El Forecaster. Este sitio web fue construido para acompañar un documental sobre el asesor financiero Martin Armstrong y sus predicciones sobre la economía mundial.

Inspirado en el clásico "salmón" utilizado por el Financial Times, este rosa reduce el contraste y mejora la experiencia de lectura. Es ciertamente distintivo, que es una de las razones atribuidas a la decisión original de FT de imprimir en papel de color. Una teoría quizás más apropiada es que el tinte rosado era más barato, debido a un blanqueo del papel menos extenso..

En cualquier caso, los colores son geniales y el tipo es masivo. El cuerpo llega en un 16px conservador, pero los encabezados se extienden para llenar el espacio disponible (utilizando una técnica similar a FitText).

Mercado de envato

Echa un vistazo a algunos de los temas a la venta en Envato Market y agrega un gran tipo a tu próximo proyecto web:

Tema de WordPress: BarcelonaTema de WordPress: Viernes Noticias

Para concluir

Como mencioné al principio; Me encanta el tipo grande. Me encantan los detalles que permite y me encantan cuando los diseñadores ponen el contenido de lectura en la parte superior de sus listas de prioridades. Espero que esta colección te inspire a ser audaz y a pensar en grande.!