Usuarios de todo el mundo han instalado alrededor de 120 mil millones aplicaciones móviles en 2019. Según las previsiones, el uso de aplicaciones móviles traerá ingresos de $189 mil millones en 2020. ¿No es impresionante? Continuemos: el propietario medio de un gadget móvil utiliza de forma estable 30 programas cada mes. Elige e instala desde 2.8 millones de aplicaciones para Android o 2.2 millones de aplicaciones para iOS. ¿Sabía con qué criterios el usuario toma su decisión?
Índice de contenidos
¿Para qué necesita un icono una aplicación móvil?
Un icono de aplicación móvil es uno de los signos de elegir un programa entre las ofertas de cientos de miles de competidores. Un icono es lo primero que ve un usuario cuando navega por una tienda o busca resultados para un programa específico. Si hace que el icono sea convincente, ayudará a aumentar el número de instalaciones. Al mismo tiempo, una insignia de mala calidad hace exactamente lo contrario: genera dudas y repele a los clientes potenciales.
Icono para las aplicaciones es una imagen única, que es una parte obligatoria del programa, junto con el nombre original. Cuando el programa ya está instalado, el icono cambia su propósito. Ahora sirve para identificar el programa entre otros en el dispositivo. Un buen icono hace frente adecuadamente a todas las funciones. Averigüemos qué imagen se considera buena.
6 consejos para crear un icono de aplicación móvil eficaz
-
Requisitos Generales
Una regla importante: crear un icono basado en las recomendaciones oficiales de los desarrolladores de sistemas operativos móviles. Hay directrices abiertas de Apple y consejos para diseñadores de productos Android. El desarrollo debe comenzar con la consideración de estas normas y luego tener en cuenta los requisitos que se enumeran a continuación.
-
Escalabilidad
El icono de la aplicación móvil se muestra en la página de la tienda, en una versión más pequeña se puede ver en el submenú. Si el programa está instalado, se muestra en el menú del teléfono inteligente. En cada caso, el tamaño de la imagen será diferente. Esto está influenciado por muchos factores, incluyendo la resolución de la pantalla y la configuración. La tarea del creador de la imagen es preservar el reconocimiento y el detalle en todas las opciones de visualización. Puede comprobar este factor utilizando el servicio EasyAppIcon.
-
Singularidad
La originalidad es un requisito importante para el icono de la aplicación móvil. La infracción de los derechos de autor dará lugar a problemas. La singularidad es también un atributo necesario en la competencia para la atención de los usuarios. Para obtener el icono de programa único, intente:
- analizar el logotipo para aplicaciones en su nicho. Esto es necesario para no repetir las ideas de otras personas;
- hacer muchos intentos, romper los límites, encontrar nuevos significados de combinaciones de símbolos y sombras;
- utilizar su propia identidad: repensarla o utilizarla.
Aquí hay un ejemplo de heredar la identidad de otra persona. Aunque las imágenes se ven únicas, siguen siendo similares a la original. La primera imagen muestra los iconos de los programas de MS Office:
El segundo muestra análogos de los mismos programas de LibreOffice:
- Reconocimiento
Los usuarios deben entender sin más explicación todo lo que se muestra en el icono de una aplicación móvil. Nada debe limitar la comprensión: ni el idioma hablado por una persona ni el país de su residencia. Cuanto más simple sea la comprensión, más efectivo será el icono. Por ejemplo, el logotipo de YouTube en forma de una tecla de reproducción estilizada es fácilmente reconocido por la mayoría de los usuarios:
-
Letras mínimas
Puede usar letras y abreviaturas en el logotipo de su propio programa si la identidad de su marca se ha desarrollado durante mucho tiempo, es familiar para la audiencia y es bien reconocida. Por ejemplo, al ver la letra f, la gente reconoce el icono de Facebook a primera vista. Si el simbolismo de marca aún no está tan desarrollado, busque otra opción.
Los diseñadores aconsejan abandonar completamente las palabras en los iconos. Opinión general: si los elementos visuales tienen que ser complementados con letras, entonces no están bien desarrollados. Algunas razones más para abandonar las letras de la imagen:
- el nombre del programa se escribirá junto al icono;
- las letras distraen de los elementos visuales;
- es difícil para el usuario centrarse en una cosa;
- hay que reducir los elementos visuales por las letras. Por lo tanto, se reducirá su reconocimiento.
Una excepción es si el logotipo de la marca consta de letras y están escritas en un estilo distintivo y reconocible. Por ejemplo, esto es lo que hicieron los desarrolladores de Biugo (el icono de su herramienta de edición de vídeo Noizz se encuentra en el ejemplo):
-
Logotipo y funcionalidad en su conjunto
El usuario debe igualmente percibir el icono y la interfaz de la aplicación móvil. El icono correcto es una parte del concepto general de software, su imagen holística e ideas. Por lo tanto, los requisitos son:
- el cumplimiento del estilo y el esquema de color de la interfaz;
- buena visibilidad en diferentes tipos de papel pintado, en un tema claro u oscuro del diseño de la tienda.
Las tendencias de los iconos de aplicaciones modernas
Los requisitos de diseño cambian anualmente. La interfaz de usuario es lo primero: optimizar los elementos externos para la satisfacción del cliente. ¿Cómo afecta esto al icono de la aplicación? Tras analizar las tendencias de 2020, destacamos las siguientes recomendaciones para el desarrollo de la imagen:
- Máximo de significado. Tan pocos elementos menores como sea posible. Cada detalle de la imagen debe llevar una carga semántica. Un ejemplo es una imagen de Ablo. Un avión de papel simboliza la mensajería, y el elemento gráfico debajo de él insinúa la alta velocidad de comunicación:
- Imágenes tridimensionales. Estos iconos son más informativos y detallados. Simplifican la transferencia de información al usuario. La tendencia es a menudo utilizada por los desarrolladores de juegos móviles (por ejemplo, Call of Duty: Mobile). Llama la atención el carácter central tridimensional detallado:
- Gradientes Esta es una de las tendencias clave que continuará en 2020. El simple uso de degradados hace que el diseño de iconos sea más animado. Aquí está la solución para la cámara Specter: sutiles transiciones de colores que se centran en el símbolo de la lente de la cámara:
- Espacio vacío El minimalismo ha estado marcando tendencias de diseño durante varios años, y el espacio vacío es una parte natural de él. Se centra en el elemento principal del icono. Un ejemplo es Microsoft Edge: un elemento que simboliza el navegador sobre un fondo blanco:
Cómo desarrollar un icono para la aplicación de Android
El icono de la aplicación para Android debe desarrollarse teniendo en cuenta las resoluciones de visualización del gadget y la configuración actual. Para medir la calidad gráfica, Android utiliza el concepto de DPI: este es el número de puntos por pulgada. Dependiendo de este indicador, se puede distinguir:
- LDPI (120);
- MDPI (160);
- High DPI (240);
- XHDPI (320);
- XXHDPI (480).
Requisitos para los iconos de Aplicaciones instaladas
La imagen para el lanzamiento del programa debe hacerse en formato PNGS, 32 bits, seguramente sobre un fondo transparente. El nivel del detalle depende del DPI. El valor mínimo para MDPI es 48dp, con un borde de 1dp. Para otros indicadores, los valores siguientes son relevantes (en pixeles):
| HDPI | XHDPI | XXHDPI | XXXHDPI |
| 72 | 96 | 144 | 192 |
Los estándares de los iconos para cargar al juego de Google
El tamaño del icono para el programa móvil es los pixeles 512×512 con la alta resolución. El icono exhibido en el juego de Google es diferente de tamaño del icono usado para el uso instalado. Más recomendaciones:
- formato: PNG, 32-bit;
- tamaño máximo – 1024 KB;
- espacio de color – sRGB;
- una forma cuadrada sin el redondeo de esquinas (el sistema las redondea apagado con un radio de 20 grados);
- carencia de la sombra: el sistema lo aplicará dinámicamente.
Recomendaciones en el desarrollo
¿Cómo hacer un icono para un app de Android? Aquí tiene algunos consejos:
- ponga en el centro todo lo que importa. Deje el espacio vacío más cercano a los bordes y el tercio más bajo del cuadro;
- ¿usted utiliza el logotipo? Colóquelo en la parte central, exactamente en el medio;
- usando letras y palabras (si es necesario), elija una fuente legible grande;
- logre el reconocimiento en cualquier tamaño y compatibilidad con diferentes fondos.
Es importante que el icono de la aplicación de Android le ayude a resolver un problema específico. Por ejemplo, un icono con símbolos de la compañía facilitará el calificar. La imagen con el diseño atractivo original atraerá a usuarios.
¿Cómo hacer un icono para una aplicación IOS?
El icono del uso del iPhone necesita ser desarrollado en dos versiones: pequeño y grande. El primer será exhibido después de la instalación: en el sistema y en la pantalla casera. El segundo es para la tienda. Esta tabla contiene todas las recomendaciones para los tamaños del icono:
| Dispositivo | Tamaño del icono de luz de punto |
| iPhone | 120px×120px (40pt×40pt @3x) |
| 80px×80px (40pt×40pt @2x) | |
| iPad Pro, iPad, iPad mini | 80px×80px (40pt×40pt @2x) |
| Dispositivo | Tamaño del icono de ajustes |
| iPhone | 87px×87px (29pt×29pt @3x) |
| 58px×58px (29pt×29pt @2x) | |
| iPad Pro, iPad, iPad mini | 58px×58px (29pt×29pt @2x) |
| Dispositivo | Tamaño del icono de notificación |
| iPhone | 60px×60px (20pt×20pt @3x) |
| 40px×40px (20pt×20pt @2x) | |
| iPad Pro, iPad, iPad mini | 40px×40px (20pt×20pt @2x) |
Deberá desarrollar varias opciones para iconos pequeños para diferentes dispositivos iOS. Naturalmente, la diferencia debe ser sólo en tamaño, sin diferencias visuales. Los principales requisitos para los iconos son:
- tamaño – 1024×1024 píxeles;
- 72 gpi, en una capa sin fondo transparente;
- formatos PNG o JPEG.
No añada un marco al icono: esto se hará automáticamente como una sangría de 1 píxel.
Estándares para iconos de aplicaciones iOS
Aquí están algunas reglas:
- Minimalismo en el diseño. Un elemento gráfico central (principal) sobre un fondo neutro, sin detalles innecesarios, es suficiente.
- Enfocando la atención. Necesitamos un elemento que atraiga la atención de los usuarios y demuestre el propósito de la aplicación.
- Reconocimiento. El usuario no tiene tiempo para resolver los rompecabezas: el significado del icono debe ser claro.
- Solo imágenes de derechos reservados. Está prohibido utilizar los atributos de otras marcas.
- La compatibilidad del icono de la aplicación con diferentes opciones de color para fondos de pantalla personalizados.
- Ángulos rectos (se redondearán automáticamente).
- Teniendo en cuenta las características del modo oscuro, que se lanzó en iOS 13. Un ejemplo de una imagen sobre un fondo oscuro se puede encontrar en The Mac Observer .
Servicios para crear un logotipo de aplicación
¿Desea desarrollar de forma independiente un icono para una aplicación móvil? Hemos seleccionado varios servicios que le ayudarán en este asunto.
IconsFlow
Éste es un redactor de la imagen con el cual usted puede crear imágenes en línea con el estilo original. Hay una opción de colores y de detalles, y usted puede cargar y corregir su propio cuadro. Incluso una persona media entenderá su interfaz simple.
Makeappicon
Es un generador en línea del icono para las plataformas móviles importantes con los ajustes correctos. Usted puede cargar su imagen, y el sitio creará las opciones para una insignia moderna basada en él.
Logaster
Es un servicio en línea y un generador de la insignia. Genera varias docenas de opciones únicas de la insignia en dos tecleos. Usted puede elegir un tema y el esquema de color, corrige su imagen preferida, la descarga en diversos fondos y en diversos tamaños
Font Awesome
Esto es gran redactor de la imagen para los apps móviles y los medios sociales. Ofrece muchos de plantillas y de ajustes para crear el icono original.
Logomak
Esta es una gran herramienta gratuita para elegir colores y fuentes para el logotipo.
Conclusión
El icono para los usos es el elemento visual principal que afecta las opciones del usuario. El icono perfecto se basa en una imagen única, interesante y atractiva que resuelva los estándares de los reveladores móviles del OS. Usted puede entrar en contacto con al diseñador o utilizar servicios modernos para crear un icono conveniente para su programa. Los servicios modernos permiten que usted cree las imágenes de alta calidad, según requisitos actuales.
