Design App Art par une «capture d'écran» GUI ou une «planche d'art»? Et comment l'appliquer à l'application?

Question

1. devrais-je concevoir une «capture d'écran» des graphiques d'interface utilisateur de mon application?

Un exemple de "capture d'écran" de ce lien

2.Comment pourrais-je appliquer la "capture d'écran" que j'ai conçue dans Photoshop et illustrateur à l'interface utilisateur graphique de mon application?

3. devrais-je concevoir une «planche d'art» avec les boutons, les arrière-plans, etc.?

Un exemple de "planche d'art" de ce lien

4.T-Je coupe-je la planche d'art à des tailles exactes?

5.Si quelqu'un connaît un tutoriel pertinent, j'apprécierai beaucoup un lien.

Je pense que cette question est pertinente pour le développement de l'iPhone car c'est une partie cruciale du processus.

Merci.

METTRE À JOUR j'ai trouvé un Super article sur la façon d'exporter de Photoshop vers iPhone

Answer 1

Voici un lien vers un tutoriel que j'ai rencontré qui explique les différentes façons d'exporter des éléments d'interface utilisateur de Photoshop: Exportation d'éléments d'interface utilisateur de Photoshop.

J'espère que cela t'aides!

Answer 2

1. Et bien certainement. Le processus de conception normal consiste à produire d'abord des wireframes bruts, à partir de laquelle l'application elle-même peut être construite, puis de revenir en arrière et d'ajouter les graphiques spécifiques fournis par votre artiste.
2. Utilisez soit UIBTTON avec vos images correctement recadrées et exportées, soit comme "boutons invisibles" en haut de l'arrière-plan. Le comportement de type PC consiste à répondre à uitouchupinside, mais parfois vous voudrez peut-être répondre à Uitouchdown si vous utilisez un bouton invisible (c'est-à-dire un bouton personnalisé sans titre d'image ou de texte). Selon l'art, vous voudrez peut-être créer des images personnalisées pour UIControlStateHighlighted.
3. Un artboard est une chose de conception; Votre artboard ne sera jamais entré dans l'application. Si vous souhaitez en utiliser un, vous le faites pour votre flux de conception, pour ne pas améliorer l'application.
4. Oui. Votre artiste doit exporter chaque bouton individuel comme son propre PNG - dans les résolutions normales et @ 2x, bien sûr.

Sur cette capture d'écran de tempête de dragon que vous avez posté, je vois: a) une image de fond statique b) quatre boutons à droite, probablement des boutons invisibles. Même si les pancartes en bois pour le nouveau jeu et les paramètres ne sont pas alignées sur l'axe, il est casher de fusionner un peu et d'utiliser des images alignées sur l'axe. Vos boutons peuvent, bien sûr, inclure une zone transparente afin que la pancarte se souligne sur le clic, mais pas la pierre et les chaînes. C) Trois boutons en bas, gérés via un Uiscrollview connecté à un uipageView - ce qui suggère en fait qu'il y a 12 boutons dans la vue intérieure. Il est probablement acceptable d'utiliser les images du chapitre en pierre comme images de bouton ici. D) Une police personnalisée utilisée pour afficher les dates pour chaque sauvegarde

Ainsi, les actifs d'art seraient:

• Un arrière-plan PNG
• zéro, un ou deux pngs pour chacun des quatre boutons à droite
• un ou deux PNG pour chaque chapitre
• la police personnalisée