INHALTE
Der Designprozess von der Idee über Scribbles, Sketches und Wireframes bis zum ersten Prototypen.
Vom Design einzelner Elemente bis zum fertigen Screendesign und dessen Umsetzung mit Sketch oder Photoshop.
Entwicklung eines Styleguides mit Layoutraster, Farbplatte, Typografie und grafischen Elementen.
Anwendung des Styleguides bei der Komposition von Templates und einzelnen Screens.
Umsetzung der Screendesigns in Mockups und interaktiven Prototypen.
Erstellung, Verwaltung und Distribution von Designartefakten mit verschiedenen Methoden und Systemen.
LEISTUNGEN
Interessiert?
oder
oder
Die Welt des digitalen Designs gewinnt immer mehr an Bedeutung. Es entstehen immer mehr digitale Produkte, für die gutes Design erforderlich ist. Dabei ist ein ökonomischer Umgang mit Design- und Entwicklungsressourcen von grosser Bedeutung. Die frühe und konsequente Nutzung von Sketching, Wireframing und Prototyping führt beim Digitalen Design zu schnelleren, durchdachteren Ergebnissen und erhöhter Planbarkeit. Iterativ verbesserte Mockups und Prototypen sprechen eine visuelle Sprache, die für alle verständlich ist und Chancen, Probleme und Aufwände frühzeitig verdeutlicht.
Der Digital Design Kurs vermittelt Ihnen die Anwendung der Prozesse, Methodiken und Tools des Digitalen Designs und führt nachhaltig in die dazugehörige Praxis ein. Sie lernen die verschiedenen Schritte der digitalen Produktionskette zwischen Scribbles, Wireframes, Screendesigns, Mockups und interaktiven Prototypen sowohl theoretisch als auch praktisch kennen. Sie konzipieren und gestalten ein interaktives Produkt und setzen die entworfenen Screendesigns prototypisch um. Sie lernen die Techniken des modernen Webdesign und App Design erfolgreich anzuwenden.
Der Digital Design Kurs wurde für all diejenigen entwickelt, die in und für Agenturen, Unternehmen und Organisationen digitale Produkte wie Websites, Apps und Software gestalten, entwickeln und verantworten. Es eignet sich am besten für Designer, Konzepter, Projekt- und Produkt-Manager sowie Webentwickler, die Ihren Erfahrungshorizont im Bereich des digitalen Designs, den damit verbundenen Prozessen und der dazugehörigen Technik erweitern und festigen möchten.
X8® - UNSER TRAININGSKONZEPT
Dabei sein?
oder
oder
CURRICULUM
DIGITAL DESIGN BASICS
Der Designprozess – von der Idee bis zum ersten Prototyp
Prozesse und Bausteine des digitalen Designs: Scribbles, Sketches, Flows, Wireframes, Interaction Design, Screen Design, Interaktive Mockups
Design-Trends – vom Skeuomorphic zum Material Design
Skeuomorphic Design, Flat Design, Material Design, Endless Scrolling, Card Layouts, Parallaxe Layout, One Pager
Scribbles und Sketches
Skizzen, Sketchnotes, Stenceling, Papier-Prototypen, Paper Cutouts, Design StudioInterface-Elemente
Methoden und Techniken
Einfache, grundlegende Formen, gängige UI-Elemente wie Buttons, Links, Überschriften, Text, Formularelemente, Bilder, Karten, Symbole
Praxis: Erste Scribbles einer Website/App auf Basis von Features und User Flows
WIREFRAMING
Einführung & Grundlagen
Grober Seitenaufbau, Informationsarchitektur, Verwendung, Platzierung und Priorisierung von Interface-Elementen, erste Einschätzung des Folgeaufwands
Screenaufbau
Einspaltige und mehrspaltige Layouts, Full-Screen Layout, Slides, Fixed Sidebar, Square Grid, Masonry, …
Responsive Design
Adaptive, Fixed, Fluid und Responsive Design
Praxis: Erstellung von Wireframes als Vorlage für das Design der Website/App
SCREENDESIGN - BASICS
Einführung & Grundlagen
Pixelgenaues Design: Layout-Breite, Breiten einzelner Elemente, Padding, Margin, Konturen, Schatten, Transparenz, Farbcodes
Praxis: Screendesign mit Photoshop und Sketch
Screendesign – Styleguide
Layout-Raster, Typografie, Farbpalette, Grafische Elemente (Buttons, Icons, Navigation, Formulare, … ), Medien (Bilder/Bildkompositionen, Fotos, Videos…)
Praxis: Erstellung eines Web-/App-Styleguides und Definition grafischer Elemente mit Sketch/Frontify
Screendesign – Templates
Gestaltung/Komposition einzelner Screens (Homepage/Homescreen, Produktübersicht, Produktdetail, Checkout…)
Praxis: Gestaltung einzelner Screen-Templates mit Photoshop/Sketch
DESIGN-MOCKPUS & INTERACTIVE PROTOTYPING
Prototyping tools
Tools (Axure, UXPin, Invision, Marvel, Pop), Beispiele fertiger Prototypen mit ausgewählter Software
Interaktionen & Animationen
Panels & States, Animationen, Transitions, Fadings, Gesten, Swipes, Rollover-Effekte, Skalierung, Transparenz, Sound
Praxis: Umsetzung eines User Flows in Form eines interaktiven Design-Mockups/-Prototypen
PRODUKTION & PRÄSENTATION
Produktion
Verwaltung und Organisation von Designartefakten, Methoden und Systeme, Versionierung, Benennung von Dateien, Ordnern, Ebenen, Layouts, Glossar / Design-Sprache, Teilen / Bereitstellung von Designs
Präsentation
Vorgehensweisen und Psychologie, Feedback geben und bekommen, Gutes und schlechtes Feedback, konstruktive vs. destruktive Kritik, erhält man gutes, praktische Tipps für Designer und Kunden/Auftraggeber von Designs
BENEFITS
TERMINE
Bis zu 15% Rabatt für die Anmeldung mehrerer Mitarbeiter an einem Seminar. Wir sind umsatzsteuerbefreit, daher entsprechen die Netto- den Bruttopreisen.
TESTIMONIALS
INFORMATIONEN
Deutschland fördert Weiterbildung – wir sind dabei. Sie haben vielfach die Möglichkeit in den Genuss einer Förderung für die Teilnahme an unseren Weiterbildungen zu kommen. Wir haben für Sie Informationen zu den wichtigsten Fördermitteln zusammen getragen.
ZERTIFIKAT
Für das abgeschlossene Seminar, die aktive Teilnahme an den praktischen Übungen sowie die Abschlusspräsentation wird das Zertifikat „Certified Digital Designer Deluxe“ des XDi – Experience Design Instituts vergeben. Das Zertifikat ist durch die German UPA und die Interaction Design Foundation anerkannt und genießt mittlerweile internationale Reputation.
Mitmachen!
oder
oder