Ein gutes Tool, um grafische Benutzeroberflächen für iOS-Geräte visuell zu gestalten?

Ich entwickle eine iOS-App und muss ein einfaches Design-Tool finden, mit dem ich Widgets in meine GUI ziehen und visuell erstellen kann.

Ich verwende derzeit Adobe Illustrator mit diesem netten Kit: http://blogs.adobe.com/jnack/2010/12/illustrator-ipad-sketch-elements.html

Aber Illustrator ist nicht so einfach zu bedienen. Es ist ein bisschen zu viel Arbeit, die Elemente zu ziehen, sie in andere Elemente einzukapseln, ihre Größe zu ändern usw. Ich fühle mich nicht sehr wohl damit.

Außerdem habe ich Blueprint für iPad ( http://itunes.apple.com/us/app/blueprint ) gesehen, das genau das zu sein scheint, was ich will, aber ich mag es aus zwei Gründen nicht:

  1. Ich kann die Schnittstelle in kein anderes Format als PDF exportieren, und daher ist es schwierig, mit Designern zu arbeiten (pdf oder ai erforderlich).

  2. Ich hätte lieber eine Mac-App, ich denke, ich kann produktiver sein, wenn ich Elemente mit Maus und Tastatur ziehe.

Antworten (5)

Ich kann Sie auf Balsamiq Mockups verweisen , das ein großartiges Werkzeug zum Entwerfen skizzenhafter Mockups ist und über viele iPhone/iPad-Oberflächenelemente verfügt.

Es ist jedoch nur ein Mockup, Sie können es als Basis für ein echtes Design oder eine Benutzeroberfläche verwenden, aber es ist nicht lebensecht. Es ist eine Adobe Air-Anwendung IIRC und funktioniert auf mehreren Plattformen, einschließlich dem Mac.

Der Export ist in PDF und PNG verfügbar, aber nicht viel mehr, was für Sie ein Nachteil sein könnte.

Grazie Roberto. Es sieht cool aus. Ich werde versuchen, es zu verwenden, wenn Sie ähnliche Apps kennen, lassen Sie es mich wissen.
Übrigens, kann ich neue Modelle in die Bibliothek importieren? Ich habe diese Werke gefunden: mockupstogo.net, aber es scheint nicht möglich zu sein, sie der Bibliothek hinzuzufügen (damit ich die gute visuell auswählen kann), sondern sie nur in einem neuen Projekt aus dem Dateisystem zu öffnen

Vielleicht möchten Sie "MockingPad" auf dem iPad ausprobieren. Das habe ich für Wireframing angegeben. Ich liebe Photoshop, deshalb verwende ich http://www.teehanlax.com/blog/ipad-gui-psd-version-2/ Außerdem sollte ich erwähnen, dass Sie LiveView Screencaster verwenden , um eine Vorschau Ihrer Arbeit auf dem Gerät selbst anzuzeigen.

WireframeSketcher wird mit speziellen Schablonen für iPad-Anwendungen geliefert. Sie können Links für einfache Interaktivität verwenden. Sie können Ihren Prototyp sogar auf dem iPad testen, indem Sie ihn in HTML exportieren, das Sie über Dropbox online stellen können.

Verwenden Sie einfach Photoshop mit 72 dpi und erhalten Sie die Abmessungen für Ihr Gerät. Dies ist ohnehin das, was alle Designer verwenden, und Sie können die Designs so einfach oder so komplex gestalten, wie Sie möchten.

Es gibt eine nette (okay, ziemlich brillante) Reihe von Aktionen für Photoshop, die ein iPad in verschiedenen Ansichten vor Ihren Augen nachahmen. Sie können sie hier auf 36pix.com herunterladen. Auch wenn dies vielleicht nicht genau das ist, wonach Sie suchen, wird es definitiv dazu beitragen, Ihre App auf dem iThing zu visualisieren und sie potenziellen Kunden/Unterstützern/Risikokapitalgebern, die nach dem nächsten Angry-Birds suchen, zu präsentieren.

Um die Website 36pix.com zu zitieren: „Einfach gesagt, diese Photoshop-Aktionen ermöglichen es jedem UX/UI-Designer oder App-Entwickler, schnell ein wunderschönes Rendering seiner App zu erstellen, wie es auf einem Apple iPad aussehen würde. Alles, was Sie auf Ihrer Seite benötigen sind Ihre endgültigen Entwürfe (und natürlich eine Kopie von Photoshop)."

Im Ernst, diese Aktionen sind eine große Hilfe beim Entwerfen für das 'Pad.

Ein gutes Tool, um grafische Benutzeroberflächen für iOS-Geräte visuell zu gestalten?
AntwortenHierDatenschutz-Bestimmungen1y, 0v