Join Justin Seeley for an in-depth discussion in this video Designing your navigation, part of Illustrator for Web Design: Aesthetics.
- The final piece of our UI puzzle…is going to be a navigation bar…that goes all they way across the top of the page.…And this is something that we need…to be very careful with in how we implement it…because of the fact that we don't want…it to show initially.…We want it to show only…as the user scrolls down the page.…This is something that's very popular…in web design today.…We want this to sort of be introduced…after the fact.…When people are scrolling below the fold,…we want them to be able to instantly get…to other parts of the website…while not having to scroll…back up to the very top.…
So, in order to do this,…what we're going to do is…we're going to rely heavily on layer structure.…And when we start to clean things up…I'll show you how to do that,…where to put it, and then how to hide it.…But also, how to leave a note…to the developer so that he knows…that this is something that needs…to be triggered on scroll.…So first things first,…let's go ahead and develop…the navigation bar itself.…It's going to be relatively easy to create.…
- Finding color inspiration
- Applying color
- Choosing the right typeface
- Using character and paragraph styles
- Optimizing graphics in Photoshop
- Placing photos and vector artwork in Illustrator
- Creating buttons and other UI elements
- Organizing and sharing your project
Skill Level Intermediate
Illustrator for Web Design (2012)with Justin Seeley5h 27m Appropriate for all
Illustrator for Web Design: Core Conceptswith Justin Seeley1h 33m Intermediate
1. Working with Color
2. Working with Text
3. Working with Images
4. Creating UI Elements
5. Last Steps
Taking the next step1m 41s
- Mark as unwatched
- Mark all as unwatched
Are you sure you want to mark all the videos in this course as unwatched?
This will not affect your course history, your reports, or your certificates of completion for this course.Cancel
Take notes with your new membership!
Type in the entry box, then click Enter to save your note.
1:30Press on any video thumbnail to jump immediately to the timecode shown.
Notes are saved with you account but can also be exported as plain text, MS Word, PDF, Google Doc, or Evernote.