You can use the same symbol for your website pagination as for its menu navigation, provided that you change its orientation.
You can use your Lego bricks again, building all over Australia and New Zealand on a digital landscape created via Google Maps.
I instantly loved how smoothly is styled the slider that switches from 2D to 3D view.
Works with Chrome.
An inspiring and elegant example of grid based, fixed menu by digital creative and interaction designer Rich Brown.
Clean and fresh alphabetical navigation found in Postable, an interesting tool to create your address book in a kind of user generated way.
A beautiful sliding navigation made of silhouettes in negative space.
A particularly well-made menu expands horizontally the main navigation while displaying below the secondary categories.
I couldn’t shake this feeling that I was missing something in my collection of navigation, so today I picked for you this fine example of textual accordion menu.
The New Minimum logo is so minimun that, in fact, it doesn’t even exists. It’s just a pixel hole carved on the menu (fixed on the page top). If you scroll the page, you can see the content passing under it.
So zen, so minimal.
The top big black horizontal scrollbar provides a useful navigation throughout Pentagram‘s website and portfolio.
If your web monsters won’t make you sleep at night, you can just call this amazingly creative web agency.
A transparent navigation menu with sketched, hieroglyphics-like icons, floats over the stunning graphics of Bully studio’s portfolio.
Lovely idea: embedding previews into gallery navigation buttons.
This is absolutely one of the best example of scrolling navigation that I’ve seen in a long time: the movement is fast but smooth and the nice ruler-shaped menu on the left keeps the user aware of the “depth” reached.
Immediately loved the gigantic (animated when you hover over them) gifs in The Kickin Chicken website’s menu.
Interesting navigation bar displayed on Fuzzco’s portfolio.
The Human Rights Logo Challenge is a global contest whose aim is
to create a human rights logo “by people for people”, thus making a contribution towards the global spread and implementation of human rights with the support of a large public.
The contributions and their provenance are nicely displayed on a Google map.
You can submit your logo proposal until July 31st, 2011.
An interesting example of concept map showing the relationships among Wired Magazine contents.
In other words:
The Wired mind is a visualisation tool that provides another way to browse the content on Wired.co.uk. It’s been created in partnership with Microsoft’s Internet Explorer 9 browser to show off some of the great things you can do with a really fast standards-based browser. You can explore the Wired Mind by searching for tags, or by seeing the most popular tags on a particular date.
Even though it’s optimised for IE9, it works on other browsers (but very slowly) as well.
I’m really excited to introduce to you Movie Title Stills Collection, one of my favourite references on the web for what concerns vintage (but also recent) typography.
I’m really thankful to Christian Annyas for providing this huge collection of screenshots and such an incredibile inspirational resource.
According to the Gestalt psychology’s Law of proximity, things that are near to each other either physycally (in this case visually) or chronologically, are likely to be perceived as related.
So, if your header accomodates different kinds of link (e.g: some for the website navigations and some for the user’s account management) it’s a good and simple UX practice organizing them unequivocally in separated layout areas.
In this case, on the left website’s navigation and on the opposite site the e-commerce cart tools.
PS This post was just a lame excuse to show covertly some cute puppies.
This joyful red menu (and the whole website) reminded me of the work of the American sculptor Alexander Calder and made me reminiscing about his mobile sculptures.
A nice numeral menu/pagination displayed on 52 weeks of UX, a tumblr collecting Joshua Porter‘s thoughts about design and usability.
We’ve already showcased a few examples of one-page website design but what makes this one memorable is the little rectangular hole “cut” in the upper left corner, exposing the scrolling background and working as breadcrumb trail:
when you click on the menu, the page scrolls vertically and when it stops, the title section can be seen through this tiny window .
Designspiration provides a diverse selection of high quality, user-submitted images: if you want, you can also select out images within a specified color or color range, by picking your choice from this awesome palette.
An useless yet fascinating navigation, replicating Google Maps UI, welcomes you to Kelli Anderson‘s website.
What’s the difference between a real Photoshop menu and a fake one? The Facebook like button
Now you can say you’ve seen the thumb up button really everywhere.
I was casually browsing on Coolhunting when I noticed two simple navigation features I really liked.
A collapse and expanding option: huge headlines and/or long summaries are a steady trend in nowadays websites (or is this all simply a plot to force us into buying bigger screen?) so it’s good having a feature that let you skim easily through the page by collapsing unrequired data.
A nicely shaped tag cloud: nothing really unusual, just a simple list of tags, neatly disposed into “little bricks”. Instead of the usual more-for-the-SEO-than-the-user heap of links, this tag cloud really offers an alternative to the main navigation.
Schematic.com provides an interacting navigation system, based on flash, in which users are allowed to move through different slides by zooming in and out. Engaging.
If i lived in NY, I’d sure have a Bertelli’s bike: every piece is unique and it combines brand new parts with vintage parts found at a flea market. If you wanna browse BBici’s framesets, you can use the small HTML arrows embedded in the menu navigation, a simple and classy navigation solution.
A current trend in web design is embedding huge search form in your website’s header: here you a re a clear example of this style taken from Precinkt, a showcase that features places to visit in specific areas all around the world.
A simple roll-over effect creates a clear double menu navigation.