Las ultimas noticias en tecnología, ciencia y cultura digital.
Las ultimas noticias en tecnología, ciencia y cultura digital.

Cómo diseñar impactantes iconos de apps en iOS, según Apple

Ilustración para el artículo titulado

No hay una receta mágica para que una aplicación arrase. Hay, más bien, un montón de pequeñas claves para conseguirlo. Y una de ellas es el diseño del icono. Piensa en cualquiera aplicación popular que tengas en el móvil: su icono seguro es diferente, memorable. ¿Cómo conseguir que sean casi perfectos? Mike Stern, uno de los gurús de Apple en diseño de software y usabilidad, ha compartido varias claves.

Los vídeos de la pasada conferencia de desarrolladores de Apple, la WWDC, (disponibles aquí para desarrolladores) se publicaron la semana pasada en YouTube durante unos días (YouTube ya los ha retirado). La mayoría son interminables sesiones técnicas, pero hay una que puede interesar a mucha más gente, no solo a desarrolladores. ¿Cómo crear iconos memorables de aplicaciones? Stern, experto en usabilidad de Apple, dio una rara charla sobre el tema. ¿Las claves?

Advertisement

Crea una forma única, llamativa

Ilustración para el artículo titulado

Lo primero debe ser crear una forma reconocible entre la masa, algo que capte la atención al instante. Ejemplos: Flipboard, Clear y Vyclone.

Utiliza una paleta limitada de colores

Ilustración para el artículo titulado
Advertisement

Siempre es más efectivo recurrir a un número limitado de colores. Si utilizas muchos, será más confuso para el usuario. Ejemplos: Duolingo, Reuters y Dark Sky.

Si puedes, evita el texto

Ilustración para el artículo titulado
Advertisement

No siempre es posible. Hay muchas apps que a la fuerza tienen que ser el logo de una empresa y ese incorpora un nombre. Pero incluso en esos casos, es recomendable reducir el texto a un elemento gráfico simple. Pocket (arriba) es un buen ejemplo de cómo transformar un logo con texto a un icono.

El icono debe reflejar lo que vamos a encontrarnos dentro

Ilustración para el artículo titulado
Advertisement

Es probablemente lo más difícil: ¿cómo dar una idea del contenido de la app con solo ver el icono? Stern menciona en su charla que hay que evitar los adornos que solo sirven para eso: adornar. En otras palabras, huir del skeumorfismo, de la imitación innecesaria de elementos naturales. Lo complicado es transmitir una idea del contenido de la app con un diseño inteligente. Por ejemplo: la app de Square (izquierda) se parece al holograma que encuentras en muchas tarjetas de crédito; el icono de Paper, con una mancha de acuarela, transmite que se trata de una app de arte. Sencillo, pero efectivo.

Resumen: simplicidad

Todo esto parece muy evidente y obvio al explicarlo, pero ponerlo en práctica es otra historia. Y esa es la clave: si algo se diseña de forma que al usuario le parece obvio, casi seguro estará bien concebido.

Share This Story

Get our `newsletter`