Intro to Sketch for Beginners | Tutorial for Sketch Basics
3.5K views · 2019-02-26
UI Design
In this video I go over the basics of Sketch and show you how to get started with the program. Sketch is a lightweight, but powerful UI design tool. As a Product Designer, I use it everyday to create the interfaces for software, websites and applications.
This introductory video goes over how to create and duplicate artboards. How to get started with symbols by showing you how to create and edit them and how to complete overrides. I also go over pixel distance tools and how Sketch alignment works. I go over the power of Sketch's text and color styles and how to incorporate them in your UI design project. Finally I show you how to export Sketch layers.
I show you:
- 1:27 How to create and duplicate artboards
- 4:28 How to create and modify symbols
- 5:43 Distance tools
- 7:24 Alignment tools
- 8:03 How to create and edit Sketch text styles
- 10:31 How to create and edit Sketch color styles
- 13:15 How to complete Sketch symbol overrides
- 14:52 How to export layers
Try Sketch here:
https://www.sketchapp.com/
Want to improve your design to development workflow? See how I use Zeplin to handoff design assets: https://www.youtube.com/watch?v=D3ZF27bBdn4
Let's Connect
Dribbble: https://dribbble.com/angeladelise
Blog: https://medium.com/@angeladelise
This introductory video goes over how to create and duplicate artboards. How to get started with symbols by showing you how to create and edit them and how to complete overrides. I also go over pixel distance tools and how Sketch alignment works. I go over the power of Sketch's text and color styles and how to incorporate them in your UI design project. Finally I show you how to export Sketch layers.
I show you:
- 1:27 How to create and duplicate artboards
- 4:28 How to create and modify symbols
- 5:43 Distance tools
- 7:24 Alignment tools
- 8:03 How to create and edit Sketch text styles
- 10:31 How to create and edit Sketch color styles
- 13:15 How to complete Sketch symbol overrides
- 14:52 How to export layers
Try Sketch here:
https://www.sketchapp.com/
Want to improve your design to development workflow? See how I use Zeplin to handoff design assets: https://www.youtube.com/watch?v=D3ZF27bBdn4
Let's Connect
Dribbble: https://dribbble.com/angeladelise
Blog: https://medium.com/@angeladelise