Unsere Datenschutzrichtlinie wird in Kürze aktualisiert. Bitte sehen Sie sich die Vorschau an.

Illustrator CC 2015 für Webdesigner: Wireframing

Übung: Umsetzung eines kompletten Wireframes

Testen Sie unsere 2021 Kurse

10 Tage kostenlos!

Jetzt testen Alle Abonnements anzeigen
Hier finden Sie die Aufgabenstellung einer Designarbeit: Gegenstand ist die Entwicklung eines Wireframes für eine Foto-Tauschbörse mit persönlichem Profil. Zur schnelleren Platzierung der Platzhalterobjekte soll mit einem Hilfsliniensystem gearbeitet werden.

Transkript

Okay. Nun, ist es an der Zeit für eine kleine Herausforderung. Das bedeutet, Sie werden viele Techniken und Funktionen einsetzen, die wir bereits in diesem Kurs besprochen haben. Verwenden Sie Ihre eigenen Symbol- und Cloudbibliotheksobjekte, die wir auch gemeinsam in diesem Training erstellt haben oder vergleichbare. Reich Ihnen das noch nicht aus können Sie natürlich weitere Elemente gestalten und der Bibliothek hinzufügen. Anschließend möchte ich ihr Wissen über Hilfsliniensysteme auf die Probe stellen, indem sie die beschriebene Vorgehensweise für ein Webdesignprojekt einsetzen. Die Platzhalter ihres Grundgerüstes sollen in einem monochromem Farbschema gehalten werden. Das Design-Projekt, um das es gehen wird, ist die Gestaltung eines Wireframes für eine Fototauschbörse. Jeder User besitzt ein eigenes Profil und kann seine Fotos zum Tausch anbieten. Das Profil sieht in etwa so aus, wie sie es vielleicht aus Instagram oder vergleichbaren Plattformen erkennen. Zu einem Profilbild soll eine kurze Beschreibung angeboten werden, eine Menüleiste und eine große Imagegrafik. Dann folgt eine Auflistung aller zu tauschenden Bilder, ein Vorstellungsvideo und dazu noch ein kleiner Fließtext mit verweisenden Links. Die Website schließt dann mit einem Footer ab. Wenn Sie die zu verwendenden Platzhalter bereits erstellt haben, dann sollten Sie für diese Übung nicht länger als 15 bis 20 Minuten brauchen. Ich empfehle das Design für das Ipad Air umzusetzen. Zumindestens werde ich das so in meinem Lösungsvideo demonstrieren. Nach dem Sie Ihr Wireframe fertiggestellt haben, starten Sie dieses Lösungsvideo und vergleichen Ihre Vorgehensweise mit meiner. Ich erkläre dort noch einmal Schritt für Schritt, wie ein solcher Workflow aussehen kann. Und nun wünsche ich Ihnen viel Spaß mit ihrem ersten Wireframe, ihrem ersten Grundgerüst mit Illustrator für ein Webdesign-Projekt Fototauschbörse.

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!