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

Illustrator CC für Webdesigner: Wireframing

Projektdokumentation erstellen und als PDF abspeichern

Testen Sie unsere 2016 Kurse

10 Tage kostenlos!

Jetzt testen Alle Abonnements anzeigen
Jedes Designprojekt muss irgendwann beim Kunden präsentiert oder ihm zumindest in Form einer Projektdokumentation übergeben werden. Das Video zeigt, warum Illustrator insbesondere in Verbindung mit InDesign die perfekte Kombination bildet und schließt das gesamte Videotraining mit dem finalen PDF-Dokument ab.

Transkript

Ich möchte das Videotraining mit ein paar Bemerkungen bzw. Vorschlägen für die weitere Kundenkommunikation und Projektdokumentation abschließen. Selbstverständlich können Sie Programme wie Apple Page, Microsoft Word oder auch Open Office als Textverarbeitung für die Projektdokumentation verwenden. Aber ich demonstriere Ihnen in diesem Video, warum ich speziell auch in meiner Agentur lieber mit Indesign arbeite. Der Vorteil liegt nicht so sehr an dem Funktionsumfang, sondern eher darin, das original Illustrator Dateien oder auch Photoshop Dateien ohne weitere Konvertierungen in Indesign verwendet werden können, und das spart schlicht Zeit und beugt auch Fehlern vor. Das folgende Beispiel verdeutlicht, wie Sie dabei vorgehen können. Stellen wir uns also vor, wir haben hier eine fertige Applikationsentwicklung bzw. das Wireframe für das Benutzerverhalten und die Platzierung der Elemente. Und diese Platzierung, die muss ich natürlich jetzt in einer Art Kundendokumentation, oder aber auch Präsentation unterbringen. Dazu habe ich ein vorgefertigtes Projektdokument in Indesign. Auf diese Projektdokumente kann ich zugreifen. Also man sieht hier unterschiedliche Seiten über das Benutzerverhalten und es gibt freie Seiten, die ich dann entsprechend einsetzen kann. Um nun solche Designentwürfe in das Programm Indesign zu integrieren, gibt es über den Menüpunkt "Datei platzieren" diese Möglichkeit. So und ich wähle mir jetzt mal hier die Datei "Präsentation" aus. Ich kann sogar Importoptionen anzeigen, ich mache das mal grade. So und bei den Importoptionen, dort habe ich dann die Möglichkeit, mir auch einzelne Seiten herauszusuchen, ja sogar einzelne Ebenen ein- oder auszuschalten. Das ist wirklich ja, einfach klasse, weil ich damit jede Möglichkeit habe, die ich schon bei meinem Designdokument vorgesehen habe, diese auch auf ganz schnelle Art und Weise in meine Projektdokumentation zu überführen. Ich nehm das jetzt aber mal so wie es ist. So, dann hängt das hier an der Maus. Ich mache einfach einen Klick in mein Dokument und hab jetzt hier natürlich ein viel zu großes Dokument von der Auflösung her, und das ist das tolle jetzt auch an Indesign bzw. Illustrierter, ich kann das Ganze ohne Verluste skalieren. Ich klicke dafür das Objekt an, das sollte aktiv sein, und dann hier sehen Sie "automatisch einpassen". und jetzt kann ich das mit gedrückter Shift Taste sehr leicht einfach skalieren. Ja und ich passe das dann mal hier ins Dokument ein. Ja und hab jetzt hier meinen Entwurf entsprechend eingearbeitet. Der nächste Schritt wäre jetzt, dass man zum Beispiel hier auf der linken Seite von der Grafik – da ziehe ich mir jetzt einen Textrahmen auf. und hier hinein schreibe ich ich mir nun die Beschriftungen oder auch die Hinweise. Und Sie sehen, jetzt wird es auch deutlich, was das für ein Sinn macht, wenn man hier diese Punkte wie 1, 2, 3 hinterlegt Jetzt ann ich zum Beispiel schreiben Punkt Nummer 1, das ist das große Image Bild für mein Dokument. Ich zoome mal ein bisschen rein, dann sieht man das besser. So. Punkt Nummer 2 ist das Profilbild des Benutzers. Ich passe mal gerade die Schriftart an, nehmen wir da mal die Helvetica, wo haben wir sie, da ist die Helvetica, so, dann passt das besser und Bild Nummer 3 bzw. Abschnitt Nummer 3 Eingabe, könnte man hinschreiben "Eingabe Benutzername" bildend und Element Nummer 4 ist die Eingabe "Kennwort". Ein bißchen runterscrollen. Dann haben wir Button Nummer 5, das ist die Registrierung. Und Bild Nummer 6 der Login Button. Ja weiter runter kann ich noch zum Beispiel Fragen definieren die auftauchen, zum Beispiel Betreff Profilbild, Profilbild Nummer 2. Ich würde mich sehr freuen, wenn Sie viele Anregungen aus meinem Video training für ihre tägliche Arbeit nutzen können und Wünsche Ihnen bei ihren zukünftigen Design entwürfen viel Spass und auf das Sie mit Hilfe von Illustrator noch effizienter und schneller zu. Ihren Designs freigaben gelangen. Ja, ich edgar. Weck Titel. Ich hab meine Beschreibungen und ich hab das gerade eingefügte Dokument mit Beschreibung mit Fragen und so sehen Sie. Nivea oder wie ich in meiner Agentur solche einzelnen Prozesse in einem Design Projekt. Visualisiere es zur Kunden dokumentation zum Projekt dokumentation, aber auch zur Präsentation beim? Verwende. Sie können nun einen vollständigen Workflow für die Erstellung von war er Fremd in die sein, Projekt. Haben erfahren. Warum ich illustrierte für das perfekte Programm. Diesbezüglich halte kennen die Möglichkeiten einer Version, ierung. Und wissen wie man zum Beispiel abschließend auch eine Projekt dokumentation, stellen kann. Ich würde mich sehr freuen, wenn Sie viele Anregungen aus meinem Video training für ihre tägliche Arbeit nutzen können und Wünsche Ihnen bei ihren zukünftigen Design entwürfen viel Spaß. Auf, dass Sie mithilfe von Illustrator noch effizienter und schneller zu Ihren Designs freigaben gelangen. Ja, ich erröte. Beck Titel. Ich hab meine Beschreibungen und ich hab das gerade eingefügte Dokument. Mit Beschreibung mit Fragen und so sehen Sie. Wir oder wie ich in meiner Agentur solche einzelnen Prozesse in einem Design Projekt. Visualisiere es zu Kunden, Dokumentation zum Projekt dokumentation, aber auch zur Präsentation beim? Verwende. Sie können nun einen vollständigen Workflow für die Erstellung von war er Fremd in die sein, Projekt. Haben erfahren. Warum ich illustrierte für das perfekte Programm. Diesbezüglich halte kennen, die Möglichkeiten einer Version, ierung und wissen, wie man zum Beispiel abschließend auch eine projekt dokumentation stellen kann. Ich würde mich sehr freuen, wenn Sie viele Anregungen aus meinem Video training für ihre tägliche Arbeit nutzen können und Wünsche Ihnen bei ihren zukünftigen Design entwürfen viel Spass und auf das Sie mithilfe von Illustrator noch effizienter und schneller zu Ihren. Designs freigaben gelangen. Ja, Michael Rücker.

Illustrator CC 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!