Person working on creating of icon design.

App icons design: inspírese con esta selección de los mejores iconos comentados

Las inspiraciones y referencias son pasos importantes para el proceso creativo del icon design. Por lo tanto, le vamos auxiliar con el diseño del icono de su app. La creación de un nuevo icono para aplicaciones móviles es una tarea compleja, que necesita el labor de un designer responsable.

Separamos los mejores iconos para que le inspire a crear el suyo. Recuerde que conocer su público y probar varios iconos es esencial para saber si el icono está definido o no.

1- Amplify por Reznik

Amplify it is a good exemple of icon design.

Este icono es un buen ejemplo de que es posible utilizar armoniosamente muchos detalles en una versión realista para un app icon sin crear conflictos visuales.

El buen trabajo del diseñador está en lograr aplicar todos los detalles para representar rápidamente un objeto que sintetiza la aplicación detrás del icono.

2- Oreo por Julian Burford

Para este ejemplo, el diseñador transformó la renomada galleta Oreo en un icono de fácil asociación a la marca. Es otro buen icono que se utiliza de efectos gráficos realistas, pero con claridad y sencillez.

3- C|Net por Derek Larsen

El C|Net eligió un diseño para ejemplificar que se es posible utilizar letras en un icono – pero nunca con palabras completas. En este caso, el C|net también es el logo de la empresa y con apenas algunas personalizaciones en el background, el app icon se hizo excelente.

4- Milewiz de Alexander Zaytsev

El design para el icono de la app Milewiz, que controla automáticamente el kilometraje de los autos, ha utilizado un diseño con gradiente. El uso de la paleta de colores en diferentes tonos y sombras personalizó la marca, presentando más originalidad como icono.

5- Metro de Rennes – Línea B por Gweno

Este app icon apostó en un diseño existente (y ya familiar) del principal objeto de la función de aplicación: el metro. Sin ningún exceso visual y adecuado para cualquier tipo de fondo, el icono sintetizó toda idea de la aplicación en pocas líneas y colores.

6- Heat por Michael Flarup

Un buen ejemplo para analizar la fuerza de los colores vibrantes para un icono es el Heat. Los propios colores de la sirena del carro de policía se convirtieron en los principales elementos que dan la singularidad al icono.

Otro detalle importante es el uso de un borde estilizado, que puede ser bastante importante cuando el icono está bajo diferentes fondos de pantalla.

7-Cola IOS Icono por Konstantin

Muchos app icon designers han utilizado recursos tridimensionales y realistas para sus trabajos, lo que requiere un alto nivel de originalidad y de conocimiento de la marca.

En el caso del Cola IOS, el diseño le hace mirar el icono como si fuera una simple lata de Coca-Cola.

Además, la preocupación es alta a los detalles que hacen toda la diferencia, como cada una de las gotas de agua y la textura metálica.

8-Gibber por Luka Mlakar

¡Los iconos para aplicaciones y logos son cosas diferentes! Pero hay excepciones. Y es el caso de Gibber, donde el logo es el elemento principal y al mismo tiempo el único elemento para el icono.

9- Gastracker por Seth Douwsma

Una de las cosas más difíciles en el proceso de creación de un icono es simplificar al máximo la función de la aplicación en un elemento gráfico claro y directo, siempre de fácil asociación.

En este ejemplo, en sólo algunas combinaciones de líneas y un fondo estilizado, el designer del icono logró transmitir claramente el mensaje que le gustaría pasar: llenar un vehículo con combustible.

10- Kid Cam por Drew Wilson

Para las aplicaciones que tienen los niños en su público objetivo, la diferencia está en los colores y el tipo de lenguaje gráfico que se va aplicar.

Un público más joven tiende a atraerse por las cosas que llaman la atención, pero en el caso de los iconos, todavía hay que atenerse siempre a la claridad y simplicidad gráfica.

Así que es importante que el diseñador conozca bien su público y de igual manera las funciones de la app para que tenga la habilidad de sintetizar gráficamente todo en sólo un icono.

11- Suntrapp de Christian Cornwell

Suntrapp es una app que identifica los mejores lugares y horarios para tomar el sol en la ciudad de Manchester, USA integrado a Google Maps.

Este icono para iOS consiguió sintetizar toda esta última frase en un simple elemento gráfico bien estilizado y con una gran paleta de colores que remiten al sol, que trabajó muy bien para alcanzar al público objetivo.

12-Boxing Timer Pro por Konstantin Datz

A menos que sea un trabajo gráfico perfecto con este, es necesario mucho cuidado al utilizar efectos realistas en los iconos para aplicaciones, que pueden entorpecer un poco la visualización en tamaños pequeños o bajo distintos wallpapers.

Con el Boxing Timer, podemos analizar que, aún así, las formas y colores utilizados son bastante simples y objetivos – no es necesario mucho más para identificar que esa aplicación es para los luchadores de boxeo.

13-Text It! por Creativedash

Text it! es una aplicación de mensajes de texto. Elegimos este icono pues es un gran ejemplo de combinación de colores vibrantes en el diseño. También es bastante interesante la sensación tridimensional que las formas de los globos de habla nos ofrece visualmente. Es el tipo de diseño que no se limita al plano estándar 2D de un icono.

14 – Metalik por Creative

Para este juego móvil, el icono se ha convertido en una verdadera obra de arte digital. Lleno de detalles, pero sin conflictos visuales, el diseño aprecia por la característica «hipnótica» de las formas y colores solicitados por el cliente.

15 – New Fork por Ramotion

Con la cantidad correcta de elementos gráficos elegidos de acuerdo con el tema de la aplicación, fue posible formar un conjunto visual armónico. Así, el icono logró transmitir el mensaje deseado sin problemas. New Fork es una aplicación para la colección personal de recetas y la búsqueda de novedades gastronómicas.

Ahora que está por dentro de cómo alinear el icono con la propuesta de su aplicación, ¡el siguiente paso es optimizar la aplicación para que ese icono sea encontrado!

No sólo el icono, pero el proceso de App Store Optimization es responsable de traer más conversiones y dejar la aplicación en una buena ubicación en el ranking de las app stores. ¡Para explicar mejor este trabajo, separamos un e-book que será su guía definitiva sobre ASO!

Últimas postagens