Tuts+: Effective Navigation Design

English | MP4 + Project Files | 1280 x 720 | AVC ~1710 kbps | 24 fps

AAC | 226 Kbps | 48.0 KHz | 2 channels | 02h 24min | 1.3 GB

Genre: Video Tutorial / Web-design

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!

Contents:

1.Welcome

1.1 Course Overview

1.2 The Basics of Navigation Design2.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

Author: Craig Campbell

project files are included