Habilidades que necesitas dominar en el diseño de iconos
Para los diseñadores de UI, la capacidad de diseñar íconos es crucial y es una forma importante de mejorar la experiencia sensorial. Algunos diseñadores que recién ingresan a la industria están acostumbrados a descargar materiales de íconos para satisfacer las necesidades del proyecto y pierden la oportunidad de desarrollar habilidades prácticas. De hecho, el diseño de iconos no es difícil. A continuación, compartiremos con usted algunas habilidades de diseño de iconos. Esperamos que le resulten útiles. ¡Aprendamos juntos! Habilidades que deben dominarse en el diseño de íconos: 1. No use demasiados materiales. Para los nuevos diseñadores, es comprensible que usen materiales ocasionalmente, pero deben aprender a desmantelar y analizar, y dominar las habilidades y capacidades para restaurarlos. diseño. La dependencia excesiva de los materiales puede conducir fácilmente a la solidificación del pensamiento, la falta de voluntad para crear y la pérdida de la capacidad de innovar en el diseño; también puede conducir fácilmente a grandes ambiciones pero no a ideas, y es fácil considerar la idea de donar; arriba; los diseños completados en forma de collage de materiales tienen problemas con la estandarización y los detalles también se ven muy comprometidos, lo que resulta en trabajos de diseño que no son lo suficientemente detallados y estandarizados. 2. La práctica consciente fortalece nuestra capacidad de mejorar el diseño de iconos mediante la práctica deliberada. Según la ley de las 10.000 horas, la mejora del nivel técnico se consigue mediante el perfeccionamiento repetido. 3. Eliminar materiales y estandarizar el diseño de íconos. En realidad, es fácil pasar de los hábitos materiales a la práctica del diseño, pero parece simple pero difícil de dominar de la habilidad de dibujar al dibujo. Eliminar materiales es la clave para estandarizar el diseño de íconos, luego unificar el estilo y los detalles y dominar las relaciones digitales también son temas que requieren estudio repetido. Tomemos como ejemplo este ícono del clima. Creo que muchos estudiantes pueden dibujarlo, pero es difícil controlar la relación numérica en su interior. En la imagen siguiente, podemos ver que la proporción de círculos grandes y pequeños es 4:3, y la relación de espaciado también está relacionada numéricamente con el tamaño de los círculos. Estas relaciones numéricas nos permiten mejorar el diseño del ícono y explorar los criterios cuantitativos y las relaciones detrás del diseño. 4. Mejore la textura capa por capa Una vez que terminemos de dibujar la forma del ícono, también es particularmente importante usar estilos apropiados para mejorar la textura. Aquí comencé con uno de estos estilos, eligiendo una textura de vidrio esmerilado. Para hacer más obvia la relación entre textura y capa, se realizaron mejoras de luces y sombras y procesamiento de límites en las piezas. Consulte los pasos a continuación para desglosar la imagen y tener una idea de ella. Nota: El software utilizado es el desenfoque de fondo, que se puede lograr mediante Sketch o Figma. 5. Escena de interfaz ampliada Para fortalecer aún más la formación de iconos, se amplía una escena de interfaz simple, un diseño de interfaz que consta de un diseño de cuadrícula. Para completar el contenido deseado, voy a colocar algunos de mis íconos anteriores para ocupar el espacio. Aunque todos son íconos texturizados, todavía existe una cierta sensación de rechazo debido a la inconsistencia en la perspectiva, la combinación de colores, el estilo y las especificaciones de detalle. 6. Vuelva a ajustar según el entorno de la interfaz Dado que el diseño de la interfaz pertenece a un tema oscuro, los íconos del clima utilizados anteriormente eran demasiado prominentes en la escena y la transparencia de la textura del vidrio no se aprovechó por completo. Por lo tanto, el ícono del clima se reajustó de acuerdo con el entorno de la interfaz, la parte de la nube se ajustó a una relación oscura y se ajustaron la proporción de color y tamaño del sol. 7. Continuando con el estilo, el diseño completo utiliza el ícono del clima ajustado como especificación de estilo. El diseño del ícono de otras escenas comerciales continúa directamente desde aspectos como la perspectiva, la especificación de detalles, la proporción de color, los efectos de luces y sombras, etc. La división vertical se elige en la dirección de la luz y la sombra. Los tres de la izquierda seleccionan la iluminación de la esquina superior izquierda y los tres de la derecha seleccionan la iluminación de la esquina superior derecha. (Por supuesto, también puede configurar las direcciones de luces y sombras para que sean consistentes) 8. Determine la unidad o diferenciación Aunque el estilo visual del diseño general está relativamente unificado, todavía existen algunos problemas. Hay una falta de diferenciación entre los íconos y la uniformidad excesiva puede fácilmente causar fatiga visual, por lo que los íconos comienzan a luchar entre la uniformidad y la diferenciación. Para garantizar la unidad del diseño y la expresión del icono y formar una diferenciación visual, se tomó la decisión de ajustar la relación de color. Continúa la relación entre los colores del mapa meteorológico con otros colores para ver cuál es el efecto final. Los iconos son gráficos por computadora con funciones de referencia. Están muy concentrados, transmiten información rápidamente y son fáciles de recordar. Los íconos tienen una gama muy amplia de aplicaciones, desde diversos software y hardware hasta varios íconos que se pueden ver en todas partes en la vida real. Se puede decir que los íconos son inseparables de nuestras vidas. ¡Los íconos que vemos generalmente necesitan ser diseñados! Para enseñarte el diseño de íconos, hemos compartido contigo las habilidades de diseño de íconos arriba, ¡aprendamos y dominémoslas juntos!