Adi PurdilaMay 21, 2015Lessons: 17Length: 1.6 hours

Next lesson playing in 5 seconds

Overview
Transcript

5.3 Space-Saving Elements

I called these “space-saving elements” because they allow you to fit a lot of information within a very small space. In this lesson we’ll build a tab control as well as an accordion and a carousel.

1.Hello!
1 lesson, 01:18

2.About Wireframing
4 lessons, 25:00

2.1
Why Should You Use Wireframes?
06:34

2.2
Wireframes vs. Prototypes vs. Mockups
05:17

2.3
Existing Wireframing Solutions
03:32

2.4
Wireframing With Sketch
09:37

3.The Wireframing Kit
2 lessons, 05:57

4.Basic Elements
4 lessons, 26:21

4.2
Buttons and Form Elements
08:34

5.Advanced Elements
5 lessons, 33:18

5.3
Space-Saving Elements
07:10

5.5
Other Common Elements
13:13

6.Conclusion
1 lesson, 01:29

Adi Purdila is a web design instructor for Tuts+. With over 100 courses and 200 tutorials published to date, Adi's goal is to help students become better web designers and developers by creating content that’s easy to follow and offers great value. Being self-taught himself, Adi strongly believes that constant learning (academic or otherwise) is the only way to move forward and achieve your goals. When not typing away at his keyboard, he loves woodworking and caring for his ever-growing family of rescue pets. You can stay up to date with what he's doing by following him on social media or visiting his website at adipurdila.com.

adipurdila

Wireframing With Sketch

Next lesson playing in 5 seconds

5.3 Space-Saving Elements

1.Hello!
1 lesson, 01:18

1.1
Welcome
01:18

2.About Wireframing
4 lessons, 25:00

2.1
Why Should You Use Wireframes?
06:34

2.2
Wireframes vs. Prototypes vs. Mockups
05:17

2.3
Existing Wireframing Solutions
03:32

2.4
Wireframing With Sketch
09:37

3.The Wireframing Kit
2 lessons, 05:57

3.1
The Kit Structure
03:22

3.2
The Kit Defaults
02:35

4.Basic Elements
4 lessons, 26:21

4.1
Shapes
07:06

4.2
Buttons and Form Elements
08:34

4.3
Text Elements
03:19

4.4
Placeholders
07:22

5.Advanced Elements
5 lessons, 33:18

5.1
Forms
06:14

5.2
Header Elements
02:23

5.3
Space-Saving Elements
07:10

5.4
Media
04:18

5.5
Other Common Elements
13:13

6.Conclusion
1 lesson, 01:29

6.1
Final Words
01:29

Wireframing With Sketch

Next lesson playing in 5 seconds

5.3 Space-Saving Elements

1.Hello!1 lesson, 01:18

2.About Wireframing4 lessons, 25:00

3.The Wireframing Kit2 lessons, 05:57

4.Basic Elements4 lessons, 26:21

5.Advanced Elements5 lessons, 33:18

6.Conclusion1 lesson, 01:29

1.Hello!
1 lesson, 01:18

2.About Wireframing
4 lessons, 25:00

3.The Wireframing Kit
2 lessons, 05:57

4.Basic Elements
4 lessons, 26:21

5.Advanced Elements
5 lessons, 33:18

6.Conclusion
1 lesson, 01:29