Modelos y tendencias del diseño tipográfico contemporáneo de 2018

Una tipografía o diseño tipográfico, en general, se considera una de las partes vitales de la arquitectura web exitosa. Especialmente para aquellos destinos que contienen muchas sustancias, como artículos, noticias, revistas web e historias. Además, mejora la reunión general con los clientes. Posteriormente, como creador o ingeniero, debe aceptar esto tan auténtico como el esquema de su sitio del progreso de la portabilidad web receptiva, han aparecido nuevos métodos de lectura y contenido. Que presenta otra calidad con múltiples caras con nuevas dificultades de ejecución para que la tipografía web sea rica, adaptable y disponible siempre que sea posible.
Hemos analizado numerosos sitios en los que la atención sobre el contenido basado en el texto, en lugar de la legibilidad gráfica genérica del contenido, es la principal preocupación de estas publicaciones. En este artículo, investigaremos algunos ejemplos de arquitectura web y tipografía web actual. Para descubrir patrones de contorno tipográfico que son comunes en el plano web actual y para determinar algunos problemas tipográficos normales, hemos liderado una extensa investigación en 50 sitios prominentes que la tipografía es más importante de lo esperado (o si nada más tiene que contar más que esperado). Elegimos periódicos famosos, revistas y revistas en línea y, además, diferentes sitios relacionados con la impresión.
Rompí cuidadosamente su tipografía y plantillas y busqué similitudes y contrastes. Además, ensamblamos una hoja de cálculo del examen que muestra las diferentes cualidades de los sitios (por ejemplo, la proporción entre la estatura y la longitud de la línea). Fuentes populares serif y sans-serif: una tipografía tiene la capacidad de establecer el tono para todo el sitio. Y una decisión incorrecta podría enviar el mensaje incorrecto. Contrastar una característica serif con un cuerpo estándar de trineo o viceversa puede aumentar el interés visual general y el significado de un sitio. La fuente es una de las preguntas más discutidas e inciertas sobre la composición en la web. A algunos creadores les gusta ofrecer serifs para sus características (que son líneas cortas, que mejoran hacia el final de las líneas de letras) para darles más interés. La principal motivación para elegir un estilo de texto Serif para sus características es que, de un tamaño sustancial, la serie de texto con serif es algo más que difícil de leer y se ve increíble. La diferencia entre una serie de texto serif para características y un estilo de texto de detección de SAN para la duplicación del cuerpo también puede ser fascinante.

Algunos creadores se inclinan hacia los estilos de texto de Serif para duplicar el cuerpo, porque confían en las líneas de las líneas de letras ayudan a los usuarios a dirigir a los lectores que comienzan con una letra y luego la siguiente, haciendo que la verificación y la lectura sea más agradable.
Los dos tipos de personajes más destacados son Georgia, utilizados en sitios como The Guardian y Financial Times, y Arial, que se encuentran en el sitio web de la BBC.
Las fuentes serif más extendidas para las características son Georgia (14%) y Chaparral Pro (6%). Las fuentes más extendidas para valores corporales son Georgia (20%) y Chaparral Pro (4%).
El 66% de las fuentes de personajes y el 39% de las fuentes de copias del cuerpo se encuentran en un ejemplo.
Las fuentes Sans-Serif más conocidas para la duplicación del cuerpo son Arial (14%) y Helvetic (6%).
Las fuentes SANS-Service más populares para los títulos son Arial (28%), Helvetica (20%) y Verdana (8%).
Otras fuentes populares: en impactantes, a pesar del desarrollo de la fama de las estrategias para reemplazar los estilos de texto y la accesibilidad de los nuevos estilos textuales pre-conferentes (por ejemplo, los estilos textuales de Windows Vista y Mac), los contornos de nuestra investigación han usado primero De todos, los estilos textuales ordinarios del centro web, las principales excepciones son lúcidas. Grande (que solo viene en Mac), Helvetica y Baskerville.
Como se esperaba, Arial, Georgia y Verdana se usan para la mayoría de la copia del cuerpo hoy. En nuestro examen, alrededor del 80% de los sitios usaron uno de estos tres estilos de texto. Para el 20% restante, los diseñadores helvéticos más queridos es una decisión bien conocida, así como Lucida Grande. Con opciones, por ejemplo, Verdana y Arial accesibles como alternativas, un creador realmente no tiene razón para no indicar otros estilos de texto no estándar para obtener el mejor impacto. Puede obtener más información sobre las últimas pilas de estilo textual en el artículo de Nathan Ford Better CSS Font Stacks and Code Styles crea mejores pilas de fuentes CSS.
Verdana se usa de manera insignificante para las funciones.Solo 10 sitios lo usan para la duplicación del cuerpo primero y solo cuatro lo usan para funciones.La razón principal es que Verdana pone mucha separación entre las letras, lo que no hace que no sea tan limpio leer cuidadosamente a un gran tamaño.Si lo usa para funciones, es posible que deba explotar la propiedad de separación de letras CSS.Georgia y Arial son los estilos textuales más conocidos para los títulos.Fondo abierto o oscuro: estábamos interesados ​​en comprender el grado en que los creadores estaban listos para probar cosas diferentes con base débil.Prestamos especial atención a cualquier sitio organizado con tipografía que tenía un plan de sombreado aburrido y nos sorprendió descubrir no uno.
La base blanca sin cambios para el duplicado del cuerpo ganó con un gran margen. En cualquier caso, una gran cantidad de planes mantienen una distancia estratégica del complejo alto de blanco inalterado en la oscuridad; La sombra del contenido a menudo se hace algo más abierta que la oscuridad oscura. Los creadores se concentran inequívocamente en el orden y se abstienen de explorar las diferentes formas con respecto a los tonos de la fundación. La diferencia en Dark on White no es difícil de examinar y es, en cualquier caso, entre estos sitios, las condiciones existentes. El contraste es igual de esencial: el contenido oscuro en una piel blanca es un ejemplo típico de duplicación del cuerpo. La complejidad es el factor central, si el contenido no es difícil de leer. Las grandes complejidades simplificarán el mensaje para los ojos. Fácil de filtrar rápidamente. Y generalmente más inteligible. Luego, nuevamente, una diferencia débil obligará al cliente a mover los ojos. Y haga que leer el mensaje del cuerpo relativamente atormentador, también con una tonelada más lenta.
Como apareció en la delimitación acompañante, Dark on White es extremadamente significativo. El blanco oscuro es claramente los tonos de diferenciación estándar y, para lograr una sustancia visible, cree que permanecen en el alcance de la oscuridad sobre el blanco. Esto, sin embargo, Pink on Blue, es casi difícil de leer. Este modelo puede ser algo extraordinario. Sin embargo, indica cómo una complejidad tan terrible puede afectar en gran medida el contenido. Probablemente no verá sitios que usen una complejidad tan débil. Sin embargo, a pesar de todos, indica por qué debe ser excepcionalmente perspicaz a este respecto. La línea y la longitud de la copia del cuerpo: obviamente, la decisión del texto característico se basa en el estilo textual utilizado en el plano. De todos modos, en nuestra investigación, las dimensiones más importantes del texto fueron de 18 a 29 píxeles. 18 a 20 píxeles y 24 a 26 píxeles son las decisiones más extendidas.


Nuestra investigación no dio ningún ganador razonable. El tamaño normal del texto para títulos es de 25.6 píxeles. En cualquier caso, tenga en cuenta que cualquier tamaño en algún lugar del rango 18 y 29 píxeles podría ser viable. Depende de todas las cosas tomadas en cuenta, de cómo sus títulos coinciden con el contorno general de su sitio. A la luz del hecho de que las presentaciones se están volviendo más grandes, como objetivos de espectáculos.

Fila y longitud para títulos: ¿Recuerdas hace unos siete años, cuando los planes web tenían pocos componentes apenas descifrables? ¿Y el duplicado del cuerpo se estableció en 8 píxeles en Tahoma? El pequeño tamaño del texto está disponible. Y un número creciente de creadores actuales se mueve a enormes dimensiones de texto. A partir de nuestro ejemplo de medida, hemos visto una inclinación inconfundible hacia las dimensiones en algún lugar del rango de 12 y 14 píxeles. El tamaño de texto más conocido (38%) es de 13 píxeles, con 14 píxeles más extendidos que 12 píxeles. En general, el tamaño normal del texto para la duplicación del cuerpo es de 13 píxeles. He notado (como se esperaba) que se presta cada vez más atención a los elementos tipográficos más pequeños. Se establecieron configuraciones deliberadamente, citas, comentarios, nombres de creadores, contenido inicial y pasajes. A la luz de la inteligencia ideal. La configuración de clasificación es normalmente excepcionalmente confiable, con una gran cantidad de espacio libre, conducir y depreciación. La miniatura de los patrones tipográficos: el espacio negativo en la tipografía influye específicamente en la creación general. Y también para agregar componentes de página pequeñas mientras tanto. Al planificar la tipografía, la decoración es sobre todo.