¿Cuánto sabes sobre la selección de fuentes en el diseño de la interfaz de usuario?
Hay varias fuentes de uso común en páginas web
Tamaños de fuente comúnmente utilizados en terminales móviles: Tamaño de fuente del título principal de navegación: 40-42 px, el tamaño de fuente más pequeño de 40 px parece más refinado. El tamaño de fuente para la visualización de texto interno es 32 px para texto grande, 26 px para subtexto y 20 px para texto pequeño.
El uso del contenido será diferente según el tipo de Aplicación. Por ejemplo, las aplicaciones de noticias o las aplicaciones de lectura de texto prestan más atención a la conveniencia de la lectura de texto. El tamaño del texto principal es de 36 píxeles y estará en negrita de forma selectiva. Las aplicaciones que están en formato de lista y basadas en herramientas generalmente tienen un tamaño de texto de 32 píxeles y no están en negrita. La subcopia es de 26 px, la fuente pequeña es de 20 px y el tamaño de fuente de 26 px también se usa para redacción publicitaria rápida para dividir categorías, porque se espera que los usuarios lean dicho texto, pero no debe sobrepasar la guía del texto principal. información de la lista. El tamaño de fuente de 36px también se utiliza a menudo en botones grandes de la página. Para aumentar la jerarquía de los botones y mejorar la guía de los mismos, se eligió una fuente ligeramente más grande. Como fuente de texto para el cuerpo, 20pt proporciona la mejor experiencia de lectura. Para hacer frente al envejecimiento global, incluso puedes considerar una fuente predeterminada para el texto del cuerpo más grande.
Fuentes de uso común
1. Suave y estable: Microsoft Yahei/Fundador Zhonghei
Serie Microsoft Yahei: esta fuente se usa en diseño web. Muy común, esta El modelo tiene una forma muy regular y cómoda tanto si se agranda como si se reduce. En el proceso de diseño, se recomienda utilizar Yahei con más frecuencia, utilizar fuentes en negrita para títulos grandes y fuentes normales para el texto principal.
Fundador Zhengzheng Medium Black Series: Los trazos de fuente de la serie Medium Black son más nítidos y gruesos, y generalmente se utilizan en el texto del título. Sin embargo, esta fuente no es adecuada para texto porque los bordes son relativamente complejos y demasiadas palabras afectarán la lectura del usuario.
2. Mantente al día: Serie Founder Lanting
Serie Founder Lanting: Personalmente, la más recomendada es esta serie de fuentes. Las fuentes de toda la serie Lanting incluyen negro grande. y negro preciso, negro delgado, negro ultrafino, etc. Debido a que los trazos son claros y concisos, este tipo de fuente es suficiente para satisfacer las necesidades del diseño tipográfico. Al combinar diferentes fuentes en esta serie, no sólo se puede garantizar la unidad de las fuentes, sino que también se pueden distinguir bien las capas del texto.
3. Fuerte, poderosa y deportiva: Hanyi Lingxinjian / Zaozi Gongfang Lihei / Zaozi Gongfang Jinhei
Entre estas fuentes, tienen ** *Características únicas, la fuente es muy poderosa y grueso. Básicamente, son principalmente líneas rectas y diagonales. Adecuado para publicidad y uso de funciones. Al utilizar este tipo de fuente, podemos utilizar un estilo de fuente en ángulo para que el texto parezca más dinámico. Entre estas tres fuentes, Lingxin y Zizao Gongfanglihei utilizan círculos y esquinas redondeadas en trazos y esquinas. Además, los trazos son relativamente sueltos, lo que le da un ambiente más moderno y femenino. La fuente Jinhei es relativamente más gruesa y cuadrada. Este tipo de fuente se utiliza a menudo en imágenes grandes y el efecto es más prominente.
Lo anterior es el contenido compartido por el editor de Global Ivy sobre fuentes de diseño de interfaz de usuario. Espero que sea útil para todos. Si desea conocer más contenido relacionado, ¡preste atención a esta plataforma!