Comment esquisser-vous vos dessins Application iPhone et des idées? [fermé]
https://stackoverflow.com/questions/2525246
-
22-09-2019 - |
italiano
english
français
española
中国
日本の
العربية
Deutsch
한국어
Português
RussianQuestion
Comment esquisser-vous vos dessins Application iPhone et des idées? Je suis actuellement sur le point de commencer mon prochain projet et que vous voulez trouver un moyen d'obtenir mes idées sur l'écran au lieu de bon vieux papier façonné.
La solution
Balsamiq a un excellent outil pour faire des maquettes de modèles d'interface. Ils ont également des composants de l'iPhone. Il y a une démo en ligne que j'ai commencé à utiliser (après avoir vu la réponse à une autre question SO) et ont vraiment apprécié l'expérience à ce jour.
Autres conseils
Pour la première étape, rien ne va battre le papier. Quel que soit l'outil que vous utilisez sera (je l'espère) plus précis, bien sûr. Mais vous tradez temps pour que la précision, et dans la phase initiale de la conception de l'interface utilisateur que vous avez besoin de vitesse plus que la précision.
Je fais mes dessins avec quelques crayons différents sur des fiches. Quand je suis satisfait, je vais dans la bonne direction, je bande la carte à une règle et utiliser l'appareil photo de mon iMac pour prendre une photo d'eux. Je puis le convertir en B & W et faire un simple luminosité / contraste pour essayer de les obtenir à la recherche aussi bien que possible, et j'ai quelque chose de raisonnable pour stocker numériquement.
La grande chose à ce sujet est que je peux piocher une carte rugueuse pas beaucoup plus de temps qu'il faut Enregistrer sous pour ouvrir si votre disque Time Machine est allé dormir. :) Je peux faire un belle carte dans un peu plus de temps. Et si je veux toujours quelque chose plus agréable à la recherche, je peux modifier l'analyse ou l'utiliser comme un traceur dans un autre programme.
(Et je jette les cartes dans des sacs Ziploc par projet.)
MockApp ressemble beaucoup!
OmniGraffle. ( http://www.omnigroup.com/products/OmniGraffle/ ) Lorsqu'il est combiné avec divers iPhone Pochoirs aiment: ( http://graffletopia.com/stencils/413 et http://graffletopia.com/search/iphone ), OmniGraffle fait un grand ensemble d'outils.
Merci à tous pour vous des réponses rapides!
Après avoir testé les deux Balsamiq et MockApp je suis venu à la conclusion que MockApp me donne exactement la chose sorte que je veux pour la conception de mes applications que vous pouvez voir exactement à quoi il ressemblera et le genre d'espace chaque interface élément prendra. De plus avec l'utilisation de Keynote ou Powerpoint vous pouvez aller une étape plus loin et relier tous les boutons pour créer une présentation de démonstration efficace de vos idées si vous devez présenter une telle chose, bien que ce soit un peu plus de temps et pour moi-même, je ne nécessitent pas, mais bien de savoir son là!
Balsamiq est un peu plus rapide et un outil plus facile à utiliser, mais a moins de composants de l'interface utilisateur de stock et donne un aspect peu précis à la conception qui semble cool si vous voulez créer des images de story-board rapide de votre idée d'application, mais pour la conception réelle MockApp crée une beaucoup plus réaliste apparence que je crois est mieux. Aussi coûte 79 $ Balsamiq si vous voulez plus de juste la démo.
La raison pour laquelle je choisirais MockApp sur toutes les autres solutions est que je suppose la plupart ont soit déjà powerpoint ou keynote sur leur ordinateur par rapport à Photoshop ou Fireworks, mais je suis sûr que si vous avez ces applications sur votre ordinateur, il peut être préférable d'utiliser ceux-ci. Aussi MockApp est gratuit / tweetez-ware, consultez le site MockApp pour plus de détails.
Hope this helps
Dan
P.S. Je n'ai pas encore essayer OmniGraffle, thats suivant sur ma liste!
Je développe WireframeSketcher outil de wireframing qui vous permet de créer des maquettes d'iPhone à l'aide d'un pochoir externe. Vous pouvez également relier les écrans ensemble pour simuler l'interactivité.
iPhone Mockups
J'utilise ces modèles Photoshop de Teehan et Lax ...
http://www.teehanlax.com/blog/2009/06/18/iphone-gui-psd-30/
ou pour une liste complète des pochoirs iPhone et iPad: http://emilychang.com/2010/03/ipad-templates-and-stencils/
(source: emilychang.com )
Je viens de créer mes dessins dans Adobe Fireworks en utilisant cette boîte à outils mockup: http://blog.metaspark.com/2009/02/fireworks-toolkit-for-creating-iphone-ui-mockups/
Omnigraffle fonctionne bien
J'ai aussi crée mes modèles dans Adobe Fireworks à l'aide des boîtes à outils de maquettes, vous trouverez partout. Si vous êtes un fan Fireworks vous devriez vraiment jeter un oeil à une très belle extension Fireworks qui vous permet de prévisualiser votre application conçue dans un simulateur iPhone qui est basé AIR. Les effets de transition qui sont la marque de l'appareil mobile sont également construits dans le prolongement et peuvent être appliqués aux dessins.
si vous êtes déjà familier avec feux d'artifice que vous mockups adoreront cette extension.
meilleurs
Rob Rhyne Briefs est idéal pour se moquant l'expérience utilisateur. Vous pouvez lire vos mémoires sur le téléphone.
Le logiciel est attrayant, mais vous finirez par passer plus de temps à jouer avec les couleurs et faire avancer les choses que d'obtenir la conception / fonctionnalité vers le bas. Qu'est-ce que vous avez besoin est la vitesse. Avec la vitesse, vous pouvez passer à la programmation plus tôt que tard. Je l'avoue, si vous voulez finalement partager la conception avec quelqu'un d'autre MockApp est probablement un bon choix.
Voici ce que vous devez: (par ordre de préférence)
http://technabob.com/blog/ 2009/09/28 / notepod-papier-iphone-autoadhésifs /
ou
ou
http: // thenextweb.com/2009/05/21/designing-iphone-software-pencil-wooden-forms-ink-brush/
Le logiciel est utile et peut être plus efficace, mais parfois se éloigner de l'écran est un bon moyen d'augmenter la concentration sur la conception plutôt que la mise en œuvre. Et rien ne dessine tout autant « cool! » commentaires que mon pochoir iPhone en acier inoxydable:
Commission de conception en acier inoxydable iPhone interface modèle
Je n'utilise l'image d'impression qu'ils fournissent, mais fait mon propre avec un écran réduit alpha capture du simulateur.
Je dois dire mockapp ou OmniGraffle pour le moment.
Ne manquez pas sur celui-ci par le Code Moins: http://lesscode.co.nz/interface
Il vous permet de concevoir à droite sur l'iPhone avec des composants iOS natifs.
