Tags
Language
Tags
<<
April 2024
Su Mo Tu We Th Fr Sa
31 1 2 3 4 5 6
7 8 9 10 11 12 13
14 15 16 17 18 19 20
21 22 23 24 25 26 27
28 29 30 1 2 3 4
  1. Home
  2. eBooks & eLearning

Tuts+: Effective Navigation Design [repost]

Posted By: ParRus
Date: 20 Jul 2015 07:52:09
Tuts+: Effective Navigation Design [repost]

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 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

Author: Craig Campbell
project files are included

General
Complete name : 02 - Navigation Design Basics.mp4
Format : MPEG-4
Format profile : Base Media / Version 2
Codec ID : mp42
File size : 54.5 MiB
Duration : 3mn 53s
Overall bit rate : 1 963 Kbps
Encoded date : UTC 2013-02-04 21:56:24
Tagged date : UTC 2013-02-04 21:56:25

Video
ID : 2
Format : AVC
Format/Info : Advanced Video Codec
Format profile : Main@L3.1
Format settings, CABAC : No
Format settings, ReFrames : 2 frames
Format settings, GOP : M=2, N=24
Codec ID : avc1
Codec ID/Info : Advanced Video Coding
Duration : 3mn 53s
Source duration : 3mn 53s
Bit rate : 1 710 Kbps
Width : 1 280 pixels
Height : 720 pixels
Display aspect ratio : 16:9
Frame rate mode : Constant
Frame rate : 24.000 fps
Color space : YUV
Chroma subsampling : 4:2:0
Bit depth : 8 bits
Scan type : Progressive
Bits/(Pixel*Frame) : 0.077
Stream size : 47.5 MiB (87%)
Source stream size : 47.5 MiB
Language : English
Encoded date : UTC 2013-02-04 21:56:19
Tagged date : UTC 2013-02-04 21:56:25
Color primaries : BT.709-5, BT.1361, IEC 61966-2-4, SMPTE RP177
Transfer characteristics : BT.709-5, BT.1361
Matrix coefficients : BT.709-5, BT.1361, IEC 61966-2-4 709, SMPTE RP177

Audio
ID : 1
Format : AAC
Format/Info : Advanced Audio Codec
Format profile : LC
Codec ID : 40
Duration : 3mn 53s
Source duration : 3mn 53s
Bit rate mode : Constant
Bit rate : 256 Kbps
Channel(s) : 2 channels
Channel positions : Front: L R
Sampling rate : 48.0 KHz
Compression mode : Lossy
Stream size : 6.86 MiB (13%)
Source stream size : 6.86 MiB
Language : English
Encoded date : UTC 2013-02-04 21:56:19
Tagged date : UTC 2013-02-04 21:56:25

Screenshots

Tuts+: Effective Navigation Design [repost]

Tuts+: Effective Navigation Design [repost]

Tuts+: Effective Navigation Design [repost]

Tuts+: Effective Navigation Design [repost]

For more, Visit my AH-blog

Tuts+: Effective Navigation Design [repost]
download
http://www.nitroflare.com/view...ve.Navigation.Design.part1.rar
http://www.nitroflare.com/view...ve.Navigation.Design.part2.rar
http://www.nitroflare.com/view...ve.Navigation.Design.part3.rar
http://www.nitroflare.com/view...ve.Navigation.Design.part4.rar
http://www.nitroflare.com/view...ve.Navigation.Design.part5.rar
UPWARDS