UI-Mockup- und Wireframing-Tool für Mac OS X-App-UIs [geschlossen]

Ich suche nach Input von erfahrenen Designern, da sich meine Hauptaufgabe um das Programmieren und nicht so sehr um das Entwerfen dreht ...

Welche guten Tools gibt es, mit denen man einige Schnittstellen im OS X-Stil nachbauen kann? Etwas Moderneres wäre vorzuziehen, kein Werkzeug, das 2006 die Bienenknie oder so war.

Auch wenn es eine Mac-App ist, dann noch besser. Danke im Voraus!

Ich habe keine Erfahrung mit UI-Design, aber ich werde sagen: Seien Sie vorsichtig, wie gut es früh aussieht. Egal wie oft Sie es ihnen sagen, sie werden mit der Bearbeitung von Text und Pixelausrichtung beginnen, anstatt sich an das Gesamtbild und die grundlegenden Konzepte zu halten, die Sie ausbügeln möchten.
Danke für den Hinweis. Sie sagen also, halten Sie es sehr einfach, denn je besser es aussieht, desto mehr werden sie vom Aussehen besessen sein und nicht von der Funktionalität?
Ja. Ich denke, das ist der Grund, warum viele Mockup-Tools ein "Skizzenbuch"-Gefühl haben.
Fragen Sie nach Hi-Fi-UI-Design-Mockups oder skizzierten Wireframe-Mockups? Oder beides? Oder weder noch?
Ich werde zweite Horatio. Ich finde, dass das Zeigen von Modellen, die High-Fidelity sind (was bedeutet, dass sie der Realität sehr nahe kommen), ein großer Haken an der Sache sein kann und oft zu vielen Missverständnissen bei Kunden führt. Es ermutigt den Kunden auch, sich auf Farben und Schriftarten zu konzentrieren, anstatt auf Dinge wie Geschäftsziele, Benutzerfreundlichkeit und Benutzeraufgaben.

Antworten (3)

Ich denke, diese Frage wurde schon einmal gestellt, aber ich habe sie noch nicht gefunden, und wenn Sie eine Google-Suche nach Wireframing-Tools oder Mockup-Tools durchführen , erhalten Sie eine riesige Liste, die Sie durchgehen müssen. Das heißt, einige Leute verwenden Omnigraffle für Mockup, was ich tun würde, wenn ich es müsste.

Andere Werkzeuge:

Je nachdem, was Sie tun und über ein anständiges Maß an Designfähigkeiten verfügen, würde ich Ihr eigenes Mockup in Illustrator oder Photoshop erstellen.

Bearbeiten Sie nach Ihrem Kommentar

Danke Gramps. Der Grund, warum ich gefragt habe, war die überwältigende Menge dieser verfügbaren Tools. Ich versuche, das beste zu finden, das meine meisten Designer verwenden. So wie Photoshop und Illustrator das Defacto sind.

Einige würden sagen, dass Onmigraffle oder Balsamiq am beliebtesten sind, aber wenn Sie sich Sorgen um das Design machen, würde ich in Erwägung ziehen, das Design im Browser zu implementieren, da dies zu der bestmöglichen Ausgabe führen würde und beim Übergang vom Mockup zu einer funktionierenden Website einfacher wäre. Beachten Sie jedoch, dass es immer Abweichungen zwischen dem Entwurf auf Papier und dem tatsächlichen Code geben wird. Machen Sie sich keine Gedanken über CSS oder Visuals, etwas in dieser Richtung, das auf dem beabsichtigten Gerät funktioniert:

Geben Sie hier die Bildbeschreibung ein

Danke Gramps. Der Grund, warum ich gefragt habe, war die überwältigende Menge dieser verfügbaren Tools. Ich versuche, das beste zu finden, das meine meisten Designer verwenden. So wie Photoshop und Illustrator das Defacto sind.
Es wird nichts Besseres geben, als tatsächlich in dem Browser zu entwerfen, auf den ich umgestiegen bin. Das heißt, ich würde die grundlegenden Komponenten, die Sie benötigen, und Animationen in Drahtrahmen darstellen, dann können Sie einen funktionierenden Prototyp präsentieren, aber halten Sie es einfach, also vielleicht schwarz und weiß. Ich werde meine Antwort bearbeiten, um ein Beispiel widerzuspiegeln.
Ich würde wirklich gerne wissen, mit welchem ​​​​Tool das Blaupausen-Drahtmodell am Ende Ihrer Antwort erstellt wurde? Das sieht großartig aus!
Sander: Meine Vermutung ist die graffletopia.com/stencils/1205-Schablone für Omnigraffle
Übrigens, der OmniGraffle-Link gibt den Fehler „derzeit nicht im US-Store verfügbar“ aus – allgemeiner Link zur „Graffle-Seite“ von OmniGroup hier .

Haben Sie versucht, xCode Storyboards zu verwenden? Viel mehr Apple-App-Aussehen geht nicht, und xCode enthält alle Arten von Elementen, die jemals in eine OSX-App gesteckt werden können.

Ich habe gerade versucht, Omni-Graffle (Version 5) zu verwenden, und ich muss sagen, dass es einige große Hindernisse gibt, wenn Sie Bildschirmdesign machen:

  1. Schriftgrößen sind nicht in Pixel angegeben und auch nicht korrekt: Wenn ich in OmniGraffle einen Text eingebe und ihm eine Größe von 12 gebe, dann den Bildschirm als PNG exportiere und in Photoshop öffne, beträgt die Textgröße in Wirklichkeit 9 Pixel. Wenn ich 18 eingebe, ist es in Photoshop 15 usw.

  2. Farben: Die Art und Weise, wie OmniGraffle mit Farben umgeht, ist nicht gut. Es stützt sich auf Apples eingebauten Farbwähler, der ungenaue Ergebnisse liefert. Zum Beispiel: Ich erstelle zum Beispiel ein Rot mit 255 0 0 oder #ff0000. Wenn ich jetzt das Farbwähler-Tool in OmniGraffle verwende und auf das Rot klicke, das ich gerade erstellt habe, ist es jetzt 242 0 0.

  3. Bildschirmgröße: Sie können eine Bildschirmgröße nicht in Pixel, sondern nur in Punkten (pt) festlegen.

Ich bin jetzt auch auf der Suche nach einem zuverlässigen Wireframing- und Mockup-Tool. Ich kann OmniGraffle jedoch nicht wirklich die Schuld geben. Es ist eigentlich ein Flussdiagramm-Tool und nicht wirklich für Wireframes gedacht.

Einige Anmerkungen: Die Schriftgröße entspricht nicht der Größe des Buchstabens in Pixel. Omnigraffle ist wirklich für Wireframing gedacht, nicht für visuelles Hi-Fi-Design.
UI-Mockup- und Wireframing-Tool für Mac OS X-App-UIs [geschlossen]
AntwortenHierDatenschutz-Bestimmungen1y, 0v