Inhalt

• Aufgabenstellung 2. Block
  • 5. Umsetzen des grafischen Konzepts
• Abgabe

Aufgabenstellung 2. Block

^{Dauer: 1 Laborblock (1x4h) + Fertigstellen der Aufgaben}

^{Benutzeroberfläche von Adobe XD}

5. Umsetzen des grafischen Konzepts

Aufgabe: Erstellen eines grafischen Konzepts in Adobe XD

Setze die erstellten Scribbles als Design in Adobe XD um. Beginne dabei mit der Startseite. Erst wenn das Design der Startseite soweit passt, werden die weiteren Seiten hinzugefügt.

Was eine gute Startseite ausmacht, ist in dem Artikel Smashing Magazine - How To Create A Compelling Landing Page gut zusammengefasst. Hier ist auch eine mögliche Struktur der Startseite (Screenshot untenstehend) angegeben.

Beispielhafte Startseiten

^{Smashing Magazine - How To Create A Compelling Landing Page}

Adobe XD Tutorials

Für Adobe XD gibt es eine Reihe sehr guter Tutorials von Adobe:

• Empfehlung: Kurzanleitung für Adobe XD - helpx.adobe.com
• Zeichenflächen hinzufügen und bearbeiten - helpx.adobe.com
• Mit Wiederholungsrastern wiederkehrende Elemente erstellen - helpx.adobe.com
• Mit Komponenten arbeiten - helpx.adobe.com

Abgabe

Erweitere das Webdesign-Portfolio mit folgenden Inhalten:

• Grafisches Konzept
  
  • Layout und Design
    Screenshots des, in Adobe XD umgesetzten, Design inklusive der Erläuterungen, welche Ziele mit dem Layout/Design verfolgt werden. Keine reine Beschreibung der Screenshots.

Webdesign - Konzeption, Prototyping und Präsentation

• Webdesign - Übersicht und Anforderung an das Labor-Protokoll
• Block 1 - Kundengespräch und Besprechungsprotokoll
• Block 2 - Umsetzung grafisches Konzept
• Block 3 - Erstellung interaktiver Prototyp
• Block 4 - Präsentation Konzept und des Prototyp