Tipografía web que la gente leerá
Si no es un diseñador gráfico, es posible que no se dé cuenta de que los diseñadores gráficos prestan atención a cada detalle de cada palabra, hasta el espacio entre cada letra y el espacio entre cada palabra que se esfuerza por hacer que el contenido sea lo más fácil posible. Sin embargo, en la web, donde es especialmente importante mostrar bien su contenido, los diseñadores tienden a quedarse corto.
De todas las razones para pagar un título en diseño gráfico, considero que la compra de la composición es más importante. He visto muchos diseñadores "aficionados" que dominan Photoshop, Illustrator e InDesign, pero no pueden crear diseños profesionales porque los matices de tipo son increíblemente difíciles de captar.
En la web, un gran número de diseñadores "aficionados" toman esa tarea difícil y lo hacen más difícil al atraer a un público fugaz y feliz de clics. El lector web es mucho más quisquilloso y generalmente tiene la capacidad de atención de un mosquito. (Además, están tuiteando en su teléfono mientras leen su sitio web). Sin la toma de compensación adecuada, perderá una audiencia potencial, lectores o negocios.
Así que aquí hay algunos factores a considerar cuando se escribe de compensación para la impresión o la web. Comenzaré con algunas reglas tradicionales que son reglas de tipo general, sin importar dónde aparezca su tipo, luego entraré en reglas específicas de la web.
- Mira la longitud de la línea Lo creas o no, hay una cantidad óptima de caracteres por línea donde el cerebro de un lector se mantiene interesado y sus ojos no se fatigan. El equilibrio perfecto de lectura y ruptura ("romper" es la pausa mental que obtienes a medida que vas desde el final de una línea hasta el principio de la siguiente) hará que tu texto sea fácil de leer, y una longitud de línea más corta hará que tu texto se sienta inicialmente accesible en lugar de abrumador. ¿Cuánto tiempo dura demasiado? Todo el ancho de una página web es ridículamente demasiado largo. Piense en libros y periódicos y cómo rompen grandes bloques de texto en columnas. La longitud de línea típica y óptima es en algún lugar alrededor de 70-80 caracteres (incluidos los espacios), pero en realidad es una llamada de juicio basada en leer el texto y ver cuán fácil o difícil es leer y digerir.
- Presta atención al espacio (entre las letras, las palabras y las líneas) ||– 66 Graphic designers pay attention to every detail about their typography. By controlling the space between each letter overall (called “tracking”), we can make text more digestible and easier to skim. By adjusting the space between each line of text (called “leading”), we can help the reader move quickly up and down long blocks of text. Even manually adjusting each letter’s relationship to the letters around it (called “kerning”), can create a surprisingly more solid message.
- Crear jerarquía Probablemente el factor más importante cuando inicialmente se configura el tipo es crear jerarquía. Un diseñador necesita que su lector sepa en menos de un segundo lo que es importante leer primero, dónde mirar a continuación, dónde cuidar eso, etc. o tal vez el lector sabe lo que está buscando y necesita encontrar solo eso rápidamente. Cambiar los tamaños, los pesos, la ubicación, el espacio en blanco, las reglas de línea y el color son solo algunas maneras de comenzar a distinguir una pieza de contenido de otro y controlar cómo su lector ve su información.
- Sea generoso con el espacio en blanco == El último "consejo" tradicional compatible con el que revisaré es el espacio en blanco. El espacio en blanco es el espacio alrededor de los bloques de texto, imágenes o cualquier objeto en su página. Es muy importante enmarcar su contenido con el espacio en blanco para que se sienta fácil de sumergirse y no abruma a su lector.
- Plan para skimmers En la web, un lector típico tiene una capacidad de atención mucho más corta que alguien que lee material impreso. Por lo general, las personas intentan encontrar rápidamente la información que desean entre el mar de basura que es Internet. Entonces se escabullen. Si leemos cada palabra de texto mientras buscamos la información que queríamos, nunca encontraríamos nada. Por lo tanto, cuando se escribe de manera compatible para la web, mantenga un patrón de lectura en forma de F en forma de |acción 74 F-shaped reading pattern en mente. Los usuarios leen de izquierda a derecha y de arriba a abajo (al menos en los EE. UU.). Esto significa que los skimmers leerán las primeras dos palabras de un párrafo, y si no parece que vaya a tener la información que desean, saltarán a las primeras dos palabras del próximo párrafo. Mantenga su texto corto y roto. Me gusta seguir dos pautas simples. No más de dos o tres oraciones por párrafo, y cada párrafo obtiene un título. Por supuesto, no siempre puedo seguir con eso exactamente, pero ciertamente lo intento.
- Tipo de tipo para la interacción Los lectores web saben que la información que necesitan no está necesariamente en la página que están viendo actualmente. Mover de página a página de manera no lineal es una de las ventajas más grandes de Internet en general. Por lo tanto, los lectores no solo están hechizando su contenido real, sino que también están hechizando sus enlaces, en caso de que haya un mejor lugar para que aterricen. Haga que sus hipervínculos se destaquen bien y haga que la copia cuente. Lectores web Skim by Lectura los primeros 11 caracteres de los titulares e hipervínculos .