Wireframes

Hier ist die Seite Wireframes!

Programm: Sketch

Coworking w/ Abstract

Create Projects:

1. Open [App] "Abstract"

2. Click [CTA] "New Project"

    Name: {Projectnumber}
    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

Error creating thumbnail: File missing

Desktop

Error creating thumbnail: File missing

Tablet

Layout Settings

Device:	Desktop	Tablet	Cell
Artboard Width:	1440px	768px	375px
Columns:	yes	yes	yes
Total Width:	1280px	648px	355px
Offset:	80px	60px	10px
Number of Colums:	24	12	12
Gutter on outside:	no	no	no
Gutter Width:	16px	12px	5px
Column Width:	38px	43px	25px
Rows:	yes	yes	yes
Gutter Height:	8px	8px	8px
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

Cell

https://drive.google.com/open?id=1uV-ROxfxwyTunczeOgAHYF4VP7Si0nphqE_CphHLY3w