10 consejos para diseñar iconos que no son malos
Casi todos los diseñadores están pensando en el diseño de aplicaciones en estos días. Una de las características más pequeñas de cada aplicación es el ícono utilizado para representarlo en la pantalla de cada dispositivo móvil y en las tiendas de aplicaciones. Diseñar un gran ícono es más que solo poner un logotipo en una caja. Necesita algo que se destaque entre todos los demás íconos de aplicaciones que existen.
Un buen ícono se puede usar de varias maneras: para aplicaciones, redes sociales e incluso en proyectos impresos más pequeños o tarjetas de visita. Y todo lo que se necesita es un poco de diseño y planificación.
1. Haz que sea fácil de leer
Un icono debe ser fácil de leer. (Y no estamos hablando de texto). La legibilidad visual es clave.
El ícono debe incluir una imagen que sea altamente reconocible debido a la marca o porque es fácil de entender. Piense en los iconos en el escritorio de su computadora, por ejemplo. Usted sabe dónde se ubican las cosas debido a la naturaleza simple de los iconos: los documentos se almacenan en carpetas, la música se reproduce desde un botón en forma de nota musical y las imágenes se almacenan en un lugar que se parece a una foto Polaroid.
Cuando se trata de legibilidad visual, la marca es una gran parte de la consideración. Las grandes marcas domésticas a menudo tienen iconos que forman parte de su logotipo o una imagen icónica. Las personas tienden a reconocer estos elementos de inmediato, incluso en tamaños pequeños. Esto puede ser un poco más difícil para las marcas nuevas o más pequeñas o los conceptos de íconos, y los diseñadores pueden optar por otras técnicas para lograr un impacto óptimo.
2. Piensa en el icono, no en la imagen
Un icono no es una foto en una caja. Un icono puede incluir una imagen, pero también puede ser una representación de texto, logomark o una combinación de esos elementos.
Solo necesita ser altamente visual y reconocible. La mayoría de los logotipos no incluyen fotografías reales, pero son una representación más gráfica de una idea. (Este concepto se destaca por la necesidad de crear un icono basado en vectores).
Una imagen también puede volverse difícil de leer en tamaños pequeños y perderse en un mar de otros íconos en el teléfono u otro dispositivo de un usuario. Una representación más gráfica a menudo puede tener más peso visual.
El icono de la aplicación móvil para los grandes almacenes Macy's arriba es un buen ejemplo de esto. La gran estrella blanca en el centro de un cuadro rojo es fácil de identificar. El ícono varía del tratamiento estándar del ícono de la firma de la compañía en que el color se invierte para agregar énfasis al ícono. Es probable que un fondo rojo destaque más que uno blanco contra una variedad de fondos de pantalla de usuario.
3. Evita las palabras
Una cosa que no verá en los iconos es el uso de palabras. Simplemente no hay suficiente espacio para un icono que está lleno de cosas para leer y comprender.
Como regla general, evite el texto por completo a menos que sea parte de su logotipo. Incluso el texto que forma parte de un logotipo debe considerarse cuidadosamente antes de usarlo en el diseño del logotipo principal.
El icono debe estar diseñado de tal manera que cree identidad sin palabras. Además, recuerde cuántos iconos se usan realmente en contexto para los dispositivos en los que aparecen. La mayoría incluye una línea de texto descriptor debajo del bloque de iconos real.
El icono Design Shack, por ejemplo, es uno que usa una sola letra "d" con tratamientos de color y tipo consistentes con el sitio web. Esta marca unificada y una letra fácil de leer crean un vínculo visual y una conexión, sin palabras.
4. Use color vibrante
¿Quieres que tu ícono se destaque? Audaz con el color. Una opción de color vibrante lo ayudará a destacar en una variedad de fondos y atraerá la atención de los usuarios.
Lo último que desea de un diseño de icono es que se mezcle con todas las demás opciones disponibles. Esto hace que el azul, especialmente los tonos azul cielo y azul marino, sea un color que probablemente quieras evitar porque muchos otros íconos lo usan.
Si el azul es su logotipo principal o color de marca, intente combinarlo con algo más brillante para el impacto. Considere un "nuevo neutro" como el verde lima, u opte por un tono estacional como un naranja brillante en el otoño o un rosa brillante en la primavera.
5. Desarrolle un símbolo o logotipo simple
Es probable que tenga un logotipo para su marca, pero cuando se trata de iconos, un símbolo también es importante. Un símbolo puede ser una simple representación gráfica o fragmento de un logotipo o imagen.
Solo necesita ser agudo y memorable. Más marcas están incorporando símbolos icónicos en sus marcas y logotipos estándar para crear una conexión completa entre iconos más pequeños y proyectos de diseño más grandes.
Piensa en la aplicación de mensajería y uso compartido de fotos Snapchat. El símbolo fantasma se ha vuelto tan reconocible que puede aparecer como el icono con el que los usuarios están familiarizados, en otros esquemas de color y formas e incluso como una imagen independiente en una cartelera. Este es un excelente ejemplo de un símbolo que funciona.
6. Recordar escala
Si bien la mayoría de nosotros pensamos en los íconos como esas pequeñas cosas en nuestros teléfonos o computadoras de escritorio, un ícono no siempre es pequeño. Debe diseñarse de manera que sea utilizable independientemente del tamaño.
Esto es especialmente importante debido al panorama digital en constante cambio, la aparición de más pantallas de retina y porque las diferentes plataformas y dispositivos pueden representar iconos de diferentes tamaños.
Se construyó grande y luego se redujo.
7. Crear en un formato vectorial
Cuando se trata de escala y tamaño, el formato también es una consideración importante. Se debe crear un icono utilizando un diseño basado en vectores.
Tener una imagen vectorial le dará la libertad de hacer cambios y guardar el icono para una variedad de dispositivos, tamaños y ventanas sin crear muchas imágenes individuales. Debido a que la realidad es que necesitará múltiples versiones de un ícono dimensionado para una variedad de proyectos.
El beneficio del vector es la flexibilidad. Pero hay una trampa. Para muchas aplicaciones o plataformas, es probable que deba guardar una copia en un formato que no sea vectorial para cargar.
8. Piensa fuera de la caja de diseño
En los últimos meses ha habido muchos íconos que usan fondos de un solo color con un ícono blanco, técnicas de diseño plano y largas sombras. Si bien estas tendencias pueden ser muy divertidas, no se quede atascado dentro de la caja de diseño. Haz algo diferente con tu ícono.
Si todos los demás trabajan con bordes cuadrados, considere algo más redondeado. Agregue un toque de textura al fondo para que se destaque de todo el color plano. No sientas que debes modelar tu ícono sobre lo que todos los demás están haciendo.
9. Hazlo monocromo
Hay un pequeño truco divertido que los diseñadores han usado durante años para probar la efectividad de los diseños a pequeña escala: hacerlo monocromático. Si su diseño comunica el mismo mensaje con o sin color, probablemente funcione. Si el icono necesita color para leerse, siga trabajando en las revisiones.
Personalmente, comienzo casi todos los proyectos de diseño en blanco y negro y luego empiezo a agregar color. Es el boceto de un concepto informático. Si lo dibuja en papel y funciona antes de comenzar a agregar color, es probable que la idea tenga un marco sólido.
10. Think Square
Su icono y cualquier parte dentro del marco cuadrado también deben ajustarse perfectamente. Esto no significa que el diseño o la imagen tengan que tener una forma exactamente cuadrada, pero la relación de aspecto básica para cada icono tiene la misma altura y anchura.
Entonces, si tiene un símbolo que es súper vertical u horizontal, necesitará una forma de llenar el espacio a su alrededor para que no se pierda en el fondo. Opte por un concepto que llene una porción significativa de un espacio que será mayormente cuadrado. (Incluso un icono circular redondeado tiene la misma altura y anchura).
Conclusión
Puede sonar cliché, pero la clave para un buen diseño de iconos es ser ... bueno ... icónico. Es así de simple.
Diseñe con simplicidad, color y reconocimiento visual en mente. Piense en las interfaces y las tendencias actuales para que el diseño se ajuste a los estándares. (No diseñarías un ícono skeuomorphic para una aplicación móvil iOS en estos días, ¿verdad?) Y diviértete; Un icono es la puerta de entrada de los usuarios a su interfaz digital.
Fuentes de imagen: Ash Kid, Casey Fleser, Roland Tangalo, Gustavo da Cunha Pimenta y Microsiervos Geek Crew.
