Tagged

导航

A collection of 11 posts

导航

25个漂亮的导航菜单设计

原文:25个漂亮的导航菜单设计 译自:25 Beautiful Navigation Menus 请尊重版权,转载请注明出处,多谢! 导航菜单是网页设计中最关键的一部分,因为它们对于网站的可用性和用户体验至关重要。导航结构比较烂或者在导航中有明显不足的网站可能会困扰用户并最终导致用户找不到想要的页面和内容而离开。 除了实用性方面,导航菜单也给设计师提供了创造创意的机会。本文中,我们将展示25个使用漂亮菜单的网站。你会看到各种不同的风格,他们或许能为你的设计提供些灵感。 WPZOOM Andy Waldrop Archibald Studio Namesake Designer Themes dfied Ten Little Monkeys Madison Vitamin T Charbon Studio Cornered Toasted Digital Polaroid Bestwork Bully! Entertainment David Hellman Collaborative Fun 3 Sided Cube

导航

40个漂亮的导航菜单设计

导航菜单当然对可用性效果和创建一个用户友好的网站很重要,但是它们同样也提供了添加一些对设计有吸引力的视觉效果的机会。在本文中我们将展示40个有吸引力的导航菜单实例,包括刻钟类型和样式,希望能够给你的设计提供某些灵感。 如果你有或者自己有很好的中文网站设计,欢迎提交至BestCSS。 Utah Travel Lift Interactive MailChimp Idea Foundry The Creative Dot Michael Dick Mission Community Church Sushi & Robots Wonderbra Ultimate Strapless Light CMS Two24 Studios Typejockeys Ecosimply Glue Adcetera Digital LogoCranium Matty Studios Design Bridge Robert Alan Toggle Southern Media Delete Powerful CMS

导航

30个很棒的水平导航菜单欣赏

**原文:**[30个很棒的水平导航菜单欣赏](http://www.qianduan.net/30-gorgeous-horizontal-menus.html) **译自:**[30 Gorgeous Horizontal Menus for Inspiration](http://www.queness.com/post/744/30-gorgeous-horizontal-menus-for-inspiration) 版权所有,转载请注明出处,多谢!- - - - - - 设计一个独特而有吸引力的网站导航从来不是件容易的事情。在本文中,我们收集了30个有灵感且漂亮的水平菜单,我相信它们可以给你的网站设计一些想法~~ Get me fast Jobs on the Wall Kayak Capers Bazar solidale Impaled Existence The Creative

导航

网站设计中的面包屑:实例与最佳实践

原文:[网站设计中的面包屑:实例与最佳实践](http://www.qianduan.net/web-site-design-crumbs-examples-and-best-practices.html) 译自:[http://www.smashingmagazine.com](http://www.smashingmagazine.com/2009/03/17/breadcrumbs-in-web-design-examples-and-best-practices-2/) 版权所有,转载请注明出处,谢谢! - - - - - - 一般的网站会有很多页面,**面包屑导航**可以大大改善用户寻找他们的路径的方法。就可用性而言,面包屑可以减少一个网站的用户返回上一级页面的操作次数,而且他们可以提高网站部分和页面的[可查找性](http://en.wikipedia.org/wiki/Findability)。他们还是在网站层次中指示用户所在位置的有效的视觉助手,这使之成为承接页面上下文信息的很棒的根源。 什么是面包屑? 面包屑(或称为面包屑路径)是一种显示用户在网站或网络应用中的位置的二级导航方案。

图标

创建带有图标的导航菜单

在我创建的每一个互联网应用中,我都试图避免创建完全由图片组成的菜单。在我看来,菜单系统中应该使用文字。这样做也会让菜单变得更干净利落、清晰和易读,不用考虑应用程序如何读取它,以及页面放大的时候也不会失真等。或许这只是我的想法?但是我们不能创建即好看又好用的菜单吗? 下面是创建下面的有图标支持的导航菜单的代码和样式。 点击这里 查看演示(在新窗口中打开). 基本标签 home about work The CSS /* style.css */ .nav {width:550px; height:50px; padding:0px 25px; margin:0px; background:url(img/bg.gif) repeat-x; border:1px solid #efefef;} .nav li {float:left; width:125px; height:50px;

导航

25个创新和有创意的导航菜单设计

这是webAir收集的25个非常棒的导航菜单设计,包括侧栏导航、水平导航、垂直导航和一些实验性的效果很炫的导航设计,很值得参考! 侧栏导航菜单 GABBO DESIGN 特色: 简洁、干净 gabbo.cz/graficke-studio.html Concentric Studio 特色: 滑动菜单(JS powered) concentric-studio.com/work/dealbreaker/?nav=2 Ruby Tuesday 特色: 简单的文字+图片 rubytuesday.com/ District Solutions 特色: 极简的垂直tab districtsolutions.co.uk/candidates/ 水平导航菜单 CodeGreene 特色: 圆角tabs + 阴影效果 codegreene.com TwitterLane

导航

一个无限级别导航菜单【推荐】

无限级导航菜单(All Levels Navigational Menu (v2.1))是一个基于CSS/HTML的列表,它支持无限级子菜单。此菜单小巧且易用(菜单代码是简单的HTML列表),而且所有的菜单的链接对搜索引擎友好。此外,这个菜单以一定的方式结构化,所以它很容易被定制外观。 菜单支持水平导航和垂直导航两种方式,官方提供了很多的模板供参考和快速上手。 访问官网网站>> 下载(仅包括两个简单的演示,了解更多请查看官方网站)

导航

20个非常漂亮的网站导航菜单设计

这是WebAir收集的20个非常漂亮的导航菜单设计,其中包括5个竖直导航,15个水平导航。都是很漂亮很有创意的。在此推荐一下。 [![codefor.com](//www.qianduan.net/img/2008/12/060116ach.gif "codefor.com")](http://www.codefor.com/)codefor.com [![lealea.net](//www.qianduan.net/img/2008/12/060117f9b.gif "lealea.net")](http://www.lealea.net/)lealea.net [![zigpress.com](//www.qianduan.net/img/2008/12/0601188u2.

创意

颇有创意的水平导航设计

收集了一些水平导航菜单设计,感觉很不错的,有些很有创意,能够打破常规。 其实单纯的导航菜单独立拿出来说是没有太大意义的,页面中的每一部分,只有放到页面这个整体中,才能真正显示其价值和意义。不过,把这些好的东西拿出来作为参考,应该也是一件不错的事情。 1、designdisease.com 大名鼎鼎的designdisease,关注国外网站的,应该不会不知道它的吧。 2、www.vhtulsa.com 我实在很喜欢这个导航设计,简单,却很靓! 3、www.hellocoton.fr 这是个关于棉质制品的网站,枚红+黑白的颜色搭配,圆角的按钮形单元设计,让人很容易就感受到纯棉的味道。 4、acko.net 5、www.mobiluck.com 6、alifelski.com 7、meaganfisher.com 8、www.watersmedia.com