Wireframes: Difference between revisions
| Line 13: | Line 13: | ||
{| | {| | ||
! style="text-align:left;"| Device: | ! style="text-align:left;"| Device: | ||
!Desktop | !style="text-align:left;"|Desktop | ||
!Tablet | !style="text-align:left;"|Tablet | ||
!Cell | !style="text-align:left;"|Cell | ||
|- | |- | ||
|Columns: | |Columns: | ||
| Line 51: | Line 51: | ||
|Xpx | |Xpx | ||
|48px | |48px | ||
|- | |||
|Rows: | |||
|yes | |||
|yes | |||
|yes | |||
|- | |||
|Gutter Height: | |||
|820px | |||
|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. | Tipp: If you click the CTA [Make Default], the program makes these characteristics permanent, until overwritten. | ||
Revision as of 08:17, 4 July 2018
Hier ist die Seite Wireframes!
Programm: Sketch
Desktop
Artboard
Width: 1440px
Layout Settings
| Device: | Desktop | Tablet | Cell |
|---|---|---|---|
| Columns: | yes | yes | yes |
| Total Width: | 1300px | Xpx | 335px |
| Offset: | 70px | Xpx | 20px |
| Number of Colums: | 12 | 9 | 6 |
| Gutter on outside: | no | no | no |
| Gutter Width: | 20px | Xpx | 10px |
| Column Width: | 90px | Xpx | 48px |
| Rows: | yes | yes | yes |
| Gutter Height: | 820px | 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.