Material Design von Google für Webanwendungen - Seminar / Kurs von GFU Cyrus AG
Inhalte
- Einführung in das Material System
- Prinzipien, Komponenten, Themen
- Themes erstellen
- Vorstellung der Komponenten
- Hintergrundgestaltung
- Banner
- Cards
- Eingabefelder, Schaltflächen, Checkboxen, Radio buttons, Fortschrittsanzeigen, Schieberegler
- Chips
- Tabellen
- Datepicker
- Dialoge
- Bilder
- Listen und Menus
- Navigationen
- Sheets und Snackbars
- Switches
- Tabs
- Time pickers
- Tooltips
- Layouts planen und umsetzen
- Einführung in Spalten und Abstände
- Das responsive Grid und Anpassungen
- Breakpoints und Geräte
- UI Regions: Funktionale Bereiche im Layout
- Farben richtig einsetzen
- Ein Farbschema planen und anlegen
- Die primäre und sekundäre Farbe
- Typografie und Iconografie, Hintergrund und Kontrast
- Mit Farben kommunizieren - Zustände und Meldungen
- Barrierefreier Einsatz von Farben
- Typografie
- Das typografische System verstehen
- Anpassungen
- Sprachenunterstützung
- Sound
- Warum Sound wichtig ist: Einsatz und Wirkung
- Sound als Feedback
- Sound zur Gestaltung nutzen
- Icons und Shapes
- Icons richtig einsetzen
- Shapes zur prägnanten Gestaltung nutzen
- Bewegung verstehen und einsetzen
- Geschwindigkeit
- Einfache und komplexe Bewegungen
- Transition Pattern
- Interaktion planen und gestalten
- Gesten verstehen
- Zeigen und Auswahl
- Zustände visualisieren
- Einführung in das Material System
- Prinzipien, Komponenten, Themen
- Themes erstellen
- Vorstellung der Komponenten
- Hintergrundgestaltung
- Banner
- Cards
- Eingabefelder, Schaltflächen, Checkboxen, Radio butto ...
Lernziele
Nach dem Seminar verstehst und beherrscht Du die Grundlagen der Material Design Bibliothek von Google. Sie können ein eigenes Thema konzipieren und realisieren. Sie wissen über Gebrauchstauglichkeit, das Kundenerlebnis und das Design von Benutzeroberflächen Bescheid.
Nach dem Seminar verstehst und beherrscht Du die Grundlagen der Material Design Bibliothek von Google. Sie können ein eigenes Thema konzipieren und realisieren. Sie wissen über Gebrauchstauglichke ... Mehr Informationen >>
Zielgruppen
Web- und Anwendungsentwickler, Designer mit Umsetzungskenntnissen. Vorausgesetzt werden profunde HTML- und CSS Kennnisse, sowie Javascript.
Web- und Anwendungsentwickler, Designer mit Umsetzungskenntnissen. Vorausgesetzt werden profunde HTML- und CSS Kennnisse, sowie Javascript. ... Mehr Informationen >>