Android: guia de diseño de iconos

Un icono launcher  es un gráfico que representa tu app. Los iconos de launcher son utilizados por las aplicaciones Launcher y aparecen en la pantalla Home del usuario. Los iconos launcher pueden ser también utilizados como accesos directos para iniciar tu app (como el enlace directo de un contacto que abre información detallada del contacto).

Como se describe en Providing Density-Specific Icon Sets y en Supporting Multiple Screens, debes crear iconos separados para todas las densidades de pantallas lo cual incluye  low-, medium-, high-, y extra-high-density. Esto te asegura que tus iconos se ven bien en todos los tipos de dispositivos en los que se puede instalar tu app. Ver Tips for Designers para sugerencias de como trabajar con varios conjuntos de iconos.

Una versión de alta resolución del icono launcher de tu app también es necesitado por Google Play para utilizarlo en los listados de apps. Para más detalles ver  Application Icons on Google Play más abajo.

Nota: hay una versión antigua de este documento en launcher icon guidelines archive.

Objetivos del icono launcher

Example launcher icons for system and third-party applications

Figure 1. Ejemplos de iconos launcher para aplicaciones de sistema (izquierda) y para aplicaciones third party (derecha)

Los iconos de launcher tiene tres objetivos principales:

  1. Promocionar la marca y reflejar de qué va la app.
  2. Ayudar a los usuarios a descubrir la app en Google Play
  3. Funcionar bien en un Launcher

Promocionar la marca y de lo que va

Los iconos de launcher de la app son una oportunidad para mostrar tu marca y contar de qué va tu app. Así, deberiamos:

App launcher icons are an opportunity to showcase the brand and hint at the story of what your app is about. Thus, you should:

  • Create an icon that is unique and memorable.
  • Use a color scheme that suits your brand.
  • Don’t try to communicate too much with the icon. A simple icon will have more impact and be more memorable.
  • Avoid including the application name in the icon. The app name will always be displayed adjacent to the icon.

Help users discover the app on Google Play

App launcher icons are the first look that prospective users will get of your app on Google Play. A high quality app icon can influence users to find out more as they scroll through lists of applications.

Quality matters here. A well-designed icon can be a strong signal that your app is of similarly high quality. Consider working with an icon designer to develop the app’s launcher icon.

Note: Google Play requires a high-resolution version of your icon; for more details on this, see Application Icons in Google Play below.

Para que un icono funcione bien como Launcher

El launcher o pantalla de inicio de aplicaciones es donde los usuarios interactuan con el icono más frecuentemente. Un icon launcher bien hecho aparece bien en todas las situaciones: sobre cualquier fondo , al lado de otros iconos y widgets de app. Para conseguir esto , recuerda lo siguiente:

  • Comunica bien en todos los tamaños
  • Se ve bien sobre un amplio rango de fonfos
  • Refleja el implied lighting model of the launcher (top-lit).????
  • Si el icono es 3D, utiliza una perspectiva que no parezca que está fuera de lugar con otros iconos, ponle el perfil en el que mejor salga.
    • Los iconos 3D se ven mejor con un sombra alrededor que le de profundidad.
  • Mejor tener una única silueta para que sea reconocido rápidamente; no todos los iconos de apps tienen que ser cuadrados.
    • Procura que los iconos no presenten un vista cortada de una imagen más grande.
  • Procura que el peso del icono tenga un peso similar a los que ya existen: los iconos que son muy delgaditos o que no usan suficiente espacio pueden no resultar atractivos a la atención del usuario ; o pueden no quedar bien para todos los fondos.

Cosas que debes hacer y cosas que no debes hacer

Vamos a enumerar cosas que debes hacer y cosas que no debes hacer para crear los iconos de tu aplicación:

Side by side: overly complicated vs. simpler launcher icons Los iconos no deben ser demasiado complicados. Recuerda que los iconos launcher serán usados a menudo en tamaños pequeños, asi que deben poder distinguirse en estos tamaños.
Side by side: cropped and glossy vs. matte and single-shape launcher icons Los iconos no deben ser recortes. Usa formas únicas donde sean apropiadas; recuerda que los iconos launcher deben diferenciar tu aplicación de otras. Adicionalmente , no utilices demasiado brillo a menos que el objeto representado sea de un material brillante.
Side by side: overly thin vs. thicker, weightier icons Los iconos no deben ser delgados. Deben tener un pso similar al resto de iconos. Los iconos delgaditos no se distinguen bien en todos los fondos.
Side by side: full-frame vs. subtly rounded and treated icons Los iconos deben hacer uso del canal alpha, y no deberian ser simplemente imagenes full-frame. Cuando sea oportuno, distingue tu icono con algún detalle visual atractivo.

Tamaño y Formato

Los iconos Launcher deben ser PNGs de 32-bit con un canal alpha para la transparencia. Las dimensiones del icono launcher que se corresponden a una determinada densidad de pantalla se muestran en la tabla siguiente:

Table 1. Summary of finished launcher icon dimensions for each generalized screen density.

ldpi (120 dpi)
(Low density screen)
mdpi (160 dpi)
(Medium density screen)
hdpi (240 dpi)
(High density screen)
xhdpi (320 dpi)
(Extra-high density screen)
Launcher Icon Size 36 x 36 px 48 x 48 px 72 x 72 px 96 x 96 px

Puedes además incluir unos pocos pixeles de apdding en los iconos de launcher para mantener una consistencia visual de peso con los iconos adyacentes. Por ejemplo, un icono launcher de 96×96 pixels xhdpi puede contener una figura de 88×88 de tamaño con 4 pixeles a cada lado de padding. Este padding puede también ser utilizado para hacer espacio para poner un borde de sombra que le de profundidad al icono al ponerlo en determinados colores de fondo.

Iconos de aplicación en Google Play

Si estás publicando tu aplicación en Google Play , además necesitas proporcionar un icono de aplicación de alta resolución de 512×512 pixeles. Se subirá en la developer console en el momento de publicación de la app. Este icono será utilizado en varias localizaciones de Google Play y no sustituirá al icono launcher.

Para trucos y recomendaciones sobre crear iconos launcher de alta resolución que pueden ser fácilmente escalados a 512×512 ver  Tips for Designers.

Para información y especificaciones sobre iconos de aplicación de alta resolución en Google Play , échale un vistazo al siguiente artículo :

Graphic Assets for your Application (Google Play Help) »