¿Cómo usar la plantilla de icono de la aplicación iOS de Sketch?

Actualizaciones de versión

Según la versión de Sketch que utilice; querrá echar un vistazo a las diferentes versiones del complemento. Aquí está esa lista ( https://github.com/tadija/AEIconizer/releases ). Para actualizar desde una versión anterior, debe mover el archivo del complemento anterior de su ubicación predeterminada, descargar la versión deseada de la lista anterior y hacer doble clic en el archivo .plugin para restaurar la funcionalidad.

Solución alternativa

Encontré una solución que me resultó más sencilla de usar que la plantilla de aplicación iOS predeterminada que se ofrece en Sketch 42.

1. Deberá descargar y descomprimir el complemento AEIconizer
2. Después de descomprimir , haga doble clic en el archivo AEIconizer.sketchplugin para instalarlo en Sketch
3. Escriba la letra 'A' para insertar una mesa de trabajo de tamaño cuadrado (elegí una de la plantilla de Mac 1024x1024) ~ También puede usar el menú de inserción (elija Mesa de trabajo)
4. Coloque su obra de arte en la mesa de trabajo ~ Abrí mi gráfico y simplemente lo copié en la mesa de trabajo vacía
5. Cambiar el tamaño, la posición, el color de la obra de arte
6. En el menú Complemento, seleccione AEIconizer
7. Al hacer clic en el complemento, se generan todos los tamaños en diferentes tableros de arte.
8. En la esquina inferior derecha en la parte inferior del inspector, haga clic para exportar los archivos (exportará los tres tamaños de png)

Advertencias

1. El ícono 83.5@2x.png es 168x168 en lugar de 167x167 usando el complemento actual (arreglé el mío cambiando el tamaño del lienzo en Fireworks) ~ No estoy seguro de cómo arreglarlo en Sketch, ya que solo aparece después de exportarlo.

2. Asegúrese de seleccionar su mesa de trabajo antes de ejecutar el complemento y de darle un color al fondo o se exportará como transparente. La opción se encuentra en el inspector después de seleccionar el artbord de tamaño cuadrado:

   

3. Si se saltó el paso anterior, simplemente guarde su trabajo, elimine las mesas de trabajo duplicadas (no las originales) y corrija el fondo; de lo contrario, el fondo del icono será negro cuando se importe a Xcode.

4. Cree una carpeta para guardar los archivos, abra Xcode y arrástrelo a los activos de AppIcon de acuerdo con los tamaños de los nombres de los archivos.

| ( Referencia, artículo de designmodo.com ) |

Haciendo uso del complemento Aeiconizer

Ahora que la única mesa de trabajo en nuestro lienzo contiene nuestro diseño de ícono de aplicación terminado, podemos replicar esa mesa de trabajo en una variedad de tamaños compatibles con iOS.

Realidad: la mesa de trabajo original tiene el tamaño correcto para el icono táctil de Apple.

Seleccione la mesa de trabajo de la barra lateral de capas y navegue hasta Complementos → Aeiconizer. En un instante, notará que nuestro icono, de hecho, se ha duplicado varias veces: este flujo de trabajo es mucho más eficiente porque:

No necesitamos configurar ningún símbolo. Trabajamos con una mesa de trabajo singular. Podemos cambiar nuestro diseño original y ejecutar Aeiconizer nuevamente.

| AEIconizer ( github ) | Para obtener más complementos, visite el sitio web |