Visuelle
Gestaltung
Interaktiver
Produkte M14
@dblO_Om
Creative Director @ Mysign
Als Creative Director bringe ich 17 Jahre Erfahrung als
Designer in verschiedensten CD...
L1
Gestalt
Form
Struktur
Raster UsabilityTypografie
Grids, Fluid– / Responsive Design, 

CSS-Frameworks
Lesbarkeit, Schriftgrössen RWD, Strategien,
...
Raster
vs
Responsive
vs Adaptive
Alles im
Fluss
Relative
Werte
Breakpoints
Max und Min
Mobile oder
Desktop first?
Typografie
vs
vs
A B
Schiftgrösse in allen Breakpoints gleich. Schiftgrösse je Breakpoint teilweise unterschiedlich.
fonts.com
150’000
Schriften
Usability
vs
Farbkontraste auf Papier Farbkontraste auf Display
Interactive Dock – Visuelle Gestaltung Interaktiver Produkte
Nächste SlideShare
Wird geladen in …5
×

Interactive Dock – Visuelle Gestaltung Interaktiver Produkte

190 Aufrufe

Veröffentlicht am

Auszug aus Modul 14 (Lektion 1 und 2). Alle Lehrgänge und Informationen zum Kurs Interactive Dock sind unter http://interactivedock.ch zu finden.

Veröffentlicht in: Design
0 Kommentare
1 Gefällt mir
Statistik
Notizen
  • Als Erste(r) kommentieren

Keine Downloads
Aufrufe
Aufrufe insgesamt
190
Auf SlideShare
0
Aus Einbettungen
0
Anzahl an Einbettungen
13
Aktionen
Geteilt
0
Downloads
0
Kommentare
0
Gefällt mir
1
Einbettungen 0
Keine Einbettungen

Keine Notizen für die Folie

Interactive Dock – Visuelle Gestaltung Interaktiver Produkte

  1. 1. Visuelle Gestaltung Interaktiver Produkte M14
  2. 2. @dblO_Om Creative Director @ Mysign Als Creative Director bringe ich 17 Jahre Erfahrung als Designer in verschiedensten CD Agenturen und meiner 7 jährigen Tätigkeit als Inhaber der Design- und Webagentur frühjahr mit. Nach meiner Ausbildung als Grafiker an der Kunstgewerbeschule in Bern entwickelte ich in meiner Karriere Corporate Designs, Webdesigns und Interfaces für verschiedenste Brands. Ich bin Mitglied beim SGD (Swiss Graphic Designers). Eine Schwäche von mir ist der Hang zur Perfektion. Ich mag Jalapeños, Qualität von früher, Technologie von morgen und Uhren. Viele Uhren. David
 Blum
  3. 3. L1 Gestalt Form Struktur
  4. 4. Raster UsabilityTypografie Grids, Fluid– / Responsive Design, 
 CSS-Frameworks Lesbarkeit, Schriftgrössen RWD, Strategien, Schriften kaufen / einbinden Farben, Kontraste, Lesbarkeit, Grössen,
 Touch Abstönden, Hamburger Icons und co. Gestalt Form Struktur
  5. 5. Raster
  6. 6. vs
  7. 7. Responsive vs Adaptive
  8. 8. Alles im Fluss
  9. 9. Relative Werte
  10. 10. Breakpoints
  11. 11. Max und Min
  12. 12. Mobile oder Desktop first?
  13. 13. Typografie
  14. 14. vs
  15. 15. vs
  16. 16. A B Schiftgrösse in allen Breakpoints gleich. Schiftgrösse je Breakpoint teilweise unterschiedlich.
  17. 17. fonts.com 150’000 Schriften
  18. 18. Usability
  19. 19. vs Farbkontraste auf Papier Farbkontraste auf Display

×