FREELessons: 17Length: 1.8 hours
Ready to learn the key principles of successful UI design, and apply them to your web design? In this course, instructor Adi Purdila will teach you the principles and techniques of user interface design, and then you'll put that newfound knowledge into practice by creating a fictional website design using Photoshop. Understanding how to create successful user interface design can set your websites apart from the rest—let's get to it!
1.Introduction
1.1Welcome01:14
1.1
Welcome
01:14
2.The Basics
2.1What is User Interface Design?04:12
2.1
What is User Interface Design?
04:12
2.2Know the End Goal04:52
2.2
Know the End Goal
04:52
2.3Get to Know Your User03:44
2.3
Get to Know Your User
03:44
2.4Don't Reinvent the Wheel05:55
2.4
Don't Reinvent the Wheel
05:55
2.5Use Visual Hierarchy05:42
2.5
Use Visual Hierarchy
05:42
2.6Stay Consistent05:10
2.6
Stay Consistent
05:10
2.7Always Provide Feedback05:26
2.7
Always Provide Feedback
05:26
2.8Keep It Simple and Intuitive06:09
2.8
Keep It Simple and Intuitive
06:09
3.Exercise
3.1Wireframing (Part 1)09:53
3.1
Wireframing (Part 1)
09:53
3.2Wireframing (Part 2)08:01
3.2
Wireframing (Part 2)
08:01
3.3PSD: The Page Header06:03
3.3
PSD: The Page Header
06:03
3.4PSD: The Page Banner and Features10:16
3.4
PSD: The Page Banner and Features
10:16
3.5PSD: Testimonials and Footer08:27
3.5
PSD: Testimonials and Footer
08:27
3.6PSD: The About Page10:20
3.6
PSD: The About Page
10:20
3.7PSD: Sign In and Sign Up Pages13:33
3.7
PSD: Sign In and Sign Up Pages
13:33
4.Conclusion
4.1Conclusion00:52
4.1
Conclusion
00:52
