¿Elementos de diseño de iconos de diseño de interfaz de usuario?
Los íconos son el toque final en el diseño web y de aplicaciones. No solo pueden ayudar a transmitir información de texto, sino que también pueden reconocerse eficientemente como portadores de información. Los iconos también tienen cierto efecto decorativo y pueden mejorar la estética del diseño de la interfaz.
Dos. Tipos de iconos
Actualmente, no existe una clasificación autorizada de tipos de iconos. Los divido en dos categorías según su finalidad: "iconos de función" e "iconos de visualización".
1. Iconos de funciones
En términos generales, todos los iconos en los que los usuarios pueden hacer clic en la interfaz de usuario pueden considerarse iconos de funciones, que a menudo representan una función o un salto de enlace. Los escenarios de aplicación típicos para este tipo de ícono son la barra de pestañas inferior en el sistema iOS y la opción del menú deslizante del lado izquierdo en MaterialDesign. Algunos íconos en listas o tarjetas también son íconos funcionales, pero dichos íconos a menudo representan una función, mientras que los íconos de la barra de pestañas inferior a menudo representan una página o sección. 2. Iconos de visualización
En comparación con los iconos funcionales, los iconos de visualización tienen más sentido de diseño y son únicos, connotativos e identificables. En términos generales, el ícono de visualización es principalmente el ícono de inicio de la aplicación. Este tipo de ícono representa los atributos, el temperamento y la imagen de marca de un producto.
Tres. Estilo de icono
El diseño de iconos tiene muchos estilos, como: icono lineal, icono plano, icono de superficie lineal, icono plano, icono de imitación de luz, icono de imitación, icono dibujado a mano, etc. Permítanme presentarles brevemente algunos íconos comunes.
1. Iconos lineales
Los iconos lineales son estilos de iconos compuestos por líneas rectas, curvas, puntos y otros elementos. Este tipo de ícono es liviano y simple, tiene cierto espacio para la imaginación y no causará demasiada interferencia visual en la interfaz.
2. Íconos de caras
Los íconos curvos pueden entenderse simplemente como el relleno de íconos lineales, pero los íconos curvos son más estables y tridimensionales que los íconos lineales, y transmiten el color con claridad.
3. Icono de combinación línea-superficie
El representante típico del icono de combinación línea-superficie es el icono de "estilo MBE", cuyas características de diseño son una combinación de bordes de dibujo rugosos y Superficies rellenas compensadas, inteligentes y vívidas. Las líneas gruesas juegan un papel absoluto a la hora de dividir la imagen, resaltar el contenido y mostrar claridad.