Illustrator CC 2015 für Webdesigner: Wireframing

Benutzerverhalten in einem Wireframe sichtbar eintragen

LinkedIn Learning kostenlos und unverbindlich testen!

Jetzt testen Alle Abonnements anzeigen
Für einen Designentwurf ist es in einem Grundgerüst entscheidend, dass der Auftraggeber oder Kunde sich vorstellen kann, wie künftige Benutzer mit den Bedienfeldern interagieren. Wie Sie ein solches Verhalten mit Illustrator sichtbar eintragen können, zeigt dieses Video.

Transkript

Ich demonstriere Ihnen diesem Video, wie sie in ein fertiges Basisgrundlayout, also ein Wireframe, Benutzerverhalten implementieren können, so dass Ihr Kunde oder ihr Auftraggeber später weiß wie der Benutzer mit dieser Applikation interagieren soll. Zunächst einmal benötige ich dafür eine korrekte Anordnung der Ebenen. Achten Sie darauf dass die Ebenen, die Sie nicht benötigen auch tatsächlich gesperrt sind. Also, ich muss keinen Zugriff mehr auf die Benutzerebene haben. Ich muss keinen Zugriff mehr auf Beschriftung oder Hinweise, zumindestens nicht zu diesem Zeitpunkt haben. Dann die übliche Vorgehensweise, wie ich sie wähle, ist das ich mir zum Beispiel einen Kreis aussuche. Klicke mal hier drauf und der Kreis, der soll die Größe 60 Pixel haben und zwar natürlich als Kreis. Und die Flächenfüllung pink, das ist schon ganz gut. Sie können auch jede beliebige andere Farbe auswählen, aber ich nehme mir gerade diesen Magentawert sehr gerne, weil ich den so normalerweise als Farbe überhaupt nicht verwende. Und jetzt brauche ich nichts anderes machen, wie darauf achten, dass das Ganze auch in der korrekten Ebene ist: das ist Verhalten, das ist korrekt. Und jetzt platziere ich das einfach auf den Elementen, wo der Benutzer später mit seinem Finger oder mit einem Stift hinklicken kann. Und das brauche ich jetzt nur noch kopieren, zum Beispiel kann er hier hinein tippen, wenn er etwas Eingeben möchte, kann hier hinein tippen. Das Ganze jetzt nur noch ein bisschen angepasst, so. Dann natürlich, die eigentlichen Schaltflächen sind auswählbar für ihn, also, da müsste ich das drauf setzen und hier oben haben wir jetzt eine Besonderheit: ich platziere das schon mal in der Mitte. Auch da kann er natürlich tippen, aber da es sich hier um ein Bild handelt, soll dieses Bild auch zusätzlich durch eine Wischgeste veränderbar sein. So und dafür zeichne ich mir einfach mal eine Linie. Diese Linie, die versehe ich auch mit Magenta und erhöhe die Konturgröße mal auf fünf. Ich glaub das ist okay. Also theoretisch gesehen, sehe ich schon in der Linie, das hier. bisschen mehr möglich ist, aber ich würde natürlich gerne auch signalisieren in welche Richtungen. Und das kann ich über mein Bedienfeld Kontur. Sollte das so aussehen, wie hier, schalten Sie sich bitte die Optionen hinzu. Und über die Optionen kann ich dann sagen Pfeilspitzen, beispielsweise nach links und rechts. Und schon habe ich signalisiert, was mit einer dieser Gesten zu bewerkstelligen ist. Also nach links oder nach rechts. Ich kann tippen und eine Wischgeste durchführen. Ja, das tolle ist nun, dass ich bei Bedarf diese Elemente schlicht und ergreifend einschalten kann oder ausschalten kann; und somit jederzeit dem Auftraggeber, dem Kunden signalisiere: Hey, mit diesen einzelnen Gesten ist meine Applikation zu bedienen.

Illustrator CC 2015 für Webdesigner: Wireframing

Lernen Sie, wie Sie die Boardwerkzeuge von Illustrator CC nutzen, um aus ihren Design-Ideen Wireframes zu erstellen

2 Std. 14 min (19 Videos)
Derzeit sind keine Feedbacks vorhanden...
Hersteller:
Exklusiv für Abo-Kunden
Erscheinungsdatum:20.06.2016

Dieser Online-Kurs ist als Download und als Streaming-Video verfügbar. Die gute Nachricht: Sie müssen sich nicht entscheiden - sobald Sie das Training erwerben, erhalten Sie Zugang zu beiden Optionen!

Der Download ermöglicht Ihnen die Offline-Nutzung des Trainings und bietet die Vorteile einer benutzerfreundlichen Abspielumgebung. Wenn Sie an verschiedenen Computern arbeiten, oder nicht den ganzen Kurs auf einmal herunterladen möchten, loggen Sie sich auf dieser Seite ein, um alle Videos des Trainings als Streaming-Video anzusehen.

Wir hoffen, dass Sie viel Freude und Erfolg mit diesem Video-Training haben werden. Falls Sie irgendwelche Fragen haben, zögern Sie nicht uns zu kontaktieren!