From the course: Photoshop for Web Design
Unlock the full course today
Join today to access over 22,600 courses taught by industry experts or purchase this course individually.
Creating navigation elements - Photoshop Tutorial
From the course: Photoshop for Web Design
Creating navigation elements
- [Narrator] Creating efficient and compelling navigation for your website project is an important and sometimes challenging decision. Since the navigation is the hub of all the inner activity that's going to take place on your website, it's extremely important that you consider how the navigation is going to be used, how it's going to look and how it's going to function. The complexity of the navigation is going to vary from project to project. When you're coming up with your design comps you want to make sure that the navigation is well designed and will provide direction for your developer. Depending on the complexity or simplicity of the navigation, many of the elements may be created with CSS. If we take a look at this file right here, you can see that my navigation is primarily text based. I really don't need to provide any sort of graphics for my developer. They're going to create all of this with CSS. So, this file would simply provide direction as to the colors, the position,…
Practice while you learn with exercise files
Download the files the instructor uses to teach the course. Follow along and learn by watching, listening and practicing.
Contents
-
-
-
-
(Locked)
What is responsive design?3m 11s
-
(Locked)
Set breakpoints1m 41s
-
(Locked)
Design tips and tricks7m 22s
-
(Locked)
Layer comps7m 51s
-
(Locked)
Creating navigation elements3m 41s
-
Seamless textures and backgrounds6m 21s
-
(Locked)
Smart objects: Embedded5m 9s
-
(Locked)
Smart objects: Linked3m 7s
-
(Locked)
Convert Smart Objects7m 22s
-
(Locked)
Preset templates3m 26s
-
(Locked)
Custom templates8m 22s
-
(Locked)
Styles panel5m 28s
-
(Locked)
-
-
-
-
-