Consejos prácticos para el diseño de la interfaz de usuario

Introducción Con el desarrollo de la sociedad, los requisitos visuales de las personas son cada vez mayores. Como resultado, los talentos profesionales del diseño de UI son muy escasos. para ayudar a todos en el trabajo El proceso se está volviendo más eficiente y de alta calidad. El editor ha recopilado siete consejos prácticos para el diseño de la interfaz de usuario, con la esperanza de que sean útiles para todos.

1. ¡Para una mejor combinación de fuentes, elija "fuentes extra grandes"!

Es muy difícil encontrar la combinación correcta entre innumerables fuentes. Esto debe preocuparte, ¡así que prueba "superfuente"!

Lo que generalmente se llama "superfuente" (SuperFamily) en realidad se refiere a un grupo de serifas que están empaquetadas juntas y se pueden distribuir entre sí. A diferencia de las sans-serif, sus estilos y detalles son diferentes, pero el efecto de distribución mutua es relativamente bueno.

Mis fuertes recomendaciones personales son distribuciones como Merriweather y Merriweather Sans, Roboto y Roboto Slab.

La mayor ventaja de "Super Large Font" es que es una combinación de alta calidad que ha sido verificada, por lo que no tienes que preocuparte al usarla~

2 Reducir la distancia entre el texto del título y el equilibrio visual es mejor

¡Usar un mayor espacio entre palabras en el texto del título es uno de los tabúes más comunes en el diseño!

Al expandir el texto, use proporciones regulares de palabras La distancia parecerá más obvia y un poco "escasa" visualmente. Reducir la distancia de las palabras puede hacer que el texto del título sea más compacto, más equilibrado visualmente y, en general, más agradable.

3. Preste atención al ritmo de la distancia de las líneas verticales y la distancia del escenario.

Cuando desee que el ritmo del diseño general sea satisfactorio, es necesario reajustar la distancia de las líneas y distancia del escenario de manera específica.

Debe seguir el principio de proximidad para acercar la distancia entre los títulos relacionados y el texto, dejar que los bloques de contenido irrelevantes se separen entre sí y luego la distancia continuará naturalmente.

En términos generales, puedes agrandar el espacio encima del título y reducir el espacio debajo del título, y eso está bien.

4. Si el título es muy corto, puedes intentar utilizar todo en mayúsculas.

En las páginas en inglés, el reconocimiento de texto en mayúsculas es en realidad relativamente menor y el texto más largo. El texto del título es aún más difícil de leer usando letras mayúsculas. Pero para títulos cortos con sólo una o dos palabras, es mucho más fácil de identificar.

Por otro lado, usar letras minúsculas para un título corto no se verá completo. En este momento, usar letras mayúsculas puede hacerlo más sobresaliente visualmente.

En consecuencia, en títulos cortos que utilizan todas las letras mayúsculas, las palabras espaciadas apropiadamente pueden aumentar la sensación de respiración y reducir la sensación de opresión.

Si esto hace que tu título sea más conciso y claro... ¡entonces hazlo!

Si es posible, haz que el título sea lo más simple y poderoso posible.

Por ejemplo, un título como "Es tu estilo y a tu manera" se puede condensar directamente en "Tu estilo. A tu manera".

Estos títulos son más fáciles de leer, más potentes y más fáciles de digerir y percibir.

Por supuesto, estas técnicas de planificación de documentos deben optimizarse según la tarea y el campo, y este método no es aplicable a todos los campos.

6. Al elegir fuentes, intente elegir fuentes con muchos pesos diferentes.

¿Las fuentes que descarga o compra tienen muchos grosores, pesos y estilos diferentes para usted?

Si tienes la opción, intenta comprar o elegir una familia de fuentes que tenga muchos pesos diferentes. Suponiendo que esta fuente solo requiere un peso, le sugiero que intente evitarlo.

En muchos proyectos de diseño diferentes, se pueden usar diferentes pesos de fuente en diferentes situaciones. Si solo tiene un peso de fuente, entonces solo puede elegir otras fuentes o necesita comprar fuentes adicionales. molesto.

Incluso si esta fuente incluye dos o tres estilos o pesos diferentes, es suficiente para satisfacer muchas necesidades diferentes y crear un diseño rítmico.

7. Elija fuentes que se ajusten al estilo y temperamento del diseño.

Diferentes fuentes tienen diferentes estilos. Algunas fuentes son gruesas y poderosas, algunas son suaves y naturales, algunas son modernas y regulares, algunas son armoniosas y cómodas, algunas son divertidas y divertidas, etc.

Cada fuente tiene un temperamento diferente. Debe comprender las características del temperamento de la fuente y resumir estas características con conocimiento. Cuando se trata de diferentes proyectos de diseño, puede encontrar rápidamente fuentes que coincidan con el temperamento.

Esto puede parecer una tarea difícil, pero a la larga, puede ayudarle a resolver varios problemas de planificación más rápidamente.

Conclusión

Muchas técnicas no son complicadas e incluso pueden considerarse triviales. Pero si utilizas bien estos consejos, tu planificación puede obtener el doble de resultado con la mitad de esfuerzo.

Lo anterior es el contenido relevante que el editor ha compilado y compartido con ustedes hoy sobre "Habilidades prácticas en la composición tipográfica de interfaces de diseño de interfaz de usuario". En cuanto a cómo convertirse en un diseñador de UI sin base, el editor cree que debes practicar las habilidades básicas con diligencia y estudiar mucho para convertirte en un diseñador de UI calificado tarde o temprano.