Wireframes: Difference between revisions
| Line 24: | Line 24: | ||
|- | |- | ||
|Total Width: | |Total Width: | ||
| | |1280px | ||
|Xpx | |Xpx | ||
|335px | |335px | ||
|- | |- | ||
|Offset: | |Offset: | ||
| | |80px | ||
|Xpx | |Xpx | ||
|20px | |20px | ||
|- | |- | ||
|Number of Colums: | |Number of Colums: | ||
| | |24 | ||
|9 | |9 | ||
|6 | |6 | ||
| Line 44: | Line 44: | ||
|- | |- | ||
|Gutter Width: | |Gutter Width: | ||
| | |24px | ||
|Xpx | |Xpx | ||
|10px | |10px | ||
|- | |- | ||
|Column Width: | |Column Width: | ||
| | |30px | ||
|Xpx | |Xpx | ||
|48px | |48px | ||
| Line 59: | Line 59: | ||
|- | |- | ||
|Gutter Height: | |Gutter Height: | ||
| | |8px | ||
|Xpx | |Xpx | ||
|667px | |667px | ||
Revision as of 13:18, 16 July 2018
Hier ist die Seite Wireframes!
Programm: Sketch
Basics
Layout Settings
| Device: | Desktop | Tablet | Cell |
|---|---|---|---|
| Artboard Width: | 1440px | 768px | 375px |
| Columns: | yes | yes | yes |
| Total Width: | 1280px | Xpx | 335px |
| Offset: | 80px | Xpx | 20px |
| Number of Colums: | 24 | 9 | 6 |
| Gutter on outside: | no | no | no |
| Gutter Width: | 24px | Xpx | 10px |
| Column Width: | 30px | Xpx | 48px |
| Rows: | yes | yes | yes |
| Gutter Height: | 8px | Xpx | 667px |
| Row Height: | 1 x Gutter Height | 1 x Gutter Height | 1 x Gutter Height |
| Draw all horizontal lines: | yes | yes | yes |
| Visuals: | Stroke Outline | Stroke Outline | Stroke Outline |
| Colors: | Dark (), Light () | Dark (), Light () | Dark (), Light () |
Tipp: If you click the CTA [Make Default], the program makes these characteristics permanent, until overwritten.