Eins für alle! Ein Praxisworkshop zu Responsive Design
41
-
Upload
denkwerk-gmbh -
Category
Technology
-
view
993 -
download
3
description
Responsive Design ist aktuell eines der am häufigsten strapazierten Buzzwords. Doch im Unterschied zu vielen anderen Worthülsen stellt dieses Konzept die Arbeitsprozesse aller Disziplinen auf den Kopf. Im Workshop am 23.1.2014 am Fraunhofer-Institut für Angewandte Informationstechnik FIT diskutierten Charlotte Block und Christian Leuenhagen mögliche Konzepte der Zusammenarbeit und probierten an konkreten Beispielen aus, wie für verschiedene Auflösungen gestaltet und adaptiert werden kann.
Transcript of Eins für alle! Ein Praxisworkshop zu Responsive Design
2
3
4
5
6
7
8
9
10
11
12
13
Minor Breakpoint
z.B. Änderung der
Subnavigation und Sidebar
Smartphones 3“ – 4,8“ Tablets 7“ – 10“ Computer 11“ – 27“
Grid 2: Standard Web Version (>= 768px) Grid 1: Mobile Version (< 768px)
320px 480px 768px 981 px (tbd) 1280px
Flexibles Verhalten 320 px – 767 px
Prozentuale Skalierung von Bildern und
Texten, flexible Textumbrüche
Major Breakpoint
Änderung des Rasters
und der Navigation
Flexibles Verhalten 768 px – 981 px
Prozentuale Skalierung von Bildern und
Texten, flexible Textumbrüche
Flexibles Verhalten 981 px – 1280 px
Prozentuale Skalierung von Bildern und
Texten, flexible Textumbrüche
Zentrierte Anordnung
> 1280 px
14
15
16
17
18
19
20
21
22
23
24
•
•
•
•
•
•
•
•
25
26
27 27
28
29
30
31
32
33
34
××
35
36
37
38
39
40
41
