Jump to content

Wireframes

From Parasol
Revision as of 13:58, 19 June 2019 by Thomas Martin Schwarz (talk | contribs)
(diff) ← Older revision | Latest revision (diff) | Newer revision → (diff)

Hier ist die Seite Wireframes!

Programm: Sketch

Coworking w/ Abstract

[edit]

Create Projects:

[edit]

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:

[edit]

1. Click [CTA] "Commit Changes"

2. Summarize your changes...

3. Click [CTA] "Commit Changes"

Basics

[edit]
Error creating thumbnail: File missing
Desktop
Error creating thumbnail: File missing
Tablet

Layout Settings

[edit]
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