Layout Sketching


Zum Abschluss präsentieren Sie das erstellte Inspiration Mapping und diskutieren die wichtigsten Erkenntnisse. Reflektieren Sie, ob die ausgewählten Inspirationen und Ideen gut zu den im Polaritätsprofil definierten Leitlinien passen, und klären Sie mögliche offene Fragen. Die Moderation fasst die Ergebnisse zusammen und gibt einen Ausblick darauf, wie das Mapping als Grundlage für die nächsten Schritte im Projekt verwendet werden kann. Abschließend teilen Sie in einer kurzen Feedbackrunde Ihre Eindrücke und Anregungen zum Workshop.

Schritt 1: Grundlagen des Sketchings kennenlernen

In diesem Schritt zeige ich Ihnen die grundlegenden Techniken des Layout Sketchings. Sie lernen, wie Sie einfache Formen und Symbole verwenden, um Elemente wie Header, Navigation, Content-Blöcke und interaktive Elemente darzustellen. Ich gebe Ihnen Tipps, wie Sie Proportionen, Abstände und Hierarchien visualisieren können, um klare und verständliche Skizzen zu erstellen.

Schritt 2: Vorlagen nachskizzieren

Um ein Gefühl für das Sketching zu bekommen, skizzieren Sie vorgegebene Layout-Vorlagen nach. Dies können einfache Seitenstrukturen wie Startseiten, Artikelseiten oder Formularseiten sein. Ziel ist es, die Grundlagen zu verinnerlichen und Sicherheit in der Darstellung zu gewinnen. Während Sie arbeiten, gebe ich Ihnen individuelles Feedback zur Genauigkeit und Klarheit Ihrer Skizzen.

Schritt 3: eigene Layout-Ideen entwickeln

Jetzt entwickeln Sie eigene Layout-Ideen zu einer vorgegebenen Aufgabe. Zum Beispiel könnten Sie eine Startseite für das Cranach Digital Archive oder eine Detailseite für ein Kunstwerk skizzieren. Beginnen Sie mit schnellen, groben Skizzen, um verschiedene Varianten auszuprobieren. Hier geht es darum, kreativ zu sein und verschiedene Ansätze zu testen, ohne auf Perfektion zu achten.

Schritt 4: Ausgewählte Skizzen verfeinern

Wählen Sie eine Ihrer groben Skizzen aus und arbeiten Sie sie detaillierter aus. Fügen Sie spezifische Elemente wie Buttons, Icons, Textblöcke und Platzhalter für Bilder hinzu. Achten Sie darauf, visuelle Hierarchien klar darzustellen und die Nutzerführung in Ihrem Layout zu verdeutlichen. Ziel ist es, eine finale Skizze zu erstellen, die Sie präsentieren können.

Schritt 5: Präsentation und Feedback

Im letzten Schritt präsentieren Sie Ihre Skizzen der Gruppe. Sie erklären, welche Entscheidungen Sie bei der Gestaltung getroffen haben und welche Herausforderungen Ihnen begegnet sind. Die Gruppe und die Moderation geben Ihnen konstruktives Feedback zu Ihrer Arbeit, mit Hinweisen zur Lesbarkeit, Klarheit und Gestaltung.

Schritt 6: Abschluss und Reflexion

Zum Abschluss reflektieren Sie, was Sie aus dem Workshop mitgenommen haben und wie Sie das Gelernte in zukünftigen Projekten anwenden können. Die Moderation fasst die wichtigsten Erkenntnisse zusammen und gibt Tipps, wie Sie Ihre Sketching-Fähigkeiten weiterentwickeln können. Abschließend teilen Sie Ihre Eindrücke aus dem Workshop in einer kurzen Feedbackrunde.

Ergebnis

Am Ende des Workshops können Sie mit Stift und Papier klare und effektive Layouts und Wireframes erstellen. Sie haben grundlegende Techniken erlernt, erste eigene Ideen entwickelt und Feedback erhalten, um Ihre Designs weiter zu verbessern. Die Skizzen aus dem Workshop können als Grundlage für weitere Projektphasen dienen.