¿Qué son exactamente las especificaciones de diseño de UI (qué incluyen las especificaciones de diseño de UI)?

Sin reglas no habría círculo. El diseño de la interfaz de usuario no es una excepción. Existen especificaciones de diseño, y las especificaciones recomendadas por el sistema pueden unificar nuestro diseño y hacer que la interfaz sea visualmente más hermosa.

Si desea completar la tarea de diseño de manera eficiente y sin problemas, debe cumplir con las especificaciones de diseño de la interfaz de usuario.

Las especificaciones presentadas aquí hoy son "cosas puramente secas" que un buen diseñador de UI debe conocer y también pueden brindarle una comprensión profunda de la esencia de las especificaciones de diseño de UI.

Especificaciones de iconos

Muchos diseñadores piensan que el diseño de UI consiste en diseñar iconos. Aunque este no es el caso, el diseño de iconos es un vínculo relativamente básico en todo el diseño de la interfaz de usuario.

Los íconos, al igual que los logotipos de marcas, requieren una sustracción adecuada en el diseño. Intente utilizar líneas simples para expresar su significado y trate de evitar diseños con estructuras de líneas demasiado complejas.

Y el estilo general del ícono debe ser consistente, como el grosor de la línea, la curvatura de las esquinas, la relación de aspecto, el estilo, etc.

Especialmente para los recién llegados, así que echemos un vistazo a las especificaciones del diseño de íconos:

1

Alineación de píxeles

Debe ser estricta Alinee los píxeles, especialmente al crear íconos de menor tamaño. Si no se sigue estrictamente la alineación de píxeles, habrá problemas con el efecto de visualización final.

2

Operaciones booleanas multipropósito

Al crear íconos, trate de no usar un lápiz si puede usar gráficos básicos para realizar operaciones booleanas. Los beneficios de hacer esto son los siguientes:

oHaz que tus íconos sean más estandarizados.

oTener una comprensión más profunda de la estructura gráfica

oSerá más conveniente transformarla en el futuro.

Tres

Estilo único

Al crear una serie de íconos, debes establecer un estilo y un principio para los íconos en la etapa inicial para que se vean como Sea diferente.

Cabe mencionar aquí que cuando hacemos iconos lineales, debemos asegurarnos de que el grosor de los trazos sea consistente y las esquinas suaves. Sin seguir estas reglas básicas, no habrá unidad estilística ni innovación.

Cuatro

Unidad de tamaño visual

Al diseñar íconos, usaremos líneas auxiliares de cuadrícula para ayudarnos a ser más rigurosos y cautelosos, pero no deben ser asistido Si estás atrapado por líneas, debes aprender a usarlas con flexibilidad para mantener la unidad de tamaño visual.

En el entorno de diseño de aplicaciones actual, algunos expertos en diseño de aplicaciones siempre han enfatizado que los diseñadores deben tener conocimiento de la marca.

Luego, en el diseño de iconos también se debe hacer hincapié en el “branding”. En pocas palabras, se trata de convertir los conceptos abstractos de la marca en gráficos concretos y aplicar los colores principales y secundarios de la marca al diseño del ícono.

También se recomienda que completes un trabajo temático cada semana para mejorar tus capacidades de diseño gráfico.

Especificaciones de las etiquetas

Cómo ordenar las ideas para el etiquetado: desmantelar el pensamiento estructurado, dividir los problemas grandes en problemas pequeños y resolverlos uno por uno.

Las anotaciones incluyen principalmente los siguientes cuatro atributos diferentes: tamaño, texto, espaciado y color.

Al etiquetar, primero elimine la barra de navegación y la barra de pestañas, porque estos controles tienen una amplia gama de usos y deben etiquetarse por separado. Aquí simplemente tomamos como ejemplo el marcado del área de contenido.