Compartir elementos de diseño estándar en el diseño de la interfaz de usuario
Los íconos son el toque final en el diseño de páginas web y 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, que puede mejorar la estética del diseño de la interfaz.
Dos. Tipo de icono
Actualmente, no existe una clasificación autorizada de tipos de iconos. Los dividí en dos categorías según su propósito: "íconos funcionales" e "íconos 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 y, 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 los sistemas iOS y las opciones del menú deslizante del lado izquierdo en Material Design. Algunos íconos en listas o tarjetas también son íconos de funciones, pero este ícono generalmente representa una función, mientras que el ícono de la barra de pestañas inferior generalmente representa una página o sección. 2. Íconos de visualización
En comparación con los íconos funcionales, los íconos 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, temperamento e 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 línea plana, icono plano, icono de imitación de luz, icono de imitación, icono dibujado a mano, etc. Cubriré 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. Iconos de cara
Los iconos de superficie pueden entenderse simplemente como rellenos de iconos lineales, pero los iconos de superficie son más estables y sólidos que los iconos lineales y transmiten el color de forma clara y clara.
3. Ícono de combinación línea-superficie
El representante típico del ícono de combinación línea-superficie es el ícono de "estilo MBE", cuyas características de diseño son una combinación de bordes de dibujo rugosos y superficies rellenas compensadas, tanto inteligentes como vívidas. Las líneas gruesas juegan un papel absoluto a la hora de dividir la imagen, resaltar el contenido y mostrarla con claridad.
Lo anterior es el intercambio relevante de elementos de diseño de íconos por parte de los editores globales de Ivy. La industria del diseño de UI ha estado muy de moda en los últimos años. Si quieres aprender ¡hazlo ahora!