个美丽且对用户友好的导航菜单设计

个美丽且对用户友好的导航菜单设计

ID:29876320

大小:3.03 MB

页数:26页

时间:2018-12-24

个美丽且对用户友好的导航菜单设计_第1页
个美丽且对用户友好的导航菜单设计_第2页
个美丽且对用户友好的导航菜单设计_第3页
个美丽且对用户友好的导航菜单设计_第4页
个美丽且对用户友好的导航菜单设计_第5页
资源描述:

《个美丽且对用户友好的导航菜单设计》由会员上传分享,免费在线阅读,更多相关内容在应用文档-天天文库

1、50个美丽且对用户友好的导航菜单设计·基于CSS的导航菜单:时髦的解决方案-列举了一些很时髦的CSS菜单·导航菜单:趋势和例子-收集了一些很能激发灵感的导航菜单。1.基于CSS的导航菜单Loodo一个色彩斑斓、给网站增加了触摸感的菜单。Acko.net设计者StevenWittens采用了一种独特的透视角度来呈现导航菜单。WebDesignLedger该网站有一个很棒的菜单,大尺寸的按钮非常舒适且没有和网站内容搅在一块。UXBooth在导航栏下面使用了一个漂亮的辅助文本区域来说明当前的菜单项。Nopok

2、ographics垂直文字的导航菜单非常罕见,因为他们用起来不是那么舒服。但一些设计师总会迎着风头去做些突破。NopokoGrphics就使用了箭头指示和鼠标悬浮(Hover)效果在他们的垂直导航菜单上。IconDesigner这个网站在首页上使用了超大的图片菜单,用户的注意力马上就被这个贼大的菜单拽了过去,看起来对用户非常方便。Cosmicsoda这个大大的菜单十分醒目,并且使用了轻微的Hover效果来为菜单增色。Designsensory十分符合用户认知的二级菜单导航,使用2种颜色区分,有效的告诉用

3、户当前激活的菜单项目和未激活的项目。SmallstoneSmallstone,美国的唱片公司,采用了一种独特的导航菜单,厄。。。这东东叫做“空间回音RloandSE-201型号”.TNVacation这年头很难找到一个看起来很棒的下拉菜单,不过这里就有一个例外。ClearleftClearleft网站使用了几张纸片来作为它们的导航。45royale一个简单、干净、美丽的菜单,还有着不错的Hover效果。DesignIntellection一个非常棒的分块式导航菜单,它告诉了我们在一个简洁的导航菜单中如何

4、精彩高效的使用Hover效果.Ronnypries.de导航菜单并不是一定要设计得像一个传统的导航菜单。RonnyPries使用了一个类似房屋户型图的设计来引导访客在网站中穿梭。JiriTvrdekJiriTvrdek让导航选项看起来像树上挂着的叶子,十分有创意,让人印象深刻。Water’sEdgeMedia导航选项被用夹子晾在晾衣绳上,来自PatriciaAbbott.MattDempsey用笔刷涂抹来高亮导航选项。Cognigen当前所在的导航选项在视觉上被按进去了,十分明显且符合认知。Distri

5、ctSolutions又是一个少见的垂直文字导航,而且看起来很不错!JaymeBlackmon这个网站看起来是让你来勾选“已经完成”的标记。JeffSarmiento为什么不尝试一下溢出的效果呢?Studioracket一个很不寻常的导航菜单,它采用了一种思维导图的形式来描绘导航。除此之外,这个导航菜单还真的很难画!CulturedCode精巧独特的效果让菜单非常夺目,还有贼棒的配色和Hover效果。NandoDesigner这位葡萄牙设计师采用了一张纸和手写字体作为网站的主要导航。Bonfiremed

6、ia有的时候印刷排版已经足够说明一切...Artgeex生动鲜艳的印刷排版应用。Gloobs一些设计师在“联系我们”的导航选项中加入了邮票印章的设计。SouthCreative这个网站使用了很大的导航按钮,并有着不错的Hover效果。MacRabbit另一个又大又干净的菜单,它采用了图标来辅助用户识别每一个选项的功能。RapidWeaver这个菜单有着干净光滑的布局,同时它的二级菜单采用了很赞的半透明来和主菜单进行区分。DFWUPA图标很好的辅助和强调了每一个导航选项。RevolutionDriving

7、Tuition一个很棒的褴褛式风格网站,它的菜单很好的融合在网站布局中。DuartePires这个菜单摆放的位置和网页正文很接近,十分容易使用。设计采用了大图标来给导航增加视觉元素。此外在其他页面上这些图标也以一致的竖直布局出现,虽然图标本身不是很完美,但整体来说是个不错的点子.ValetinAgachi这个导航有着十分独特的方式来强调被选中的项目,同时这个菜单布局在整个网站都是一致的。Tutorial9最近Tutorial9进行了非常正点的重新设计,菜单组织很棒,可用性很高。2.基于CSS和JavaS

8、cript的菜单AgamiCreative设计师常常在导航上使用提示信息,但提示信息和侵蚀效果的结合还是挺少见的。Whitehouse.gov这个例子完美的告诉我们怎样把大量的内容组织在简洁、容易辨认的区域内,此外再夸一句:非常棒的下拉菜单设计。AppStorm又是一个出色的高可用性下拉菜单设计。EricJohanssonEricJohansson,来自瑞典的设计师,使用了竖直的长条图片作为导航。Coda这个有着美丽Hover效果的菜单非常

当前文档最多预览五页,下载文档查看全文

此文档下载收益归作者所有

当前文档最多预览五页,下载文档查看全文
温馨提示:
1. 部分包含数学公式或PPT动画的文件,查看预览时可能会显示错乱或异常,文件下载后无此问题,请放心下载。
2. 本文档由用户上传,版权归属用户,天天文库负责整理代发布。如果您对本文档版权有争议请及时联系客服。
3. 下载前请仔细阅读文档内容,确认文档内容符合您的需求后进行下载,若出现内容与标题不符可向本站投诉处理。
4. 下载文档时可能由于网络波动等原因无法下载或下载错误,付费完成后未能成功下载的用户请联系客服处理。