Jump to content

Wireframes

From Parasol

Hier ist die Seite Wireframes!

Programm: Sketch

Coworking w/ Abstract

Create File(s):

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