Cómo agregar el icono de la aplicación de iPhone con Cordova

Para una aplicación móvil, el icono es una parte integral de una aplicación que lo separa del resto de la multitud. También es lo primero que los usuarios potenciales verán sobre una aplicación, y es por eso que muchos diseñadores se preocupan tanto por el diseño de los iconos. En esta publicación, después de nuestra discusión sobre cómo crear una aplicación móvil con Cordova, le mostraremos cómo agregar un ícono para su aplicación .

Antes de comenzar, necesitamos preparar los íconos primero. Aquí hay algunos recursos que pueden ser útiles:

• 38 Hermosos diseños de iconos de aplicaciones IOS para su inspiración
• Genere fácilmente iconos de aplicaciones Android o IOS con MakeAppIcon
• 50 impresionantes diseños de iconos IOS
• 20 diseños de iconos planos móviles

Requisito del icono de Apple

Dependiendo de algunos factores, como la versión de iOS, la pantalla en la que estará la aplicación, la cantidad de iconos necesarios, el tamaño y los píxeles pueden diferir mucho. Apple requiere muchos tamaños de iconos diferentes para caber en las pantallas de diálogo de iOS en la página de configuración, la página de búsqueda de Spotlight, la pantalla principal y más.

Deberá tener en cuenta estas especificaciones al crear su icono.

Creando los íconos

Suponiendo que nuestra aplicación debería ser compatible con iOS 6.1, necesitaríamos 6 tamaños para el ícono. Parece mucho trabajo, ¿eh? Bueno, no te preocupes, ya que puedes usar AppIconTemplate. AppIconTemplate es una plantilla de Photoshop y viene con una acción preestablecida de Photoshop que agilizaría el flujo de trabajo al diseñar y generar múltiples tamaños de iconos.

Descargue y use la plantilla en Photoshop, y genere el icono con la Acción de Photoshop. Como ejemplo, aquí están los íconos que hemos generado con él. El diseño de tu icono probablemente se vería mucho mejor.

Agregar los iconos a la aplicación

Para agregar los íconos, muévalos a /platforms/ios/{AppName}/Resources/icons, que se creó cuando agregamos previamente la plataforma iOS al proyecto con el comando cordova platform .

Además, es mejor renombrar los íconos de acuerdo con la convención de nomenclatura estándar de Apple como se muestra en la captura de pantalla anterior: ícono- [tamaño] - [@ 2x]. @2x sufijo se utiliza para abordar la pantalla Retina. Una vez que los iconos estén listos, haz clic en el botón de reproducción para compilar la aplicación y mostrarla en el simulador de iPhone. Y debería ver su nuevo ícono, así.

Eliminar el efecto brillante del icono

A veces, el efecto brillante que iOS otorga al icono podría obstruir los detalles del icono. Si desea eliminar el efecto brillante, abra el archivo {appname}-info.plist en Xcode. Luego, seleccione SÍ para el icono que ya incluye la opción de efectos de brillo, como se muestra en la siguiente captura de pantalla.

A través de Xcode, reinicie la aplicación. Ahora, como puede ver a continuación, debe encontrar que el icono se muestra sin el efecto brillante.

Conclusión

En esta publicación, hemos agregado el ícono a nuestra aplicación. Suponiendo que haya creado la funcionalidad de la aplicación, ahora estamos un paso más cerca de la publicación de la aplicación. Lo que debe hacer ahora es hacer que su icono sea lo más atractivo posible.

Servicio de limpieza de Facebook: 5 cosas que puedes hacer en este momento

Anteriormente escribimos sobre la configuración de privacidad que debe conocer y adoptar en Facebook, cómo administrar mejor sus feeds de pared de Facebook y cómo mantener a los piratas informáticos fuera de su cuenta de Facebook. Sin embargo, esta publicación es más acerca de Facebook Housekeeping.Para

(Consejos de tecnología y diseño)

Waze ahora permite indicaciones de voz personalizadas: cómo hacerlo

Es probable que los usuarios de Waze desde hace mucho tiempo sean conscientes de que la aplicación de navegación incluye una gran cantidad de opciones de Dirección por voz, que van desde las predeterminadas hasta las voces de celebridades ocasionales. De ahora en adelante, también podrás agregar otra voz a la opción de Waze: ¡la tuya!En la

(Consejos de tecnología y diseño)