Current design trends combine the principles of minimalism with bright colors and interesting typography, resulting in a “flat” style that’s as beautiful as it is simple. Flat UI design is a powerful concept because it focuses so heavily on content. In this course, we’ll look at how we can design and build flat UI elements so you can start using them in your web design projects today!
1.Course Overview
1.1Introduction01:08
1.1
Introduction
01:08
1.2Best Practices for UI Development & Design05:30
1.2
Best Practices for UI Development & Design
05:30
2.UI Fundamentals
2.1Design Debriefing06:25
2.1
Design Debriefing
06:25
2.2Resources Needed05:00
2.2
Resources Needed
05:00
2.3Development Setup07:00
2.3
Development Setup
07:00
3.UI Development
3.1Large Navigation: Part 111:10
3.1
Large Navigation: Part 1
11:10
3.2Large Navigation: Part 212:03
3.2
Large Navigation: Part 2
12:03
3.3Menu 1: Part 110:42
3.3
Menu 1: Part 1
10:42
3.4Menu 1: Part 213:30
3.4
Menu 1: Part 2
13:30
3.5Menu 2: Part 109:56
3.5
Menu 2: Part 1
09:56
3.6Menu 2: Part 213:28
3.6
Menu 2: Part 2
13:28
3.7Menu 2: Part 316:26
3.7
Menu 2: Part 3
16:26
3.8Simple Navigation07:17
3.8
Simple Navigation
07:17
3.9Buttons: Small & Medium10:58
3.9
Buttons: Small & Medium
10:58
3.10Buttons: Medium & Large09:24
3.10
Buttons: Medium & Large
09:24
3.11Buttons: Large10:02
3.11
Buttons: Large
10:02
3.12Responsive Large Buttons11:18
3.12
Responsive Large Buttons
11:18
3.13Form UI11:55
3.13
Form UI
11:55
3.14Video Player UI: Part 111:47
3.14
Video Player UI: Part 1
11:47
3.15Video Player UI: Part 212:04
3.15
Video Player UI: Part 2
12:04
3.16Dialog UI: Part 107:10
3.16
Dialog UI: Part 1
07:10
3.17Dialog UI: Part 209:16
3.17
Dialog UI: Part 2
09:16
3.18Datepicker UI: Part 109:59
3.18
Datepicker UI: Part 1
09:59
3.19Datepicker UI: Part 212:07
3.19
Datepicker UI: Part 2
12:07
3.20Datepicker UI: Part 314:22
3.20
Datepicker UI: Part 3
14:22
3.21Tab UI: Part 114:50
3.21
Tab UI: Part 1
14:50
3.22Tab UI: Part 215:06
3.22
Tab UI: Part 2
15:06
3.23Tab UI: Part 313:41
3.23
Tab UI: Part 3
13:41
3.24Stitching It All Together16:01
3.24
Stitching It All Together
16:01
4.Conclusion
4.1Overview and Goodbye01:57
4.1
Overview and Goodbye
01:57
