Diseño de la aplicación Art por una GUI "Captura de pantalla" o una "Junta de Arte"? ¿Y cómo aplicarlo a la aplicación?

Question

1. ¿Debería diseñar una "captura de pantalla" de los gráficos de la interfaz de usuario de mi aplicación?

Un ejemplo de una "captura de pantalla" de este enlace

2. ¿Cómo aplicaría la "captura de pantalla" que diseñé en Photoshop e Illustrator a la interfaz de usuario gráfica de mi aplicación?

3. ¿Debo diseñar un "tablero de arte" con los botones, fondos, etc.?

Un ejemplo de un "tablero de arte" de este enlace

4. ¿Corté el tablero de arte a tamaños exactos?

5. Si alguien sabe de un tutorial relevante, apreciaré mucho un enlace.

Creo que esta pregunta es relevante para el desarrollo del iPhone, ya que es una parte crucial del proceso.

Gracias.

ACTUALIZAR Encontre un buena publicación Sobre cómo exportar de Photoshop a iPhone

Answer 1

Aquí hay un enlace a un tutorial que encontré que explica las diferentes formas de exportar elementos de interfaz de usuario de Photoshop: Exportar elementos de interfaz de usuario desde Photoshop.

¡Espero que esto ayude!

Answer 2

1. Bueno, seguro. El proceso de diseño normal es producir primero las marcas de alambre crudas, a partir de las cuales la aplicación en sí se puede construir, y luego regresar y agregar los gráficos específicos suministrados por su artista.
2. Use uibuttons con sus imágenes correctamente recortadas y exportadas, o como "botones invisibles" en el fondo. El comportamiento similar a la PC es responder a Uitouchupinside, pero a veces es posible que desee responder a Uitouchdown si está usando un botón invisible (es decir, un botón personalizado sin imagen o título de texto). Dependiendo del arte, es posible que desee crear imágenes personalizadas para UICONTROLSTATEHIGHILLED.
3. Un Artboard es algo de tiempo de diseño; Su article nunca llegará a la aplicación. Si desea usar uno, lo hace para su flujo de diseño, no para que la aplicación funcione mejor.
4. Sí. Su artista debe exportar cada botón individual como su propio PNG, tanto en resoluciones normales como @2x, por supuesto.

En esa captura de pantalla de Dragon Storm que publicaste, veo: a) Una imagen de fondo estática b) Cuatro botones en los botones derecha, probablemente invisibles. A pesar de que las pancartas de madera para nuevos juegos y configuraciones no están alineados en el eje, es kosher evitar esto un poco y usar imágenes alineadas con el eje. Sus botones pueden, por supuesto, incluir un área transparente para que el cartel resalte en el clic, pero la piedra y las cadenas no. C) Tres botones en la parte inferior, administrados a través de una vista UIScroll conectada a una vista UIPageView, lo que en realidad sugiere que hay 12 botones en la vista interior. Probablemente esté bien usar las imágenes del capítulo de piedra como imágenes de botones aquí. D) una fuente personalizada utilizada para mostrar las fechas para cada guardado

Entonces los activos de arte serían:

• un fondo de antecedentes
• cero, uno o dos PNG para cada uno de los cuatro botones a la derecha
• uno o dos PNG para cada capítulo
• la fuente personalizada