sketch-learning
Learning to use Sketch by practice.
0x09 Personal Site
0x08 Day
Implement
- Read Mastering the Bézier Curve in Sketch
- Draw Twitter Icon with Bezier Curve and Imitate the Horizontal & Vertical Bezier
Note
- Hold
Shiftwhen dragging out your handles to snap them horizontally & vertically.
Result
0x07 Day
Implement
Note
- How to customize and combine basic shapes into illustrations more: Harnessing Vector Awesomeness in Sketch
Result
0x06 Day
Implement
- Imitate Google Trend
Note
- Download popularity typeface from Google Fonts
- Read Thinking with Type
- Same font can be apply in different size UI.
Result
Following is the imitation UI for desktop HD and you can find the mobile in 0x06_Google_Trend folder.
0x05 Day
Implement
- Imitate Twitter lite
- Twitter Lite Part.2 - by Sebastien Gabriel
Note
- Discover the Sketch Plugins features. more: Sketch Toolbox Awesome Sketch Plugins
- Get plenty of Sketch free resources in Sketch APP Sources, such as iPhone Wireframe or cute icon.
- Use Shared style to keep the style of multiple layers the same.
Result
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
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
0x02 Day
Implement
How to Create a Website Header Design Using Bohemian Coding Sketch
Note
- How to add background.
- Edit the simple shape.
Result
0x01 Day
Implement
Sketch for Beginners: Design a Login Form Interface
Note
- Familiar with the sketch basic operation.
- How to organize the group.
- Don't understand boolean operation like Substract.
- Free (do whatever you want) high-resolution photos
Result
