Design Reference: A unique example of website navigation design

Source: Internet
Author: User
Tags reference jquery library

Remarkable navigation design. Most navigation uses a horizontal or vertical menu design, focusing on structure and experience. There are also some designers doing experiments on navigation. This article collects these cases to encourage you to break the routine and the inherent thinking, in the design with the appeal, audience and product types for creative design.

Media

Media are group of passionate individuals that produce fantastics experiences. They have creativity running through their, vains just a look at take their fantastic:

Media

Carefully considered

There are a few websites out There This use a horizontal layout, carefully considered is one of them. However, I like how they have made browsing effortless, just click to the right to view the next project and double click To read about the project.

Carefully considered

Fauborg

A Great website that allows you to browse both horizontally and vertically smoothly by dragging and dropping.

Fauborg

Gritti Rollo

Gritti Rollo has demonstrated how simplicity can be perfect navigation. Along side some beautiful hover effects and revealing areas with JQuery, Griiti Rollo has produced a fantastic and Inspiri NG website.

Gritti Rollo

Daniel R Leyva

Daniel is someone who clearly has lot of creativity. He has mastered the parallax effect supplied by the JQuery Library and created a 3D environment into which to browse the con Tent. I feel with a background image containing a little perspective would work and this design.

Daniel R Leyva

Organic Grid

Organic Grid have taken a similar approach to-Media (Vica versa), a simple vertical menu with a gradient of backgrounds . With some beautiful sounds complimenting the mouse over and beautiful transitions the throughout, it's a joy to B Rowse.

Organic Grid

Khai Liew

Khai Liew has gone for the horizontal but vertical. Although it can be hard to read the menu item names without tilting your head slightly, the design alongside beautiful Nsitions is incredibly unique.

Khai Liew

Young

When looking in young for the "I", you predict that it scrolls horizontal, however with no horizontal scrollbar app Earing, you begin to question yourself. However, once hovering over work you notice the black bar thicken; Indicating it is a scroll bar, very stylish.

Young

Hello goodlooking

There are very few websites that try something totally. Hello Goodlooking is one of the few. Navigation is based around a mind map design. Menu items are clicked to reveal new items and content. A Stunning example of creativity using Flash.

Hello goodlooking

Wallswaps

Wallswaps is a great idea procured by Erskine. It is a virtual cork board where companies and designers can add their work, business cards and a lot more. A beautiful idea with some exceptional navigation.

Wallswaps

Screen Vader

Now this site is a must see! I am yet to the any other site demonstrating such enormous creativity.

Screen Vader

Iaah

Another Click and drag site, but unlike its counterparts it are incredibly smooth. It is a joy to navigate and I am sure your would spend just as long as I did browsing the site.

Iaah

Daffy ' s

Daffy ' s take a look at traditional navigation techniques and just pushes them. Mouse over each menu item to reveal a description and entirely different background image.

Daffy "s

Frost Design

Frost design have developed and smooth Coverflow type navigation to display their work. Incredibly smooth and incredibly effective.

Frost Design

All About Photography

Another Click and drag website, however this site with the Google Maps navigation to browse the methods. Unsure how they implemented the so Hats off!

Henriette Primus

Joshua Distler

Josh takes a different approach to typical web design. Based around a grid, the main homepage is made up entirely of navigation withe all menu item taking up a different amount of blocks. Not sure what determines how many blocks an item takes up but nonetheless a very.

Joshua Distler

Design is Kinky Studio

A website that allows the user to browse both horizontally and vertically, by hovering the cursor over the arrows position Ed at the edges. Also allows you to zoom.

Design is Kinky Studio

BBH

Flash just blows my mind sometimes. The BBH homepage features a rotating world, which to navigate. One can position the mouse around the screen to determine which way the world rotates or one can click the world and drag yourself around its surface. What ' s more impressive is the exquisite transitions throughout the website.

BBH

Fons Hickmann M23

Not just a standard jQuery Scrollto website. Fons Hickman M23 has a lot of creative nooks and crannies to seek out.

Fons Hickmann M23

Margaret London

Beautiful navigation and transitions.

Margaret London

Thibaud

Probably the most creative navigation I have ever. How is this achieved? By finding inspiration from objects and the environment around. Get outside once into a while, don ' t let the CSS galleries plague your mind.

Thibaud

Nick Jones.

Nick demonstrates how a vertical menu can is both appealign and fun to browse through.

Nick Jones.

Established

What seems to be just a large vertical menu, actually contains the content as. Click on the ' arrow ' to ' right ' of each menu item to have the content smootlhy scroll in.

Established

Ways

Athough ways is comprised of just horizontal and vertical menus, it is the the way they have been-made that demonstrates CR Eativity. With the full height and translucent backgrounds The "end" is very appealing.

Ways

Christopher Hewitt

The simplest navigation you probably. Chris shows how to effective a simple list can. Check out the gorgeous filtering as.

Christopher Hewitt

ALP Tugan

Similar to Hello goodlooking, ALP Tugan ' s navigation are based around mind map design.

ALP Tugan

Zachary Pulman

Zachary has designed and developed a masterpiece. I ' m sure you'll have as much funs navigating through he website than I did.

Zachary Pulman

Wonderwall

Probably not most practical navigation, but still damn impressive!

Wonderwall



Contact Us

The content source of this page is from Internet, which doesn't represent Alibaba Cloud's opinion; products and services mentioned on that page don't have any relationship with Alibaba Cloud. If the content of the page makes you feel confusing, please write us an email, we will handle the problem within 5 days after receiving your email.

If you find any instances of plagiarism from the community, please send an email to: info-contact@alibabacloud.com and provide relevant evidence. A staff member will contact you within 5 working days.

A Free Trial That Lets You Build Big!

Start building with 50+ products and up to 12 months usage for Elastic Compute Service

  • Sales Support

    1 on 1 presale consultation

  • After-Sales Support

    24/7 Technical Support 6 Free Tickets per Quarter Faster Response

  • Alibaba Cloud offers highly flexible support services tailored to meet your exact needs.