Skip to content
master
Switch branches/tags
Go to file
Code

Latest commit

 

Git stats

Files

Permalink
Failed to load latest commit information.
Type
Name
Latest commit message
Commit time
 
 
 
 
 
 
 
 

sketch-learning

Learning to use Sketch by practice.

0x09 Personal Site

![Personal Site](./0x09_Personal_Site/Desktop HD.png)

0x08 Day

Implement

Note

  • Hold Shift when dragging out your handles to snap them horizontally & vertically.

Result

Twitter Icon Bezier Path


0x07 Day

Implement

Note

Result

Flat Icon


0x06 Day

Implement
Note
Result

Following is the imitation UI for desktop HD and you can find the mobile in 0x06_Google_Trend folder.

Google Trend Desktop Google Trend Mobile


0x05 Day

Implement
Note
Result

Twitter lite


0x04 Day

Implement

Experimenting With Colors And Concepts

Note
  • Meng To’s design blog is valuable and worthy to read.
  • From Experimenting With Colors And Concepts, I studied how to "steal" others' color inspiration.
  • The Make Grid feature can help you create a series of squares quickly.
  • How to export different size pic.
Result

0x04_Color_Experiment


0x03 Day

Implement

Sketch Tutorial_01 Colorful switch

Note
  • To create shadows is so complex...
  • The Sketch with built-in many useful templates.
  • Learn some Sketch Shortcuts. more: Sketch Shortcuts
Result

0x03_Colorful_Switch


0x02 Day

Implement

How to Create a Website Header Design Using Bohemian Coding Sketch

Note
  • How to add background.
  • Edit the simple shape.
Result

0x02_Header


0x01 Day

Implement

Sketch for Beginners: Design a Login Form Interface

Note
Result

0x01_Login

About

sketch-learning

Resources

License

Releases

No releases published

Packages

No packages published