web-dev-qa-db-fra.com

Quelles sont les ressources pour la conception de graphiques UI iPhone lisses?

Je travaille actuellement sur les graphiques de mon application iPhone et j'aimerais suivre des tutoriels et des informations sur la façon de la rendre aussi élégante que possible.

Je ne peux trouver que des ressources sur la conception d'itéraction ou des tutoriels sur le dessin d'un véritable iPhone dans Photoshop, qui ne sont pas ce que je recherche. Je peux tout à fait obtenir les termes de recherche corrects pour trouver ce que je recherche!

J'ai besoin de savoir comment rendre les boutons brillants, comment rendre les bordures autour des éléments bien, comment faire en sorte que le texte s'intègre bien dans un arrière-plan graphique - tout ce genre de choses.

Quelles ressources sont là pour m'apprendre cela?

iphonegraphic-design
3
Mongus Pong

Tout d'abord, je pense que vous devez vous familiariser avec les directives de l'interface graphique de l'iPhone. Apple propose une excellente documentation et des tutoriels (comme http://developer.Apple.com/videos/iphone/#video-essentials-uidesign ) à ce sujet.) livre qui vous permet de comprendre ce qui ferait une interface réussie est Tapworthy (http://oreilly.com/catalog/0636920001133).

2
Davide Di Cillo

Apprenez à utiliser Photoshop - rendre les graphismes beaux sur l'iPhone n'est pas différent de rendre les graphismes beaux pour tout le reste.

Pour vous conformer aux normes des applications iPhone, lisez les directives Apple. Tout est bien là dans la documentation que vous avez reçue lorsque vous rejoignez le programme de développement d'applications.

5
Charles Boyung

Pensez à embaucher un talentueux concepteur visuel/interface utilisateur pour travailler avec vous. Les applications iPhone doivent généralement respecter un niveau légèrement supérieur de polissage de l'interface utilisateur. La meilleure façon de gérer cela est d'embaucher quelqu'un qui est un concepteur d'interface visuelle.

3
DA01

Vous pouvez trouver cet ensemble de didacticiels utile car il contient de nombreux détails sur la façon de créer une variété d'icônes iPhone:

Cependant, comme d'autres l'ont suggéré, il est préférable d'apprendre à utiliser Photoshop ou un programme graphique similaire et à lire les directives d'Apple.

2
Virtuosi Media

Êtes-vous à la recherche de didacticiels sur des techniques spécifiques d'éclairage, d'ombrage et de texture dans Photoshop? Si oui, il y a pas mal d'articles en ligne, si vous savez où chercher.

le propre iOS HIG d'Apple est une lecture essentielle.

Smashing Magazine a beaucoup de tutoriels et d'informations sur la conception pour iPhone/iOS:

En termes de modèles de conception généraux et d'expérience utilisateur, je recommande de consulter cet article: modèles de conception d'applications iPhone .

Si vous voulez en savoir un peu plus sur le code, cela peut valoir le coup d'œil (le premier tutoriel est gratuit): Design Then Code . Un peu de connaissances Xcode et Objective-C peut être une grande chose pour les concepteurs.

Sebastiaan de With a créé un grand modèle d'icône iOS que beaucoup de designers utilisent.

Il peut y avoir de bons tutoriels sur PSD Tuts , bien que je n'en ai pas lu beaucoup (j'utilise PS depuis plus de 20 ans, donc je ... euh ... ne le fais pas vraiment besoin de la plupart des tutoriels).

Comme Davide Di Cillo, je recommande fortement Tapworthy également. Josh sait de quoi il parle. Je pense que même les designers expérimentés tireraient beaucoup du livre.

Je recommande d'installer Developer Picker , qui vous permet de copier des couleurs dans un format natif de Cocoa. Très pratique lors de la conception d'applications iOS.

J'ai également écrit quelques articles sur le sujet. Ils sont généralement plus techniques que créatifs - ils ne visent pas à obtenir une apparence d'interface utilisateur spécifique, mais plutôt à configurer vos documents Photoshop pour qu'ils soient évolutifs, modifiables et plus faciles à exporter.

Voici quelques articles que j'ai écrits qui peuvent être intéressants:

Oh, et certainement assurez-vous de configurer Photoshop pour que les couleurs ne soient pas modifiées lors de l'exportation: Configuration de Photoshop pour le développement Web et iOS . Absolument essentiel.

1
Marc Edwards