Frage

Wie machen Sie eine Skizze, iPhone App-designs und-Ideen?Ich bin gerade über mein Nächstes Projekt und wollen einen Weg finden, um meine Ideen auf den Bildschirm anstelle der guten alten Papier.

War es hilfreich?

Lösung

Balsamiq hat ein ausgezeichnetes Werkzeug für Mockups von Interface-Design zu tun. Sie haben auch einige iPhone-Komponenten. Es ist ein Online-Demo, dass ich angefangen haben, mit (nach der Antwort auf eine andere Frage SO zu sehen) und wirklich die Erfahrung bisher genossen haben.

Andere Tipps

Für die erste Stufe, geht nichts Papier zu schlagen. Was auch immer Werkzeug, das Sie verwenden werden (hoffentlich) genauer, sicher. Aber Sie sind Handelszeit für die Genauigkeit und in der Anfangsphase der UI Design Sie brauchen mehr Geschwindigkeit als die Genauigkeit.

ich meine Entwürfe mit ein paar verschiedenen Bleistifte auf Karteikarten. Wenn ich zufrieden bin ich in der richtigen Richtung gehe, klebe ich die Karte zu einem Lineal und benutze meinen iMac der Kamera ein Bild von ihnen zu nehmen. Ich konvertiere es dann zu B & W und tun eine einfache Helligkeit / Kontrast zu versuchen, sie so gut wie möglich suchen zu bekommen, und ich habe etwas Vernünftiges zu digital speichern bekam.

Die große Sache daran ist, dass ich eine grobe Karte in nicht viel mehr Zeit ziehen kann, als es Speicher unter dauert bis öffnen, wenn Sie Ihr Time Machine-Laufwerk zu schlafen gegangen ist. :) Ich kann tun schön Karte in ein wenig mehr Zeit. Und wenn ich je etwas Schöneres wünschen sucht, kann ich den Scan bearbeiten oder als Tracer in einem anderen Programm verwenden.

(Und ich werfen die Karten in ziplock Taschen nach Projekt).

MockApp sieht gut aus!

OmniGraffle. ( http://www.omnigroup.com/products/OmniGraffle/ ) In Kombination mit verschiedene iPhone Stencils wie: ( http://graffletopia.com/stencils/413 und http://graffletopia.com/search/iphone ), OmniGraffle macht ein großes Toolset.

Danke an alle für Sie schnelle Antworten!

Nach der Prüfung sowohl Balsamiq und MockApp komme ich zu dem Schluss, dass MockApp gibt mir genau die Art, was ich für das Design möchte, dass meine Apps, wie Sie genau sehen können, wie es aussehen wird und die Art von Raum jedes UI-Element wird in Anspruch nehmen. Auch bei der Verwendung von Keynote oder Powerpoint können Sie eine Stufe weiter gehen und verbinden alle Tasten auf eine effektive Demo Präsentation Ihrer Ideen zu erstellen, wenn Sie so etwas präsentieren erforderlich, obwohl dies ein wenig mehr zeitraubend und für mich mich nicht benötigen diese, aber schön zu wissen, dass es da!

ist Balsamiq ein etwas schneller und einfaches Werkzeug zu benutzen, hat aber weniger Lager UI-Komponenten und gibt einen skizzenhaften Blick auf das Design, die kühl erscheint, wenn Sie schnell Storyboard Bilder Ihrer App Idee schaffen wollten, aber für die tatsächliche Design schafft MockApp eine viel realistischeres Aussehen, die ich glaube, ist besser. Auch Balsamiq kostet $ 79, wenn Sie mehr wollen, dann nur die Demo.

Der Grund, warum ich MockApp über alle anderen Lösungen wählen würde, ist, dass ich so oder Powerpoint oder Keynote die meisten bereits auf ihrem Computer im Vergleich zu Photoshop oder Fireworks übernehmen würde, obwohl ich sicher bin, ob Sie diese Anwendungen auf Ihrem Computer kann es besser, diese zu nutzen. Auch MockApp Frei / tweet-ware finden Sie in der MockApp Website für weitere Informationen ist.

Hope, das hilft

Dan

P. S. Ich habe noch OmniGraffle, das ist nächste auf meiner Liste, um zu versuchen!

Ich entwickle Wireframesketcher Werkzeug wireframing, die Sie iPhone erstellen können Mockups eine externe Schablone verwenden. Sie können auch Bildschirme miteinander verbinden zu simulieren Interaktivität.

iPhone Mockups

Ich verwende diese Photoshop-Vorlagen von Teehan und Lax ...

http://www.teehanlax.com/blog/2009/06/18/iphone-gui-psd-30/

oder für eine ganze Liste von iPhone und iPad Schablonen: http://emilychang.com/2010/03/ipad-templates-and-stencils/


(Quelle: emilychang.com )

Ich erstelle gerade meine Entwürfe in Adobe Fireworks dieses Mockup Toolkit: http://blog.metaspark.com/2009/02/fireworks-toolkit-for-creating-iphone-ui-mockups/

Omnigraffle gut funktioniert

Außerdem erstelle ich meine Entwürfe in Adobe Fireworks Mockups Toolkits verwenden Sie überall finden können. Wenn Sie ein Feuerwerk-Fan sind, sollten Sie wirklich einen Blick auf ein sehr schönes Feuerwerk Erweiterung nehmen, die Sie entworfen App in einem iPhone-Simulator, um eine Vorschau ermöglicht es, die AIR basiert. Die Übergangseffekte, die das Markenzeichen der mobilen Vorrichtung sind, sind ebenfalls in der Verlängerung gebaut und kann auf die Designs angewendet werden.

http: //www.adobe. com / cfusion / exchange / index.cfm? event = extensionDetail & loc = en_us & EXTID = 1786031 #

Wenn Sie bereits vertraut sind mit Feuerwerk Mockups werden Sie diese Erweiterung lieben.

beste

Rob Rhyne Briefs ist für die User Experience spöttisch auf. Sie können Ihre Slips am Telefon spielen.

Software ist attraktiv, aber Sie verbringen mehr Zeit zu spielen um am Ende mit Farben und Dinge in Bewegung, als das Design / Funktionalität nach unten zu bekommen. Was Sie brauchen, ist die Geschwindigkeit. Geschwindigkeit können Sie auf die Programmierung bewegen früher als später. Ich gebe zu, wenn Sie schließlich das Design mit jemand anderem MockApp wahrscheinlich eine gute Wahl teilen möchten.

Hier ist, was Sie brauchen: (In Reihenfolge der Präferenz)

http://technabob.com/blog/ 2009/09/28 / notepod-Papier-iphone-Notizblöcke /

oder

http://appsketchbook.com/

oder

http: // thenextweb.com/2009/05/21/designing-iphone-software-pencil-wooden-forms-ink-brush/

Software ist nützlich und kann effizienter sein, aber manchmal, immer Weg von der Bildschirm ist ein guter Weg, um steigern die Konzentration auf das design als vielmehr die Umsetzung.Und nichts zieht so viele "geil!" kommentiert meine Edelstahl-iPhone-Schablone:

Design Kommission Edelstahl-iPhone-UI-Vorlage

Ich glaube nicht, das Bild drucken, die Sie zur Verfügung stellen, sondern aus meinen eigenen, mit einer reduzierten alpha screen capture aus dem simulator.

Ich würde mockapp oder OmniGraffle im Moment zu sagen haben.

Verpassen Sie nicht auf diesen einen von weniger Code: http://lesscode.co.nz/interface

Damit können Sie entwerfen direkt auf dem iPhone mit iOS nativen Komponenten.

Lizenziert unter: CC-BY-SA mit Zuschreibung
Nicht verbunden mit StackOverflow
scroll top