Cómo crear un icono para aplicaciones: consejos y formas

crear logos

Cómo crear un icono para aplicaciones: consejos y formas

VALORACIÓN DEL ARTÍCULO:
5/5

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?

¿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

  1. 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.

crear logotipos de apps para android

  1. 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.

EasyAppIcon para crear icono para aplicaciones

  1. 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:

programas de LibreOffice

  1. 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:

logotipo de youtube

  1. 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):

Noizz Biugo

  1. 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:

  1. 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:
    Ablo
  2. 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:
    Call of Duty: Mobile
  3. 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:
    Specter
  4. 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:

logo de microsoft edge

 

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:

  1. Minimalismo en el diseño. Un elemento gráfico central (principal) sobre un fondo neutro, sin detalles innecesarios, es suficiente.
  2. Enfocando la atención. Necesitamos un elemento que atraiga la atención de los usuarios y demuestre el propósito de la aplicación.
  3. Reconocimiento. El usuario no tiene tiempo para resolver los rompecabezas: el significado del icono debe ser claro.
  4. Solo imágenes de derechos reservados. Está prohibido utilizar los atributos de otras marcas.
  5. La compatibilidad del icono de la aplicación con diferentes opciones de color para fondos de pantalla personalizados.
  6. Ángulos rectos (se redondearán automáticamente).
  7. 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

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

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

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

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

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.

Deja un comentario

TAMBIÉN TE INTERESA

nuevo-Nothing-Phone

Nothing Phone (1): llega el teléfono más rompedor de los últimos tiempos

El mercado de la telefonía necesitaba un soplo de aire fresco como el que representa Nothing Phone (1). La compañía liderada por el que fuera fundador de One Plus acaba de anunciar un nuevo smartphone que promete ser el más rompedor del momento. Los consumidores nos habíamos acostumbrado a ciertos estándares de diseño tanto en

ecommerce

¿Vendes en Amazon? Sácale todo el partido al Amazon Prime Day

Se viene el gran evento mundial del año para Amazon y, por ende, el ecommerce. Los próximos 12 y 13 de julio llegan las rebajas más exclusivas para los clientes del marketplace. El Amazon Prime Day es el momento que muchos compradores esperan para adquirir productos de todo tipo a un precio reducido. Pero más

nube-de-acens

Aprovecha los descuentos en la nube de acens por su 25 aniversario

Desde 1997 hasta 2022 han pasado 25 años en los que acens, Part of Telefónica Tech, se ha convertido en una de las empresas pioneras del mundo digital, una de las tecnológicas más longevas de España y de las más innovadoras del mundo.   Desde su nacimiento en 1997, acens ha sido protagonista de algunos

iconos redes sociales

Las 5 redes sociales más atractivas para las empresas

Hoy es el día de las redes sociales y como tal, queremos informar a empresas y particulares sobre dos puntos de interés sobre estos canales. En primer lugar hablaremos de marketing y explicaremos cuáles son las mejores redes para las marcas. Y en segundo lugar nos centraremos en las ciberamenazas, las cuales están experimentando un

rebajas-de-Xiaomi-618

3 productos que no te puedes perder en las rebajas de Xiaomi 618

Llegan las rebajas en Xiaomi con los días de la llamada Xiaomi 618. Desde el 27 de junio hasta el 1 de julio inclusive se pueden encontrar auténticos chollos de michos productos del ecosistema Xiaomi. En este caso, nos vamos a centrar en tres gadgets de Remi que están a precio de derribo aplicando el

nuevo-Poco-F4

Flagship y todoterreno: así es el nuevo POCO F4

Ya es oficial. Poco ha presentado por todo lo alto sus dos nuevos teléfonos: el POCO F4. Ya nos habíamos anticipado con sus filtraciones en este post. Viendo ahora todo lo que ha dado de sí su presentación oficial, podemos decir que el F4 es, verdaderamente un smartphone todo terreno, capaz de competir con cualquier