sketch-learning
Switch branches/tags
Nothing to show
Clone or download
Fetching latest commit…
Cannot retrieve the latest commit at this time.
Permalink
Type Name Latest commit message Commit time
Failed to load latest commit information.
0x01_Login
0x02_Header
0x03_Colorful_Switch
0x04_Color_Experiment
0x05_Twitter_Lite
0x06_Google_Trend
0x07_Flat_Icon
0x08_Bezier_Curve
0x09_Personal_Site
LICENSE
README.md

README.md

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