Lessons: 17Length: 1.6 hours
- Overview
- Transcript
1.1 Welcome
Hello and welcome to “Wireframing With Sketch”. In this lesson you’ll get an overview of what you’ll be learning in this course. We’ll begin by covering some principles which will help you understand a wireframe’s role in the web design process. Ultimately, we’ll take a practical approach to things and begin preparing our own wireframe kit in Sketch.
1.Hello!
1.1Welcome01:18
1.1
Welcome
01:18
2.About Wireframing
2.1Why Should You Use Wireframes?06:34
2.1
Why Should You Use Wireframes?
06:34
2.2Wireframes vs. Prototypes vs. Mockups05:17
2.2
Wireframes vs. Prototypes vs. Mockups
05:17
2.3Existing Wireframing Solutions03:32
2.3
Existing Wireframing Solutions
03:32
2.4Wireframing With Sketch09:37
2.4
Wireframing With Sketch
09:37
3.The Wireframing Kit
3.1The Kit Structure03:22
3.1
The Kit Structure
03:22
3.2The Kit Defaults02:35
3.2
The Kit Defaults
02:35
4.Basic Elements
4.1Shapes07:06
4.1
Shapes
07:06
4.2Buttons and Form Elements08:34
4.2
Buttons and Form Elements
08:34
4.3Text Elements03:19
4.3
Text Elements
03:19
4.4Placeholders07:22
4.4
Placeholders
07:22
5.Advanced Elements
5.1Forms06:14
5.1
Forms
06:14
5.2Header Elements02:23
5.2
Header Elements
02:23
5.3Space-Saving Elements07:10
5.3
Space-Saving Elements
07:10
5.4Media04:18
5.4
Media
04:18
5.5Other Common Elements13:13
5.5
Other Common Elements
13:13
6.Conclusion
6.1Final Words01:29
6.1
Final Words
01:29
