27 个漂亮的 Web 导航设计例子
2011-10-14 17:23
531 查看
Handle With Love
![](http://static.oschina.net/uploads/img/201110/14122756_7Gzg.jpg)
整洁和有组织的垂直导航。惊人的漂亮图片和颜色!
Weightshift
![](http://static.oschina.net/uploads/img/201110/14122757_gunI.jpg)
很酷的使用菜单导航,优雅!
Don’t throw Batteries
![](http://static.oschina.net/uploads/img/201110/14122757_DnFj.jpg)
优雅整洁的菜单
FA Design
![](http://static.oschina.net/uploads/img/201110/14122759_T1Kf.jpg)
Another great example of typography based menu.
Album Art Collection
![](http://static.oschina.net/uploads/img/201110/14122800_NtWJ.jpg)
Amazing layout, navigation and menu.
Polyester Studio
![](http://static.oschina.net/uploads/img/201110/14122800_mBTn.jpg)
Awesome colours with integrated menu and flow. It never gets boring.
Doopsuiker Poppies
![](http://static.oschina.net/uploads/img/201110/14122802_96MO.jpg)
Pretty menu, nice flow and navigation.
simpleasmilk.co.uk
![](http://static.oschina.net/uploads/img/201110/14122803_tCMW.jpg)
Good typography based layout and menu with really cool colors and nice flow.
IWC
![](http://static.oschina.net/uploads/img/201110/14122803_EV1p.jpg)
Neat grid navigation layout with a graceful menu.
Prince Street Films
![](http://static.oschina.net/uploads/img/201110/14122803_nWRX.jpg)
Pretty good layout, colors and typography.
Comic Sans Criminal
![](http://static.oschina.net/uploads/img/201110/14122804_QRDf.jpg)
Horizontal vertical, based on typography and a good color scheme.
Above the Fold
![](http://static.oschina.net/uploads/img/201110/14122804_XyFd.jpg)
Awesome vertical navigation. You can scroll it down or select an option at the menu — both ways it is good.
ACC Media
![](http://static.oschina.net/uploads/img/201110/14122804_1qyM.jpg)
Great horizontal navigation totally based on images.
Futurefabric
![](http://static.oschina.net/uploads/img/201110/14122805_aRi3.jpg)
Simple structure with scroll based navigation and beautiful menu. Simplicity is the beauty.
polargold
![](http://static.oschina.net/uploads/img/201110/14122805_bjZc.jpg)
Simply hover and then click the menu you wish to open. Simple and beautiful.
Helmy Bern
![](http://static.oschina.net/uploads/img/201110/14122805_2kBr.jpg)
This website has a combo hover + dropdown, which is always interesting and cool.
Voltage
![](http://static.oschina.net/uploads/img/201110/14122807_hqmN.jpg)
Large typography that gets noticed and then it fades when you are not checking out the respective menu.
Ecoforms
![](http://static.oschina.net/uploads/img/201110/14122808_2aBv.jpg)
Pretty layout and colors. Use image slider or menu to navigate easily.
Keith Homemade Cakes
![](http://static.oschina.net/uploads/img/201110/14122808_wPcB.jpg)
Beautiful layout and images with easy navigation.
Javascript für Designer
![](http://static.oschina.net/uploads/img/201110/14122808_qXhz.jpg)
Vertical navigation with amazing color scheme and forms.
Ed Nacional
![](http://static.oschina.net/uploads/img/201110/14122809_Fukv.jpg)
Neat and clean layout with eye catching images and navigation.
Marco Rotoli
![](http://static.oschina.net/uploads/img/201110/14122809_hNZx.jpg)
Use the sliders, sideways and upside down, or menus for extremely easy navigation.
Makr Carry Goods
![](http://static.oschina.net/uploads/img/201110/14122809_LlRc.jpg)
Extremely neat layout and navigation.
Pentagram
![](http://static.oschina.net/uploads/img/201110/14122809_KwqJ.jpg)
Navigate using the horizontal sliders, images or the dropdowns. Really nice.
Keenan Wells
![](http://static.oschina.net/uploads/img/201110/14122810_yUI8.jpg)
Great navigation. All you have to do is to choose what do you wish to see in the top right corner and then just go with the flow. A horizontal slider is also present to see previous projects.
TROZO GALLERY
![](http://static.oschina.net/uploads/img/201110/14122810_pKxu.jpg)
Biola Undergrad
![](http://static.oschina.net/uploads/img/201110/14122812_RXxN.jpg)
![](http://static.oschina.net/uploads/img/201110/14122756_7Gzg.jpg)
整洁和有组织的垂直导航。惊人的漂亮图片和颜色!
Weightshift
![](http://static.oschina.net/uploads/img/201110/14122757_gunI.jpg)
很酷的使用菜单导航,优雅!
Don’t throw Batteries
![](http://static.oschina.net/uploads/img/201110/14122757_DnFj.jpg)
优雅整洁的菜单
FA Design
![](http://static.oschina.net/uploads/img/201110/14122759_T1Kf.jpg)
Another great example of typography based menu.
Album Art Collection
![](http://static.oschina.net/uploads/img/201110/14122800_NtWJ.jpg)
Amazing layout, navigation and menu.
Polyester Studio
![](http://static.oschina.net/uploads/img/201110/14122800_mBTn.jpg)
Awesome colours with integrated menu and flow. It never gets boring.
Doopsuiker Poppies
![](http://static.oschina.net/uploads/img/201110/14122802_96MO.jpg)
Pretty menu, nice flow and navigation.
simpleasmilk.co.uk
![](http://static.oschina.net/uploads/img/201110/14122803_tCMW.jpg)
Good typography based layout and menu with really cool colors and nice flow.
IWC
![](http://static.oschina.net/uploads/img/201110/14122803_EV1p.jpg)
Neat grid navigation layout with a graceful menu.
Prince Street Films
![](http://static.oschina.net/uploads/img/201110/14122803_nWRX.jpg)
Pretty good layout, colors and typography.
Comic Sans Criminal
![](http://static.oschina.net/uploads/img/201110/14122804_QRDf.jpg)
Horizontal vertical, based on typography and a good color scheme.
Above the Fold
![](http://static.oschina.net/uploads/img/201110/14122804_XyFd.jpg)
Awesome vertical navigation. You can scroll it down or select an option at the menu — both ways it is good.
ACC Media
![](http://static.oschina.net/uploads/img/201110/14122804_1qyM.jpg)
Great horizontal navigation totally based on images.
Futurefabric
![](http://static.oschina.net/uploads/img/201110/14122805_aRi3.jpg)
Simple structure with scroll based navigation and beautiful menu. Simplicity is the beauty.
polargold
![](http://static.oschina.net/uploads/img/201110/14122805_bjZc.jpg)
Simply hover and then click the menu you wish to open. Simple and beautiful.
Helmy Bern
![](http://static.oschina.net/uploads/img/201110/14122805_2kBr.jpg)
This website has a combo hover + dropdown, which is always interesting and cool.
Voltage
![](http://static.oschina.net/uploads/img/201110/14122807_hqmN.jpg)
Large typography that gets noticed and then it fades when you are not checking out the respective menu.
Ecoforms
![](http://static.oschina.net/uploads/img/201110/14122808_2aBv.jpg)
Pretty layout and colors. Use image slider or menu to navigate easily.
Keith Homemade Cakes
![](http://static.oschina.net/uploads/img/201110/14122808_wPcB.jpg)
Beautiful layout and images with easy navigation.
Javascript für Designer
![](http://static.oschina.net/uploads/img/201110/14122808_qXhz.jpg)
Vertical navigation with amazing color scheme and forms.
Ed Nacional
![](http://static.oschina.net/uploads/img/201110/14122809_Fukv.jpg)
Neat and clean layout with eye catching images and navigation.
Marco Rotoli
![](http://static.oschina.net/uploads/img/201110/14122809_hNZx.jpg)
Use the sliders, sideways and upside down, or menus for extremely easy navigation.
Makr Carry Goods
![](http://static.oschina.net/uploads/img/201110/14122809_LlRc.jpg)
Extremely neat layout and navigation.
Pentagram
![](http://static.oschina.net/uploads/img/201110/14122809_KwqJ.jpg)
Navigate using the horizontal sliders, images or the dropdowns. Really nice.
Keenan Wells
![](http://static.oschina.net/uploads/img/201110/14122810_yUI8.jpg)
Great navigation. All you have to do is to choose what do you wish to see in the top right corner and then just go with the flow. A horizontal slider is also present to see previous projects.
TROZO GALLERY
![](http://static.oschina.net/uploads/img/201110/14122810_pKxu.jpg)
Biola Undergrad
![](http://static.oschina.net/uploads/img/201110/14122812_RXxN.jpg)
相关文章推荐
- 27 款漂亮的网站导航的设计
- 推荐Jquery 40个漂亮的导航菜单设计
- 27中设计模式例子解析与分类
- web设计推荐--不常见的20个高品质的非常漂亮的免费字体
- 21 个在网页设计中漂亮的颜色使用的例子
- 70+漂亮且极具亲和力的导航菜单设计国外网站推荐
- 25 佳 网页设计导航菜单的例子
- 推荐Jquery 40个漂亮的导航菜单设计 (转)
- 40个漂亮的导航菜单设计
- 70+漂亮且极具亲和力的导航菜单设计国外网站推荐
- Web前端设计模式——制作漂亮的弹出层
- 对Web设计有用的10组免费漂亮的图标
- 用CSS3设计响应式导航菜单 - WEB开发者
- 导航是Web网站重要的元素:置顶菜单的设计研究
- 70+漂亮且极具亲和力的导航菜单设计推荐
- 25+漂亮的创意导航设计
- 提高web和图形设计人员水平的27个漂亮UI套件
- 如何在自己的信息管理系统里集成第三方权限控制组件 - 设计一个漂亮的WEB界面
- 我的权限系统设计实现MVC4 + WebAPI + EasyUI + Knockout(二)菜单导航