Flat UI Design and Development

with

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× speed

Free Preview: Flat UI Design and Development

Introduction

01:08

1.Course Overview
2 lessons, 06:38

Free Preview
1.1
Introduction
01:08

Free Preview
1.2
Best Practices for UI Development & Design
05:30

2.UI Fundamentals
3 lessons, 18:25

2.1
Design Debriefing
06:25

2.2
Resources Needed
05:00

2.3
Development Setup
07:00

3.UI Development
24 lessons, 4:44:32

3.1
Large Navigation: Part 1
11:10

3.2
Large Navigation: Part 2
12:03

3.3
Menu 1: Part 1
10:42

3.4
Menu 1: Part 2
13:30

3.5
Menu 2: Part 1
09:56

3.6
Menu 2: Part 2
13:28

3.7
Menu 2: Part 3
16:26

3.8
Simple Navigation
07:17

3.9
Buttons: Small & Medium
10:58

3.10
Buttons: Medium & Large
09:24

3.11
Buttons: Large
10:02

3.12
Responsive Large Buttons
11:18

3.13
Form UI
11:55

3.14
Video Player UI: Part 1
11:47

3.15
Video Player UI: Part 2
12:04

3.16
Dialog UI: Part 1
07:10

3.17
Dialog UI: Part 2
09:16

3.18
Datepicker UI: Part 1
09:59

3.19
Datepicker UI: Part 2
12:07

3.20
Datepicker UI: Part 3
14:22

3.21
Tab UI: Part 1
14:50

3.22
Tab UI: Part 2
15:06

3.23
Tab UI: Part 3
13:41

3.24
Stitching It All Together
16:01

4.Conclusion
1 lesson, 01:57

4.1
Overview and Goodbye
01:57


Preview for Flat UI Design and Development
Lessons:
30
Length:
5.2 hours
Categories:
I am a trainer from Cartoonsmart. I love to learn and teach in the graphic and web design area. I am also a developer coding css, html, php and javascript.
+ Expand Bio- Collapse Bio