Video icon 64
Upgrade your design skills with practical video courses from Tuts+. Start your free trial today.

Principles of UI design

Having a clear understanding of what UI design is and what principles to follow is without the best way to start any UI design. So in this video we will understand what UI design is and what principles best to follow that relate to web design.

1.Introduction
3 lessons, 09:18

Free Preview
1.1
Course overview
02:05

Free Preview
1.2
Principles of UI design
03:23

1.3
Examples Of Good Inspirational Ui Design
03:50

2.Dark navigation menu
5 lessons, 40:47

2.1
Inspiration And Getting Set Up
03:48

2.2
Creating The Background Bars
05:01

2.3
Shadows And Feet
11:58

2.4
Adding The Buttons And Overstate
07:48

2.5
Adding Additional Ui Elements (ie: Social Icons, Circles)
12:12

3.Light, clean image slider
5 lessons, 43:51

3.1
Setting Up
04:11

3.2
Creating The Background
05:25

3.3
Corner Elements And Shadows
11:32

3.4
Adding The Navigation Arrows
09:15

3.5
Using A Stock Image And Finishing Up
13:28

4.Retro UI elements
6 lessons, 50:03

4.1
Creating A Ribbon Shape
08:36

4.2
Adding Texture And Styles
03:25

4.3
Adding The Stitching And Navigation Text
06:50

4.4
Adding The Logo
11:33

4.5
Creating The Social Icons
08:54

4.6
Creating Rounded Stitching And Badges
10:45


Neil Pearce is a passionate web & UI designer who has over six years experience. Even though Neil started his career as a front-end developer, Neil's passion is design. Neil now heads the Design courses here on Tuts+ Premium!
+ Expand Bio- Collapse Bio