Hostingheaderbarlogoj
Join InMotion Hosting for $3.49/mo & get a year on Tuts+ FREE (worth $180). Start today.

Advanced UI Techniques

with

Tired of the theory and ready to get cracking? Join Neil Pearce as he rolls up his sleeves and jumps into the hands on practice of creating advanced user interfaces and web design elements in Photoshop. Along the way, you’ll learn how to create common elements and effects, get advice on creating a consistent feel for your UI, and how to wrap it all up for implementation.

1× speed

Free Preview: Advanced UI Techniques

Course overview

02:05

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


Preview for Advanced UI Techniques
Lessons:
19
Length:
2.4 hours
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