首页 > 文章

Navigation Menus: Trends and Examples

Untitled document

The navigation on Wards-Exchange.co.uk fits to the brochure design. Or the other way around.

Screenshot

On Kriesi.at the hovered navigation option is dynamically expanded and shows the icons which illustrate what to expect in the section of the site. The effect is in this case not necessary.

Screenshot

Not really new, but still beautiful. Folietto.at uses the free area effectively and sparingly. You may notice an interesting visual effect when hovering the links.

Screenshot

inBloom has a menu with animation. The beetle doesn’t care what option you choose, it crawls its long path through the navigation tree anyway. This is an example of how animation can be unobtrusive.

Screenshot

Cobahair.co.uk uses only BIG typography…

Screenshot

…and HelloColor.com uses small typography with rainbow colors.

Screenshot

Carbonstudio.co.uk delivers a Flash-based navigation menu with sound-effects. It may sound annoying, but it isn’t: every navigation option has its own sound. If you train yourself a little bit you can even play your own melody while listening to birds in the background.

Screenshot

Maxandlous.com provides hover-effects with visual hints. It looks nice and unusual.

Screenshot

Scrollomania in all possible directions on Letters-Numbers.com.

Screenshot

OK, how can you come up with this one? Nickad’s Flash-based construct becomes visible only if the mouse is clicked and remains being clicked.

Screenshot

Nike offers a kind of remote control. To navigate you need to click and drag. While dragging, move the mouse up to move forward, down to move backward, and left/right to turn.

 

  • 内容简介
  • 导航可以说是网站设计最重要的部分,一个清晰明确又美观的导航无疑是网站成功的关键,而网站作为一种传播手段,也是讲求一定的潮流,要做出既流行实效又方便可用的优秀网站,就一定要关注网站设计的流行趋势,下面像大家列举的,是一些优秀的导航实例,希望能帮助大家在这里学习到导航的设计重点和潮流走向。
关于编辑
  • 王小晕
  • 负责内容:网页设计
  • 电子信箱:wangxiaofang@chinavisual.com
  • 博客:http://blog.chinavisual.com/wangxf710/
  • 个人签名:积极生活

网友评论


相关文章

  • 匿名发表
  • 联系方式
  • 发表内容

顶砸排行榜