Los íconos pueden ser uno de los ejemplos de diseño más importantes, y subestimados, de su cartera. Aquí hay un vistazo al diseño de iconos en 2018, además de algunos ejemplos excelentes de iconos inspiradores y trabajos de diseño.
Los elementos de icono se muestran en casi todas partes, pero a veces se producen como una idea de último momento. Ese no debería ser el caso. Un gran diseño de ícono puede ser distintivo y agregar delicadeza y estilo a un proyecto.
¡Echemos un vistazo a las novedades y lo que está de moda en el diseño de iconos en 2018!
Diseño de icono de estilo de línea
Los iconos de estilo de línea parecen ser la tendencia que nunca pasa de moda.
Parte de la razón es que este estilo de icono puede funcionar prácticamente en cualquier lugar en cualquier tipo de fondo. Muchos de los populares paquetes de iconos descargables a menudo incluyen un diseño de estilo de línea debido a esta versatilidad.
Es fácil ver esto en el ejemplo anterior. Cada icono es fácil de ver y entender en prácticamente cualquier tamaño.
Elementos simples y representaciones
Al igual que con la mayoría de las otras tendencias de diseño en 2018, la simplicidad también forma parte del diseño de iconos. Las formas simples y la geografía se combinan para crear representaciones casi simplistas para los iconos.
El resultado es un diseño bastante ingenioso que hace que los usuarios se vean.
En el ejemplo que usa los íconos de alimentos arriba, cada ícono usa el hilo común de un círculo en el ícono. Esta puede ser la forma general del icono en sí o una parte del diseño del icono. Esta forma conecta cada icono entre sí en el proyecto.
Iconos con degradados
La tendencia del color degradado que se ha convertido en uno de los temas dominantes de 2018 también es un factor en el diseño de iconos. Gradientes simples en trazos de línea (como el ejemplo anterior) para colorear degradado completo a iconos blancos sobre un fondo degradado, esta combinación de colores es popular.
Eso podría ser lo que resulta tan atractivo sobre el uso de gradientes en los iconos (y en general): hay muchas formas diferentes de usar la tendencia. Puedes agregar un degradado y aún no tener un proyecto que se vea como algo más.
Centrarse en colorear simple
Los diseñadores de iconos también adoptan el enfoque opuesto con el color y se apegan a paletas de colores simples, más limitadas y más básicas para estos pequeños elementos de diseño.
Usar una paleta limitada es una gran idea. Con un diseño tan pequeño, demasiado color o detalle puede abrumar el espacio rápidamente y causar tensión en el ojo.
No desea que los usuarios tengan que pensar qué es el ícono o qué significa el color. Limitar la cantidad de detalles, incluido el coloreado elaborado, puede hacer que cada ícono individual sea un poco más fácil de ver y entender. Esto es más importante con los iconos que se utilizarán en los tamaños más pequeños.
Todo el estilo de la aplicación
Una de las razones por las que los iconos han crecido tanto en popularidad es que ya los estamos diseñando para casi todo. Desde los íconos de la aplicación hasta los íconos de estilo de aplicación para los iconos de iconos o de escritorio, este estilo está prácticamente en todas partes.
Los iconos de estilo de aplicación tienen un estilo distintivo casi propio. Esto incluye:
- Forma cuadrada
- Bordes redondeados
- Fondo de color (generalmente un color)
- Forma simple dentro del icono
- Un montón de contraste entre el icono y el color de fondo
- Sin texto o letras
Trazos gruesos, uniformes
No solo los iconos de estilo de línea son populares, sino que los iconos con trazos de línea gruesa son especialmente populares.
Diseñados a menudo para aplicaciones de un solo color, estos iconos se utilizan con frecuencia en blanco o negro sobre fondos de color o foto.
Los iconos con trazos gruesos y uniformes se usan con mayor frecuencia por sí solos, como el ícono de un carrito o el ícono de contacto. No se utilizan a menudo en una colección de iconos.
Los iconos planos siguen siendo populares
Si bien gran parte del enfoque en el diseño plano se ha evaporado, el diseño de los iconos sigue siendo bastante plano (o al menos casi plano).
Esto se debe probablemente a la naturaleza súper simple del diseño plano y a la idea de que este aspecto puede integrarse con una serie de otros estilos con bastante facilidad.
Incluso al observar algunos de los ejemplos de diseño de íconos y las tendencias que se presentan aquí, verás que muchos de ellos son planos. (Los iconos de estilo de línea casi siempre son planos, por ejemplo).
Iconos Emoji
Los emojis casi se han convertido en su propio idioma, una forma de comunicación más visual que cada vez es más aceptada en general.
El diseño de iconos también está tomando un estilo emoji-esque. Estos iconos son identificables debido a un enfoque en la forma de la cabeza de una persona o criatura. (Los íconos emoji inspirados en Star Wars son un gran ejemplo de cómo divertirse con el diseño de íconos).
Este estilo del icono podría funcionar muy bien para una página de contacto o para representar personas o personas en un diseño.
Cómo diseñar un icono mejor
Crear un buen ícono o conjunto de íconos es más que solo saltar a algunas de las últimas tendencias en diseño de íconos. Debido al pequeño tamaño de los iconos, la atención al detalle y la precisión son una parte importante del proceso de diseño.
Las reglas simples siguen siendo válidas para el diseño de íconos en 2018. Combine estas pautas con algunas de las ideas de tendencias anteriores para crear algo que le encantará:
- Empezar con una cuadrícula
- Construir con geometría
- Crea una forma única
- Dar a los iconos un montón de espacio
- Quédate con los colores de tu marca.
- Usa divots consistentes
- Diseño para el tamaño más pequeño que necesitas
- No decorar
Pautas de diseño de iconos
¿Una buena manera de mantenerse al día con lo que? Es mirando a los estándares gráficos y guías de estilo. Cada vez que Apple o Google cambian su enfoque, también lo hacen los demás. Parcialmente porque tienen que hacerlo y parcialmente porque el nuevo estilo a menudo refleja los tiempos y las tendencias en el diseño de iconos.
Puedes encontrar las directrices aquí:
- Iconos de aplicaciones de Apple
- Iconos de aplicaciones de Android
- Iconos de productos de diseño de materiales
- Iconos de sistema de diseño de materiales
Conclusión
Los iconos son una herramienta de diseño útil.Desde su uso como íconos de aplicaciones hasta marcas de sitios web o favicons hasta divots que pueden usarse en un logotipo o en un proyecto de diseño, el ícono es una marca que está aquí para quedarse.
Acérquese al diseño de íconos de la misma forma que lo haría con casi cualquier otro proyecto, pero realmente piense en la simplicidad y el tamaño. Los iconos se hacen para mirar rápidamente y, a menudo, son pequeños. Esto puede tener un gran impacto en el diseño.