Wireframes: Difference between revisions
No edit summary |
|||
| Line 5: | Line 5: | ||
=Coworking w/ Abstract= | =Coworking w/ Abstract= | ||
Open [App] "Abstract" | 1. Open [App] "Abstract" | ||
Click [CTA] "New Project" | 2. Click [CTA] "New Project" | ||
Name: {Projectnumer} | Name: {Projectnumer} | ||
Description: What is the project about? | Description: What is the project about? | ||
Color: {CD-Color of the client} | Color: {CD-Color of the client} | ||
Click [CTA] "Create Project" | 3. Click [CTA] "Create Project" | ||
Click [CTA] "Create Sketch File" | 4. Click [CTA] "Create Sketch File" | ||
File name: {Projectnumber}_Wireframes | File name: {Projectnumber}_Wireframes | ||
Use as Library: no | Use as Library: no | ||
Click [CTA] "Create Sketch File" | 5. Click [CTA] "Create Sketch File" | ||
Click [Dropdwon] "Add File" | 6. Click [Dropdwon] "Add File" | ||
Click [List-Item] "Create Sketch File" | 7. Click [List-Item] "Create Sketch File" | ||
File name: {Projectnumber}_Symbols | File name: {Projectnumber}_Symbols | ||
Use as Library: yes | Use as Library: yes | ||
Click [File] "{Projectnumber}_Wireframes" | 8. Click [File] "{Projectnumber}_Wireframes" | ||
Click [CTA] "Edit File in Sketch" | 9. Click [CTA] "Edit File in Sketch" | ||
Click [File] "{Projectnumber}_Symbols" | 10. Click [File] "{Projectnumber}_Symbols" | ||
11. Click [CTA] "Edit File in Sketch" | |||
Every night for every Wireframe you worked on: | Every night for every Wireframe you worked on: | ||
Click [CTA] "Commit Changes" | 1. Click [CTA] "Commit Changes" | ||
Summarize your changes... | 2. Summarize your changes... | ||
Click [CTA] "Commit Changes" | 3. Click [CTA] "Commit Changes" | ||
=Basics= | =Basics= | ||
Revision as of 16:12, 4 December 2018
Hier ist die Seite Wireframes!
Programm: Sketch
Coworking w/ Abstract
1. Open [App] "Abstract"
2. Click [CTA] "New Project"
Name: {Projectnumer}
Description: What is the project about?
Color: {CD-Color of the client}
3. Click [CTA] "Create Project"
4. Click [CTA] "Create Sketch File"
File name: {Projectnumber}_Wireframes
Use as Library: no
5. Click [CTA] "Create Sketch File"
6. Click [Dropdwon] "Add File"
7. Click [List-Item] "Create Sketch File"
File name: {Projectnumber}_Symbols
Use as Library: yes
8. Click [File] "{Projectnumber}_Wireframes"
9. Click [CTA] "Edit File in Sketch"
10. Click [File] "{Projectnumber}_Symbols"
11. Click [CTA] "Edit File in Sketch"
Every night for every Wireframe you worked on:
1. Click [CTA] "Commit Changes"
2. Summarize your changes...
3. Click [CTA] "Commit Changes"
Basics
Layout Settings
| Device: | Desktop | Tablet | Cell |
|---|---|---|---|
| Artboard Width: | 1440px | 768px | 375px |
| Columns: | yes | yes | yes |
| Total Width: | 1280px | Xpx | 355px |
| Offset: | 80px | Xpx | 10px |
| Number of Colums: | 24 | 12 | 6 |
| Gutter on outside: | no | no | no |
| Gutter Width: | 16px | 12px | 11px |
| Column Width: | 38px | 43px | 50px |
| 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.
Error creating thumbnail: File missing
https://drive.google.com/open?id=1uV-ROxfxwyTunczeOgAHYF4VP7Si0nphqE_CphHLY3w