Lessons: 21Length: 2.1 hours
- Overview
- Transcript
3.1 Acquiring the Project Fonts
In this lesson, we take a trip over to Google's Web Fonts and grab a couple to use in our project design.
Google Webfonts1.Introduction
1.1Introduction01:26
1.1
Introduction
01:26
1.2What is Flat Design?03:09
1.2
What is Flat Design?
03:09
2.Getting Set Up
2.1Previewing the Design00:59
2.1
Previewing the Design
00:59
2.2Setting Up the Photoshop File02:35
2.2
Setting Up the Photoshop File
02:35
3.Building a Flat Design
3.1Acquiring the Project Fonts01:42
3.1
Acquiring the Project Fonts
01:42
3.2Title and Subtitle04:50
3.2
Title and Subtitle
04:50
3.3Navigation Items10:37
3.3
Navigation Items
10:37
3.4Navigation Dividers07:13
3.4
Navigation Dividers
07:13
3.5Designing a Dropdown Menu09:04
3.5
Designing a Dropdown Menu
09:04
3.6Slider Background and Text07:47
3.6
Slider Background and Text
07:47
3.7Placing the Graphics07:06
3.7
Placing the Graphics
07:06
3.8Slider Navigation08:30
3.8
Slider Navigation
08:30
3.9Content Background and Text08:25
3.9
Content Background and Text
08:25
3.10Illustrating the Monitor Icon06:54
3.10
Illustrating the Monitor Icon
06:54
3.11Illustrating the Camera Icon11:33
3.11
Illustrating the Camera Icon
11:33
3.12Illustrating the Camera Lens08:57
3.12
Illustrating the Camera Lens
08:57
3.13Setting Up a 3-Column Layout05:54
3.13
Setting Up a 3-Column Layout
05:54
3.14Filling in the Blog Section05:57
3.14
Filling in the Blog Section
05:57
3.15Social Media Icons04:15
3.15
Social Media Icons
04:15
3.16Designing a Flat Registration Form07:14
3.16
Designing a Flat Registration Form
07:14
4.Conclusion
4.1Final Thoughts01:30
4.1
Final Thoughts
01:30
