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.

TAMBIÉN TE INTERESA

Razones para tener una web, te las explicamos

Razones para tener una página web, te las explicamos

O estás en internet o no estás. Así de fácil se puede resumir la necesidad de tener una página a nivel particular o en un negocio. Desde el punto de vista individual, es suficiente con tener perfiles activos en redes sociales, sin embargo en el caso de una empresa, la que sea, es indispensable contar

materiales-fabricación-aditiva

Más allá de las impresoras 3D: la fabricación aditiva

El elemento clave de la fabricación aditiva siempre ha sido la impresora 3D; la industria se ha construido sobre una base de diferentes tecnologías de impresión, cada una con sus propios puntos fuertes y débiles, capacidades y limitaciones, y aplicaciones más compatibles. En el último informe de IDTechEx ‘3D Printing and Additive Manufacturing 2023-2033: Technology

OPPO-Snapdragon-8-Gen-2

El chip Snapdragon 8 Gen 2 se estrenará en el próximo Find X de OPPO

OPPO ha participado en la Snapdragon Summit 2022 para presentar su colaboración con Qualcomm Technologies en materia en la tecnología Ray Tracing para dispositivos móviles. Las dos empresas, que llevan trabajando conjuntamente desde la primera fase de desarrollo del procesador de nueva generación, harán posible que los usuarios disfruten de la tecnología una ray tracing basada

e-bike-Bike-Ocasion

Black Friday: ¿buen momento para hacernos con una e-bike?

Sin duda, el Black Friday es una oportunidad para comprar muchos productos de tecnología entre los que cabría pensar en una e-bike. Este tipo de bicicletas tienen mucho componente tecnológico y han subido en ventas como la espuma desde principios de la pandemia, allá por marzo de 2020.   En este post nos sumergiremos como

reloj Haylou GST Lite

Haylou GST Lite, un reloj inteligente con un precio y rendimiento imbatibles

De todos los modelos de relojes inteligentes, encontramos uno, el Haylou GST Lite, que sorprende por su alto rendimiento, bajo precio y las muchas funciones que incorpora para nuestro día a día. Comparado con otros dispositivos similares, parece difícil encontrar uno reloj como este desde el punto de vista de su rendimiento y el precio.

problemas-de-conexion-reuniones-virtuales

Los problemas más habituales de las reuniones virtuales

Es un hecho que una de las consecuencias más palpables tras la pandemia en entornos laborales ha sido un aumento de las reuniones virtuales por parte de miembros de un equipo de trabajo. Inicialmente para muchos, este paso hacia la pantalla supuso muchos problemas en cuanto a experiencia o la adopción de tecnologías en su