Tutsplus – Effective Navigation Design

English | Audio: aac, 44100 Hz, stereo | Video: h264, yuv420p, 1280x720, 15.00 fps | 1.3 GB
Genre: Video Training

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!


Course Outline

Welcome — 7m 4s

Course Overview — 2m 18s

The Basics of Navigation Design — 4m 46s

 

Project 1: Horizontal Nav Bar — 45m 32s

Setting Up the File — 4m 54s

Background and Dividers — 12m 6s

Filling in the Text — 3m 48s

Creating Hover States — 6m 48s

Creating the Drop Down Menu — 7m 18s

Finishing Out the Menu — 10m 38s

 

Project 2: 3D Nav Bar — 46m 20s

Setting Up the File — 4m 58s

Background and Dividers — 10m 26s

Filling in the Text — 8m 18s

Creating Hover States and Drop Downs — 10m 18s

Social Media Icons — 5m 14s

Adding a Logo and Contact Info — 7m 6s

 

Project 3: Vertical Navigation — 35m 52s

Setting Up the File — 5m 2s

Enhancing and Cutting Up the Background — 13m 2s

Text and Hover States — 8m 24s

Creating the Drop Down Background — 9m 24s

 

Finishing Up — 3m 32s

Final Thoughts — 3m 32s

 

06 Creating Hover States thumb

 

Tutsplus – Effective Navigation Design
Tutsplus – Effective Navigation Design

 

 


 TO MAC USERS: If RAR password doesn't work, use this archive program: 

RAR Expander 0.8.5 Beta 4  and extract password protected files without error.


 TO WIN USERS: If RAR password doesn't work, use this archive program: 

Latest Winrar  and extract password protected files without error.


 Gamystyle   |  

Information
Members of Guests cannot leave comments.


SermonBox - Seasonal Collection

SermonBox - The Series Pack Collection

Top Rated News

  • Christmas Material
  • Laser Cut & Print Design Elements Bundle - ETSY
  • Daz3D - All Materials - SKU 37000-37999
  • Cgaxis - All Product - 2019 - All Retail! - UPDATED!!!
  • DigitalXModels Full Collections
  • Rampant Design Tools Full Collections Total: $4400
  • FilmLooks.Com Full Collection
  • All PixelSquid Product
  • The Pixel Lab Collection
  • Envato Elements Full Sources- 3200+ Files
  • Ui8.NET Full Sources
  • The History of The 20th Century
  • The Dover Collections
  • Snake Interiors Collections
  • Inspirational Collections
  • Veer Fancy Collections
  • All Ojo Images
  • All ZZVE Collections
  • All Sozaijiten Collections
  • All Image Broker Collections
  • Shuterstock Bundle Collections
  • Tattoo Collections
  • Blend Images Collections
  • Authors Tuorism Collections
  • Motion Mile - Big Bundle
  • PhotoBacks - All Product - 2018
  • Dekes Techniques - Photoshop & Illustrator Course - 1 to 673
Telegram GFXTRA Group
Udemy - Turkce Gorsel Ogrenme Setleri - Part 2
Videohive Wow Pack Series


rss