2013
Tuts+
Craig Campbell
2:24
English

Navigation is one of the most important aspects of web design. If people cannot navigate through your site, they will quickly leave. Thus, designing effective navigation on your web site is crucial. So in this course, Craig Campbell will walk you through the steps of how to design three different types of navigation bars using Photoshop, which will help you achieve effective navigation designs!

1.Welcome
1.1 Course Overview
1.2 The Basics of Navigation Design
2.Project 1: Horizontal Nav Bar
2.1 Setting Up the File (Horizontal Nav Bar)
2.2 Background and Dividers (Horizontal Nav Bar)
2.3 Filling in the Text (Horizontal Nav Bar)
2.4 Creating Hover States
2.5 Creating the Drop Down Menu
2.6 Finishing Out the Menu
3.Project 2: 3D Nav Bar
3.1 Setting Up the File (3D Nav Bar)
3.2 Background and Dividers (3D Nav Bar)
3.3 Filling in the Text (3D Nav Bar)
3.4 Creating Hover States and Drop Downs
3.5 Social Media Icons
3.6 Adding a Logo and Contact Info
4.Project 3: Vertical Navigation
4.1 Setting Up the File (Vertical Navigation)
4.2 Enhancing and Cutting Up the Background
4.3 Text and Hover States
4.4 Creating the Drop Down Background
5.Finishing Up
5.1 Final Thoughts

Download File Size:1.17 GB

---