by Adi Purdila
Lessons:17Length:1.8 hours
Next lesson playing in 5 seconds
CancelFree Preview: User Interface Design for the Web
Welcome
01:14
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.Introduction1 lesson, 01:14
1 lesson, 01:14
Free Lesson 1.1Welcome01:14
Free Lesson
1.1
Welcome
01:14
2.The Basics8 lessons, 41:10
8 lessons, 41:10
Free Lesson 2.1What is User Interface Design?04:12
Free Lesson
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.Exercise7 lessons, 1:06:33
7 lessons, 1:06:33
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.Conclusion1 lesson, 00:52
1 lesson, 00:52
4.1Conclusion00:52
4.1
Conclusion
00:52
Subscribe to watch full course
Subscribe to watch full course