100s of email, admin & website templates now available on Envato Elements. Unlimited downloads. JUST $29/MONTH

Flat UI Design and Development

by Lawrence Turton12 May 2014

Lessons:30Length:5.2 hours

UI Design HTML CSS

Turn Autoplay Off

Next lesson playing in 5 seconds

Free Preview: Flat UI Design and Development

Introduction

01:08

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
2 lessons, 06:38

Free Lesson

1.1
Introduction
01:08

Free Lesson

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

Lawrence Turton

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.