Ocho consejos para el diseño de páginas web
1. Controla los tipos de fuentes
En términos generales, si utilizas tres o más tipos de fuentes diferentes en el texto de una página web, la estructura del sitio web será muy confusa. Esto afectará en gran medida la legibilidad del contenido del sitio web. Por lo tanto, debemos controlar la cantidad de tipos de fuentes en el sitio web. La forma más sencilla aquí es limitarse a una fuente en el sitio web. Por lo general, una fuente puede satisfacer las necesidades de navegación de la mayoría de los visitantes. Si necesita utilizar dos tipos diferentes de fuentes en su sitio web, asegúrese de que las dos fuentes estén coordinadas y funcionen bien juntas.
Utilice fuentes estándar
Los proveedores de fuentes como Googlewebfonts y Typelkit suelen proporcionar fuentes interesantes. Aunque estas fuentes pueden brindar una nueva experiencia a los usuarios y son fáciles de usar, el editor aún recomienda usar fuentes más estándar. Esto se debe a que no todos los ordenadores de los visitantes tienen la fuente particular que desea utilizar. Por ejemplo, Microsoft Yahei en computadoras con Windows no es una fuente estándar para Mac. Si usa Microsoft Yahei en una página web, se mostrará de manera plana en Mac y el efecto de fuente original no se podrá mostrar bien. Por lo tanto, para garantizar que todos los usuarios puedan obtener una buena experiencia de navegación, es mejor utilizar fuentes estándar en las páginas web. La elección de fuentes estándar se puede determinar en función de los hábitos de lectura del grupo objetivo y de los dispositivos utilizados.
3. Controla la longitud de cada línea de texto
El número de caracteres en cada línea de texto afecta directamente a la legibilidad del contenido del sitio web. Si cada línea de texto es demasiado corta, los usuarios tendrán que escanear de un lado a otro, lo que alterará el ritmo de lectura y, si el texto es demasiado largo, les resultará difícil mantener la atención; El editor aquí recomienda entre 35 y 45 caracteres por línea para fuentes chinas y 60 caracteres por línea para fuentes en inglés (esto es para PC, la longitud del texto debe ser más corta debido a la pantalla más pequeña);
Elija la fuente adecuada
En una era en la que los dispositivos móviles son omnipresentes, los usuarios están destinados a navegar por sitios web a través de diferentes dispositivos móviles y con diferentes resoluciones. Por lo tanto, debemos elegir una fuente adecuada, una fuente que se pueda representar bien en diferentes tamaños de pantalla y diferentes pesos de fuente para garantizar la legibilidad del contenido del sitio web. El editor aquí recomienda usar Microsoft Yahei para fuentes chinas y Calibri, Arial, etc. para fuentes inglesas.
5. Preste atención al control de la altura de la línea
La altura de la línea también es un concepto muy importante en el diseño de una página web. En pocas palabras, la altura de la línea es el interlineado. Normalmente, el interlineado debe ser 30 veces la altura del texto para garantizar la legibilidad del contenido del sitio web. Las investigaciones han descubierto que si el espaciado de cada línea de texto está bien controlado, la eficiencia de lectura de todo el sitio web se puede mejorar en 20 y los usuarios pueden digerir mejor el contenido del sitio web.
6. Garantizar un contraste de color razonable.
Cuando utilizamos texto en una web, también debemos prestar atención al contraste entre el texto y el fondo. Cuanto más obvio sea el texto, más rápido podrán los usuarios acceder al contenido del sitio web. Cuando determinamos la combinación de colores del sitio web, debemos probarla en tantos dispositivos como sea posible para asegurarnos de que los usuarios de diferentes dispositivos puedan obtener buenos efectos de navegación.
7. Evite el uso de texto rojo o verde
En el sitio web, a veces usamos texto en colores para resaltar cierta información, así que trate de no usar texto rojo o verde. En este momento, dado que el daltonismo rojo y verde es una de las discapacidades visuales más comunes, en ocasiones puede afectar la transmisión efectiva de información. Si realmente desea utilizar rojo y verde en su sitio web, recuerde utilizar otros métodos de diferenciación como negrita, diagonal y subrayado siempre que sea posible.
8. Evite el uso de texto parpadeante
A algunos webmasters les gusta utilizar texto parpadeante en sus sitios web para atraer la atención de los usuarios. Esta es tanto la ventaja como la desventaja del texto parpadeante.
Muchos usuarios se quejan de que este texto resulta demasiado molesto y distrae. Por lo tanto, el editor sugiere que es mejor evitar el uso de texto parpadeante en su sitio web. Después de todo, hay más de una forma de captar la atención de un usuario.
El diseño tipográfico juega un papel muy importante en los sitios web. El editor cree que siempre que domine con flexibilidad las ocho habilidades anteriores, podrá realizar un diseño de diseño satisfactorio.