No se puede dejar de enfatizar el procesamiento de fuentes en el diseño web. Después de todo, las páginas web se utilizan para transmitir información y la forma más clásica y directa de transmitir información es el texto. Por lo tanto, comprender algunos conocimientos básicos sobre las fuentes sigue siendo muy importante para el diseño. de.
La mayor diferencia entre el chino y el inglés es que el chino tiene caracteres cuadrados y el inglés tiene caracteres pinyin. Esto tiene un gran impacto en el procesamiento de fuentes. Si observa el diagrama a continuación, encontrará que los cambios en la fuente en inglés se debilitan en la fuente china.
Como lector chino, habitualmente acepto la forma cuadrada como unidad de lectura. De hecho, esta es una manera fácil de cansar los ojos. Al leer, tus ojos en realidad siguen la forma de toda la línea de texto. Echa un vistazo a este ejemplo.
AHORA HE INTENTADO HABLAR CONTIGO Y HACERTE ENTENDER
Ahora he intentado hablar contigo y hacerte entender.
¿Qué línea es más fácil de leer?
La primera línea es algo similar a la situación en chino, la diferencia es que cada carácter chino es como una pintura y sus cambios son mucho más ricos que las 26 letras en inglés. Para nosotros, aceptamos esta característica, pero al diseñar todavía hay. Algunas cuestiones que deben considerarse. No soy diseñador. Si lo que dije es incorrecto, deje un mensaje a continuación para discutirlo. Estos contenidos se presentan como principios generales cuando enseño Tipografía. También les digo a los estudiantes: "El propósito de la regla es romper la regla". El principio de diseño en sí es romper el principio, lo cual es también una manifestación de la llamada creatividad. El problema es que primero necesitas conocer los principios y practicar de acuerdo con ellos. Sólo después de estar familiarizado con los principios podrás romper los principios y mostrar tu creatividad. Romper los principios no significa que los principios sean defectuosos o incorrectos. pero solo por su ingenioso uso de estos principios, rompió algunos y al mismo tiempo hizo alguna compensación por las partes que rompió, lo que parece bastante filosófico.
Personalmente creo que los principios más importantes son (aplicables al inglés):
Al elegir una fuente, debes considerar el propósito del texto: ¿es un título o un párrafo?
En términos generales, las fuentes san serif son adecuadas para usar como títulos, como Arial; las fuentes serif son adecuadas para usar como texto de párrafo, como Time New Roman. Para el diseño web, existen varias fuentes que recomiendo mucho, como verdana, tahoma y georgia. De hecho, una fuente como Verdana fue diseñada por los mejores diseñadores de fuentes del mundo durante casi dos años. Microsoft es responsable de pagar la factura y luego la proporciona a los usuarios de forma gratuita. Esta fuente es parte de la instalación de IE 4. Para la versión anterior, su computadora debe tener esta fuente, por lo que no tiene que preocuparse por si el usuario tiene esta fuente. Está diseñado para tener en cuenta los problemas que pueden enfrentar las fuentes cuando se muestran en la pantalla y proporciona respuestas casi perfectas. El único problema es que su casi perfección nos deja sin personalidad a la hora de utilizarlo, porque todo el mundo lo utiliza.
¿Tamaño de fuente?
Hay muchas discusiones en el foro sobre cual es mejor, pixle o point? No lo repetiré. Lo que quiero señalar aquí es que hay muchas unidades diferentes de tamaño de fuente en CSS y aproximadamente tres categorías:
Tamaño absoluto: mm, cm, in, pt, pc
Tamaño relativo: em, ex
Relativo al dispositivo: px
Quizás quiera decir algunas palabras más sobre em y ex. Em representa el tamaño de fuente en CSS. Por ejemplo, para una fuente de 12 pt, 1 em es igual a 12 pt.
pag {
tamaño de fuente: 10 puntos;
sangría de texto: 1em
}
Tal vez dirá que puedo usar sangría de texto: 10 puntos para lograr el mismo efecto, pero eso es solo en circunstancias ideales si el usuario siente que es mejor configurar el tamaño de fuente de su navegador en 14 puntos, la proporción que diseña. Se pierde, por lo que el tamaño relativo es muy beneficioso para el diseño de escalabilidad de las páginas web.
ex es similar a em, pero no igual. Volviendo al diagrama anterior, la altura x es diferente para cada fuente. ex define el tamaño de la fuente en función de la altura x de la fuente.
¿Alineación?
Es mejor usar la alineación a la izquierda, especialmente evitar usar la alineación a la izquierda y a la derecha, a menos que tenga un propósito de diseño especial. La desalineación del lado derecho cuando se alinea a la izquierda es solo para facilitar la lectura. a tu vista. Usa cambios para decirle a tus ojos que es hora de cambiar de línea.
¿Espaciado entre líneas?
El interlineado depende del tamaño de la fuente. En términos generales, los tamaños de fuente pequeños requieren un interlineado más grande para facilitar la lectura. Si no hay una configuración de interlineado para las fuentes chinas en una página web, será un desastre para los lectores leer párrafos grandes. del texto. Por lo tanto, es muy necesario establecer la altura de línea apropiadamente. Generalmente, la altura de la línea en el diseño web debe ser de 1,5 a 2 veces el tamaño de fuente. En Word y otros programas de edición de texto, el 120% de la fuente generalmente se establece como interlineado predeterminado. La configuración de altura de línea en CSS se divide uniformemente y se agrega en la parte superior e inferior de cada línea. Es decir, si la altura de línea se establece en 20 píxeles, cada línea de texto tendrá un espacio de 10 píxeles en la parte superior y superior. abajo.
¿Espaciado entre palabras y entre caracteres?
Para propósitos muy especiales, los dos deberían ser iguales para los chinos. Esta configuración en sí tiene como objetivo resolver ciertos defectos de diseño de fuentes y aumentar la legibilidad del texto.