Jump to content

Wireframes: Difference between revisions

From Parasol
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"


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