Having a great and user friendly navigation menu is important for any website to give visitors a good experience and to help them navigate to the content they need.
When designing a website it is useful to look for Navigation menu PSDs as a source of inspiration and to find usable design elements. This may speed up the design process and also help overcoming design of difficult elements by having a look at how others solved it.
Besides doing the hard work yourself it is also an option to pick a ready to use CSS navigation menu plugin that should work on any type of website. WordPress user are typically spoiled as there are so many nice simple WordPress themes with great looking navigation and WordPress navigation plugins.
If you like Photoshop assets, make sure to also check out the hundreds of fully-licensed premium Photoshop Assets found over at Envato Market.
In this article you will find plenty of inspiration to get started designing your own navigation menu on Photoshop.
[exec]$filestr = file_get_contents(‘http://www.tripwiremagazine.com/googleadsensebelowmoretag.inc’);echo $filestr;[/exec]
Simple navigation menu by Pawel Kadysz
This is a simple navigation menu with dark mega sub menu.
Free PSD – 6 Navigation Bars by Design Beep
This navigation menu PSD set includes 6 Navigation Bars with fully layered and easy to modify every element including colors and patterns. All the fonts and icons are free for personal and commercial uses.You can change to whatever you like.You can easily resize the navigation bar.
You can use both for personal and commercial projects.
Awesome Navigation
This is a set of 3 awesome navigation styles (FREE PSD)
Drop-down navigation bar (Free PSD) by duckfiles
Neat and simple navigation menu bar for a corporate website. Clean style. Unlimited levels. Current menu item available.
Slick Menu
Slick Menu comes in a variety of colors such as Blue, Aqua, Pink, Mustard , Purple and Lime. A perfect unique blend of colors tailored for your future web project.
Dark Menu PSD by Ahmad Hania
The Dark Menu is designed to look simple, stylish, professional and attractive. This resource has all layers intact, with menu items normal, hover and active states, it has also a design for a drop down. You can customize and use this resource for web or interface design projects or simply as a learning material to see how it was designed.
Free Ribbon Navigation PSD by WillyEpp
This is a really great looking navigation menu using ribbon as finish.
Pop Up Black Sleek Buttons by Layer Lovers
Pop up Black Sleek Buttons Lined with Pink Diagonal Striped Bar under Green and Pink Flowers Navigation
Candy Coated Red Navigation by Layer Lovers
Same concept as the previous but with new color palette. A glossy candy coated red finished tabbed navigation on a detailed wood grain texture background. CSS, JavaScript and PSD files included
Greyscale
Greayscale is a Mac Inspired and fully editable .PSD file with FREE grayscale web elements for your website or other project.
Dropdown Navigation Bar by DuckFiles
This is navigation menu for different types of websites. Good base for a future web-design. The .PSD file has well hierarchy. It is ready to customize.
Black and Silver Navigation by easydisplayname
This manu PSD contains a black and a silver design where active menu items look like they are cut out or pushed down. The light effects are pretty good and worth using.
Modern menu & GUI elements PSD
This is a set of modern menu and related GUI elements in PSD format. These ribbon style menu and web elements are pretty handy and maybe helpful in your next creative web design.
Iconic Navigation Menu bar PSD by CSS Junction
Here you find a free navigation menu PSD that is sliky, high contrast and with icon + texts for menu items.
Profile Menu by Hector Ardila
Different but cool navigation meant to be used as a profile menu. Idea seen on a community site project.
Pretty dropdown menu by Pawel Kadysz
Great looking dropdown menu PSD with icons. Two color schemes for both light and dark backgrounds. You can change the color of the menu with just a few clicks.
Navigation PSD Pack
7 Layered Navigations in black, blue, red, green, orange, pink and grey.
Mini Navigation Daniel Sandvik
Simple and clean menu layout in light and dark colors.
Yellow Navigation David Bradley
14 Free Custom Web Navigation Menu PSD by Download PSD
The PSD set consists of 1 PSD files with different Navigation Menu Styles and color variation.? This layered PSD is arranged in groups and named perfectly. You can modify this PSD according as per your needs. All menus are editable, you can easily update color, change the size, remove text. Rollover states and sub menus? are in their own layers abd groups.
Navigation Free PSD by WillyEpp
Another dropdown design available as a Photoshop PSD file for free download
Horizontal Dropdown Menu Bar by Adrian Pelletier
Horizontal Dropdown Menu Bar is a PSD file with clean menu design. Dropdown menus are one of the most commonly used elements in web design.
Simple Dark Navigation Menu (PSD) by Orman Clark
This is a clean and simple dark navigation menu PSD ready to be picked up.
Stylish Navigation by sirjeffoakley
Navigation menu PSD with 3 ready to use menus.
Dark Button Navigation (PSD) by Orman Clark
This is a simple navigation menu made up of a series of buttons and a single search field
Header & Navigation Pack by Adrian Pelletier
Header & Navigation Pack is a PSD file with 3 different styles of header and main navigation designs. Each design includes normal, hover, and active states for the links
Checkout Process Navigation (PSD) by Orman Clark
Not really a traditional navigation menu, but a checkout process indicator or navigation – an absolute must for any ecommerce operation.
Free Colored Web Menus by MosheSeldin
Here you find several cool Looking Colored Web Menus In a Single .PSD
Clean & Simple Navigation Menu (PSD) by Orman Clark
This PSD provides a great design for a clean and simple navigation menu.
Bold and Chunky Navigation PSD by Liam McCabe
Simple dark navigation menu PSD with a good looking mouse over effect.
Plaid Navigation by Layer Lovers
This is the full package… navigation design + source code from Cloud Nine Labs. CSS, JavaScript and a fully layered .psd included.
Premium tabbed navigation by Layer Lovers
This PSD offers a cool tabbed navigaiton with icon images.
Vertical Navigation Menu (PSD) by Orman Clark
In this PSD you will find a sweet and simple vertical navigation menu with styles for sub menus thrown in for good measure.
Elegant Ribbon Menu by Adrian Pelletier
Elegant Ribbon Menu is an attractive, ornate PSD file with three different ribbon colors. The layers are well organized and creating new menus with your own color choice is very easy.
Breadcrumbs Navigation PSD by Liam McCabe
Navigation menu PSD for designing a breadcrumps function.
Sexy Dropdown Menu by Web Designer Aid
This is a nice dark dropdown navigation menu PSD where the dropdown overlap the main menu area.
Free PSD Source – 2 by prkdeviant
Simply menu for that could be usful e.g. for an upcoming wordpress theme or portfolio site. It is available in all that 4 colors.
PSD navigation menu by PSD Graphics
10 unique website navigation menus with a rounded corners, for your web project. Used glossy style. All menus are editable, you can easily update color, change the size, remove text and export it in a necessary file format. Rollover states are in their own layers.
Pixel Navigation by Layer Lovers
A sheik looking black metallic navigation on a pixel background. The author has included CSS, JavaScript & .PSD!
Mega Menu Navigation Free PSD by Victor Osea
Mega Menu Navigation, perfect for an eshop website. You can modify the psd to suit your needs.
Website menu PSD by Martz90
Menu Notification Badges (PSD) by Orman Clark
Included in the download (layered PSD) is a navigation menu which is a nice little bonus. The main freebie, the badges, come in 3 colours giving you some options to play with.
Dark Navigation Menu (PSD) by Orman clark
This dark navigation menu can be dropped straight into a bunch of different designs and you’re good to go. Included in the download (PSD) is of course the navigation menu bar itself and two varying hover or active states
3 color borders navigation by goldhand88
3 color border style navigation.
Clean, Crisp Settings Menu by Taiyab Raja
clean, crisp settings menu (PSD) for all your menu lovers. The download includes a fully-layered PSD ready for use.
Lars is passionate about web design, web development, SEO, social media and loves to look into new technologies, techniques, tools etc. and to write articles for tripwire magazine readers.
Is it just psd? do you have the html & css? I want it. Thanks
Nice selection Lars. I just downloaded the 6 Navigation Bars by Design Beep but it took me awhile to make a choice from the nice sets. Thank you.
Great that you found something you could use!
Dear Sir
You have an excellent collection of Themes with different vertical drop down menus. How a newbie can make a selection fro the above collection? I am looking for a theme as given in my weebly website.
Balaram Dhotre
great menu themes thanks for his resource.
greate…
perfect work thnx
thanks this navigation is very faithfully for me so i would like to thanks
Thanks for the feature and nice collection too!
great selection, thanks 😉
I liked the “Duck files” , “Ribbon” and “sirjeffoakley” are very unique.
To me when you click on a tap like to see it changes dramatically. Psychologically it is pleasing
You are right and it is good for user experience as there are way visitors can be unsure if something was clicked or is clickable.