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.

simple-navigation-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.

free-psd-by-designbeep

Awesome Navigation

This is a set of 3 awesome navigation styles (FREE PSD)

awesome-navigation-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.

drop-down-navigation-bar

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.

slick-menu

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.

dark-menu-psd

Free Ribbon Navigation PSD by WillyEpp

This is a really great looking navigation menu using ribbon as finish.

free-navigation-psd

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

pop-up-black-sleek-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

candy-coated-red-navigation

Greyscale

Greayscale is a Mac Inspired and fully editable .PSD file with FREE grayscale web elements for your website or other project.

greyscale

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.

drop-down-navigation-menu

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.

black-and-silver-navigation

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.

modern-menu

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.

iconic-navigation-menu-bar-psd

Profile Menu by Hector Ardila

Different but cool navigation meant to be used as a profile menu. Idea seen on a community site project.

profile-menu-

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.

pretty-dropdown-menu

Navigation PSD Pack

7 Layered Navigations in black, blue, red, green, orange, pink and grey.

navigation-psd-pack

Mini Navigation Daniel Sandvik

Simple and clean menu layout in light and dark colors.

mini-navigation

Yellow Navigation David Bradley

yellow-navigation

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.

custom-web-navigation

Navigation Free PSD by WillyEpp

Another dropdown design available as a Photoshop PSD file for free download

navigation-free-psd

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.

horizontal-drop-down-menu-bar

Simple Dark Navigation Menu (PSD) by Orman Clark

This is a clean and simple dark navigation menu PSD ready to be picked up.

simple-dark-navigation-psd

Stylish Navigation by sirjeffoakley

Navigation menu PSD with 3 ready to use menus.

stylish-navigation

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

dark-button-navigation-psd

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

header-and-navigation-pack

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.

checkout-process-navigation-psd

Free Colored Web Menus by MosheSeldin

Here you find several cool Looking Colored Web Menus In a Single .PSD

free-colored-web-menus

Clean & Simple Navigation Menu (PSD) by Orman Clark

This PSD provides a great design for a clean and simple navigation menu.

clean-and-simple-navigation-psd

Bold and Chunky Navigation PSD by Liam McCabe

Simple dark navigation menu PSD with a good looking mouse over effect.

bold-and-chunky-navigation-psd

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.

plaid-navigation

Premium tabbed navigation by Layer Lovers

This PSD offers a cool tabbed navigaiton with icon images.

premium-tabbed-navigation

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.

vertical-navigation-menu-psd

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.

elegant-ribbon-menu

Breadcrumbs Navigation PSD by Liam McCabe

Navigation menu PSD for designing a breadcrumps function.

breadcrumbs-navigation-menu

Sexy Dropdown Menu by Web Designer Aid

This is a nice dark dropdown navigation menu PSD where the dropdown overlap the main menu area.

sexy-dropdown-menu

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.

awesome-menu

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.

psd-navigation-menu

Pixel Navigation by Layer Lovers

A sheik looking black metallic navigation on a pixel background.  The author has included CSS, JavaScript & .PSD!

pixel-navigation

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.

mega-menu-free-navigation-psd

Website menu PSD by Martz90

website-menu-psd

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.

menu-notification-badges

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

free-navigation-menu-psd

3 color borders navigation by goldhand88

3 color border style navigation.

three-color-border-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.

clean,-crisp-settings-menu

[exec]echo get_avatar( get_the_author_email(), ’80’ );[/exec]

Author : Lars Vraa

[exec]the_author_description();[/exec]

Pin It on Pinterest

Shares
Share This

Share This

Share this post with your friends!

Shares
WordPress Appliance - Powered by TurnKey Linux