十个有趣的网站导航设计
17个特别舒服的圆形导航菜单网站设计
17个特别舒服的圆形导航菜单网站设计
作者: 一网学最后更新时间：2015-08-31 10:36:17 编者按：安利一下今天这组网站，虽然都是圆形菜单，但几乎没有创意重复的，18个网站都有自己独特的脑洞，而且有几个动画效果棒呆惹，已经给放到前边了，来惊喜一下。
奥迪TT
交互情景很有意思，从太空掉到地球，让人不由自主的继续玩下去。
Game Of Purpose
这是一个用于演示游戏被解锁的导航，它们巧妙地链接在一起，有一个良好的说明性状态指示。
Theedgedubai
网页上的建筑效果图很不错，有白天与昼夜的渐变转换，点击圆形导航弹出来的窗体也使用了圆形。
1701 Franciacorta
点击中间的圆角导航出现不同的色彩，除了这个，左上角的加点导航也很有特色，原来网页还能这样排版，但这样他也只能考虑宽屏了。
Brancottestate
第一次浏览此站需要输入出生年份，18岁或以上才能浏览。
JS效果很强大。
Hipstersound
Wellstoried
Nadezhda
圆形导航与背景相当融合，整体都是一种淡雅色调。
Sonance-Audition
Edilteco
Keeping New York On Track
Luxury Resorts
一个渡假村网站，这类网站使用手绘风格图标确实少见。
Interaction With Artificial Physics
My7up
Volvo
这个圆形装饰用来介绍汽车，很有新和力，不过不能点击：）
Freeblackfin
Hedkandi。
60多个网页导航菜单设计实例欣赏
60多个网页导航菜单设计实例欣赏导航是网页设计中的重要元素。
一个良好的网页导航系统能不止是要把它设计的够漂亮，同时更重要的是要能够带领你的用户逗留在你的网站之中，让访客轻松找到他们想要观看的内容。
这篇文章介绍了导航菜单在近期的发展趋势，实例和创新的解决方案，非常的丰富，相信能够为你的下次网页设计带来更好的灵感和参考。
1. “对话式”的导航菜单一个导航菜单最重要的目标，就是引导访客浏览网站中的更多页面。
但是，有的时候，光是靠一两个关键字并不能达到效果，因为很可能这些关键字让人费解，并不能够吸引用户的注意。
在过去的几个月里面，你能发现一个导航菜单的设计趋势，就是为导航菜单进行简短的补充说明。
通过在大的菜单标题里再加上几个能够凸现出该页面的重要信息的关键词来吸引访客，让访客一目了然的知道，它进去这个页面，将会看到些什么东西。
我将这种导航菜单称之为“对话式”的导航菜单，因为它确实能和访客之前营造一种更好的沟通氛围。
同时，很多导航菜单不仅加上了多个关键词的简短介绍，也加入了一些大图标。
这除了美化导航菜单之外，另外一个好处就是，如果你的网站受众来自多个国家的话，通过图片将能使用不同语言的用户方便理解。
这种对话式的导航菜单不仅适于横向导航菜单，同时，也适用纵向导航菜单。
2. Mac风格仍然流行？Mac可以说是在Web2.0设计攻击下的最大幸存者，我们知道，在过去的一两年，Web2.0风格的设计席卷狂潮。
说实话，帕兰个人并不太喜欢Web2.0风格的设计，yichi也曾跟我提起，在某种程序上，Web2.0可以说是毁了设计。
但你无法不承认，它是如此的流行。
但是，有趣的是，在过去的几个月说，你会发现，有很多网站使用Mac风格的设计。
而这些网站并不都是设计苹果公司相关信息的，有很多甚至网站内容与Apple没有任何关系。
使用Mac风格只有一个理由:它是如此的精美和超酷。
或许，继续发展下去，Mac风格设计能够成为一个单一的设计元素概念。
国内最有趣的10个网站推荐
和大家推荐几个国内比较有意思的网站，以下我所推荐的网站，不管是从网站内容质量、还是从用户体验度上，都获得了很高的分数，现在推荐给大家。
NO1。
有意思吧（），这个网站大家应该都知道吧，跟她的名字一样有意思，里面聚集了一大堆在潮流顶端，思想活跃的大学生、在里面诉说着现实生活中有意思的文章、图片、视频、而且每篇文章都非常有涵养，每一张图片都经过处理再放上去。
无论从界面布局还是色调的设置，真的很符合我们这一代人的思想。
NO2.草根网（）。
草根站长几乎都会上的一个网站，每天都会更新，而且里面的文章几乎都是互联网界最新的资讯，可以说，紧紧跟住了草根网的脚步，你或许可以赶上现在互联网界发展的势头。
这里面的文章的质量是每一个站长每一天都要学习的。
NO3.糗事百科（）这个网站比较好玩，由用户上传自己生活中比较糗的图片，然后展示出来。
有时候看着这些图片会不自觉的笑出声来，挺有意思的。
NO4.低调恋爱网（）这个网站可以说是恋爱中的青年男女必须去的一个网站，和一般的情感为主的文章站不同的是，这个网站的内容比较独特，里面有创意的表白方式、浪漫的表白方式、恋爱经验总结、恋爱要做的事、我要对ta表白（就是表白墙）。
可以说，每篇文章都可以作为恋爱中男女参考的对象。
里面的表白墙功能也很可爱，可以把你想对ta说的话写在里面。
NO5.邻居的耳朵（http://kxt.fm）喜欢听各种音乐的童鞋可以去这个网站去找找看。
各种音乐推荐，很多喜欢音乐的朋友都在这个网站流浪。
NO6. 煎蛋的乐趣(htt p:///)美国网站Digg由全球网民提交最有趣的网络内容构成，几个中国人把它上面最稀奇古怪的内容翻译过来，就有了煎蛋，让我们知道这个星球上有太多好玩的事情一直都在发生。
NO7.时尚信息观察()专注于观察国际时尚动态与趋势，一群爱好时尚的潮流分子聚集地，好的时尚网站应该不但提供信息，还能够传递时尚背后的社会与人文背景，“观潮网”就是这样的地方。
48个最有用而有趣的网站
48个最有用而有趣的网站1.Wikipedia 一个在线的百科全书：任何人都可以编辑入口。
你不仅仅可以修正文本，而且还可以添加图片和声音来修饰入口。
它并不像其他百科全书那样具有权威性，但是它的不规则也给阅读带来了很多乐趣。
2.How Stuff Works 在这个迷人的网站里，你可以选择10个类别的内容，比如电脑素材，在这里你会发现诸如图形卡是如何工作的等等技术问题的描述。
3.Help 如果你在寻找一个问题的答案，你可以试试。
如果你没有时间浏览论坛，你可以订阅它的免费时事通讯，里有最受欢迎的问题列表。
4.Gizmodo 这个美国的blog网站上有各种各样的小玩意。
这里有很多好的产品和想法。
5.Crossword Buddy /puzzles 那些痴迷于填字游戏的人应该会喜欢这个网站。
你可以自己填字母，也可以把可能的字列出来。
功能简单而令人满意。
6.午休小游戏 Office Humour 如果你的老板不在办公室，而办公室里可以轻松一下的时候，这个网站能够让笑意出现在你的脸上。
欢闹的视频短片和来自全世界的剪报将让漫长的一天变得短一些。
7.The Onion 另一个美国网站，它处理新闻的方式有点类似MontyPython对垃圾邮件的功能。
8.JibJab JibJab表明网络能够为无所事事的人找到事情做。
整个网站中充斥着讽刺和调侃，并提供很多活泼好玩的歌曲和电子贺卡。
9.My Cat Hates You 我们是一个热爱动物的国家，但是这个网站却证明我们的一些猫科朋友并没有对我们的善意有相应的反馈。
喜欢或不喜欢猫的人都会在这里哈哈大笑。
10.游戏和娱乐 Miniclip 这里有很多有趣的在线游戏。
有超过100个免费游戏，另外一些游戏需要你使用信用卡进行注册付费才能使用。
页面上部的游戏你可以和其他人一起玩，赌注是真的金钱。
11.Y etisports 我们在圣诞节发布之前，就有了CD-ROM，这对于杂志来说是一项严重的威胁。
产品经理灵感分享10个优秀网站设计实例赏析及原型分享
网页设计师们经常会浏览高质量的网页设计作品分享网站，来解决灵感枯竭的问题。
因为在这些优秀的网站设计实例中可以看到某些趋势，诸如：扁平化设计、视差滚动、响应式设计、流行配色设计等等。
今天小摹为大家带来10个优秀网站设计实例，希望能为网页设计师们带来好的灵感。
在这个网页设计中，采用了流行的插画风格，动态的草图插画使这些插画的纹理非常的清晰，有非常明显的手工迹象，整体看起来创意十足，给人营造出了完美的氛围。
进入Sokruta网站后，引入眼帘的是醒目的大图背景，然后配合简单直观的导航。
使用鼠标滚轮的切换方式让整个网站看起来非常炫酷以及充满个性。
这些个性化的设计都是在视觉上给用户冲击，但是确实有效。
网站首页配色采用了本年度流行的紫色，代表着高贵、庄严、神秘，同时，也有着智慧和创造力的象征，可以说是一种非常有寓意的色彩。
此外，里面的嘉宾介绍，采用了非规则的宫格布局，而且鼠标悬浮后有丰富的动效。
全网站设计使用了全新的分屏设计，这种网站设计可以很好地为用户呈现两方面的信息，并且能够针对不同尺寸的屏幕进行匹配，使网页端和移动端做到很好的兼容，以便为用户创造好的用户体验。
用户在浏览网站时能一次获取两种不同的信息，鼓励用户根据个人喜好做出选择，使用户不会错过任何重要的信息。
网站首页采用了比较夸张的圆形元素，页面中让文字构成圆环形状，围绕批萨，给用户创造出独特的视觉奇观。
为什么采用圆形元素呢？从形状心理学的角度来看，圆形和环形有着完整、和谐的心理学特征，在很多不同的场合，它常常会拿来传达爱情、能量的意象。
在这里，极简网站设计从未如此美丽。
网站设计使用漂亮的美食大图背景吸引用户，全屏式的展示堪称完美。
此外，采用汉堡包菜单按钮，设计抽屉式导航栏，可以大大节约网站空间。
随着页面滚动，导航栏会自然的移动到页面顶部固定。
网站设计层次清晰，且保持着一定的复杂度。
网站设计的背景采用了流行的渐变色。
网站logo使用简约文本样式，背景和LOGO之间有一定的对比度，但没有太过扎眼。
公司网站导航设计实用范本
公司网站导航设计实用范本随着互联网的发展，公司网站已成为企业最重要的在线展示和推广平台之一。
而一个良好的网站导航设计不仅可以提升用户体验，还能有效地帮助用户找到所需信息。
本文将介绍一些实用的公司网站导航设计范本，旨在帮助各企业提升其网站的导航设计水平。
一、顶部导航顶部导航是一种常见且实用的导航设计形式。
通过在网页的顶部设置导航栏，用户可以快速地找到所需的信息。
顶部导航通常包括主要的网站分类，如首页、产品/服务、解决方案、关于我们、联系我们等。
此外，还可以配备一个搜索框，方便用户进行快速搜索。
在设计时要注意颜色搭配和字体选择，使导航栏更加突出和易于识别。
同时，要保持导航栏的整洁美观，不要过多添加菜单项，以免给用户带来困扰。
二、侧边导航侧边导航通常在网站的左侧或右侧，以垂直排布的形式展示各个页面的链接。
这种导航设计形式在页面内容较多时尤为适用，可以方便用户浏览和导航。
侧边导航的设计要保持简洁明了，每个页面链接可以使用图标或标签来表示，以增加视觉效果和易于辨识。
同时，可以根据不同的页面层级进行分层显示，使用户能够更加清晰地了解网站结构。
三、面包屑导航面包屑导航是一种水平展示当前页面路径的导航方式，通常位于页面的顶部或头部。
它可以帮助用户快速返回上一级页面，方便用户在网站中进行导航和浏览。
面包屑导航的设计要简洁明了，通过使用符号或文本来表示页面层级关系，如“首页 > 产品 > 产品分类 > 产品详情”等。
同时，要保持其在页面中的固定位置，方便用户随时查看。
四、标签导航标签导航是一种基于标签的导航设计形式，通过不同标签的分类和切换，帮助用户找到所需页面或信息。
标签导航一般位于页面的顶部或左侧，并在内容区域显示相应的内容。
标签导航的设计要注意标签的分类和排序，可以根据网站的内容进行合理的划分和安排。
标签的样式要与整体网站风格相协调，以提升视觉效果和用户体验。
五、底部导航底部导航位于网页的底部，是一种常见的导航设计形式。
20个惊艳的网页导航赏析 货车专用导航哪个最好
20个惊艳的网页导航赏析货车专用导航哪个最好简洁高效的导航菜单设计，能够有效优化搜索，改善用户体验。
今天，我们将研究一些网页导航设计方案。
这些案例新颖夺目，生动有趣，原创前卫，令人过目难忘。
其中有些设计的复杂程度更将超乎你想象。
推选这些案例，不光是因为这些创意的原创性，还有包含其中的先进设计技巧，可以启发灵感，帮助大家对网页导航设计领域有更多的认知和了解。
你可以点击图片到该网站看看～01 JovaJova的导航菜单干净、整洁、均衡且布局得当。
细直线条，网格布局，黑白配色方案以及清新醒目的排版，拼出了几何韵味十足的优雅界面。
浅色的背景，与之相得益彰。
02 Beloesuhoe这个设计团队很巧妙地找到了一个让网站抓人眼球的方案。
乍一看，似乎这是一个常规的背景图，但是红色的光标点和菜单标题则告诉我们这一切并不像看起来那么简单。
实际上，菜单项是可交互的，只要点击画面上的指示牌，就可以跳转到目标页面。
这是基于虚拟现实的一个相当有趣的解决方案。
03 First PersonFirst Person网站最大的特色就是它那精巧、超现实的立方体情景图。
设计师对细节的刻画，对透视的精准把握使之更引人入胜。
不可思议的是，这个立方体还有白天黑夜两个不同的场景变化。
当然了，这并不是这个网站的主导航，它的作用只是为了能够吸引到你的注意力。
不过，它的超细节展示配上动态场景支持绝对是酷炫爆表。
04 Mint Design CompanyMint Design Company网站让人耳目一新。
通过动画表现，手绘插画风格的页面顿时活灵活现。
网站里的所有元素包括导航都是以契合整体艺术风格的手法来设计的。
每页菜单都有两版风格，一种是包豪斯式极简主义的写生，另一种则是巴洛特式的华美，这两种风格之间采用了令人愉悦的效果进行平滑转换。
05 Vive Latino为了使登陆的页面从众多的网页中脱颖而出，设计师在这里借用了涂鸦的方法。
清爽的单色配上手写字体，加上几十个微小的移动字符，它不仅成功营造出了一种热闹的盛日氛围，还是一个让人很有点击冲动的导航菜单。
网站设计知识：网站导航设计方法大全
网站设计知识：网站导航设计方法大全随着互联网时代的到来，网站已成为人们获取信息的主要途径，而网站导航则成为用户快速找到所需信息的重要工具之一。
一个好的网站导航能够提高网站的用户体验，增加用户黏性和转化率，因此，设计一个易用、易理解的网站导航显得尤为重要。
在本文中，我们将为大家介绍网站导航设计的方法大全。
1.图形化导航图形化导航通过图片和图标来展示网站的信息结构，与传统的文本链接不同。
这种导航方法可以吸引用户的目光，同时也带来了很好的视觉体验。
在图形化导航中，图片和图标需要清晰明了，而且要与网站的风格一致，方便用户快速识别。
这种导航方式适用于那些需要突出品牌风格和形象的网站。
2.下拉式导航下拉式导航是一种常用的导航方式，它能够将网站各部分信息分级展示，方便用户快速找到所需内容。
这种导航方式的特点是清晰，便于了解网站的信息结构，同时它也能在占用较小空间的情况下，展示更多的信息。
3.经典导航经典导航是指那些传统的导航方式，通常采用水平或垂直的文本链接来展示网站的信息结构。
这种导航方式简单明了，使用广泛，不需要用户进行太多的学习，所以非常适合那些需要大量信息展示的网站。
4.面包屑导航面包屑导航是指在页面顶部展示当前所在位置的导航方式。
通过这种导航方式，用户可以清晰地知道自己当前所在的页面位置以及相应的信息结构。
这种导航方式可以防止用户迷失页面，方便用户快速回到上一层次或其他有用的页面。
5.标签式导航标签式导航是一种非常流行的导航方式，它在现代网站设计中得到广泛的应用。
标签式导航通常将网站的信息分成若干个标签，点击相应的标签可以进入相关的信息页面。
这种导航方式可以一目了然地展示网站的信息结构，同时也能提高用户的使用体验。
6.右侧导航右侧导航将网站的导航菜单放在页面的右侧位置，展现出更多的信息。
这种导航方式能够有效利用页面的空间，避免与其他网站产生过多的相似之处。
7.悬停式导航悬停式导航是一种将导航菜单隐藏起来的方式，只有当用户鼠标移动到导航栏上时，菜单才会显示出来。
国内外创意设计类网站常用网址【收藏】
10_我图网 还是要收费的
国内其它不错的网站收录
中华广告网 老牌创意广告类网站
我爱设计网 海量素材. 包括 设计 素材 资源 酷站
国内外创意设计类网站常用网址
中国十大设计类门户站
01_视觉中国 老牌创意产业门户网站，内容新鲜
02_设计联盟 创意产业门户，内容丰富
03_第九部落 作品丰富 有设计素材下载
04_设计中国 以前的中国PS联盟,技术文档见强
V6DP 优秀数字艺术类论坛,高手众多.
艺术中国网 / 综合类资讯网站
视觉联盟 资讯类设计站点
CGFinal终级CG 中国CG门户
UI界面设计门户 / 名字说明一切
美术联盟 / 艺术教育资讯类站点
中国设计网址导航 / 以上大部分网址都有，很全
DEDS深度 资源专业丰富.版面大气.包括 平面 网页 三维 工业
东方视觉 创意产业门户站点
数码艺术 数码艺术杂志就是这里.
设计艺术家 湖南设计艺术家网
中国设计在线 内容包括平面 网页等...
中国设计网 内容包括 包装 平面 工业 建筑 创意等...
七色鸟 艺术设计信息网站
鲜创意 广告 设计 传媒 数字 建筑等....
DDC传媒 设计 插画 动漫资讯 教育认证
05_亚洲CI网 平面设计类名站
06_我爱设计 海量作品：平面设计、酷站、设计资讯
07_视觉同盟 平面、工业、多媒体
08_设计之窗 国内老牌设计网站
09_设计在线 内容丰富
国际设计网CCII
中国pop艺术网 / 故明思意.POP艺术
30个精典网站导航菜单设计案例欣赏
30个精典网站导航菜单设计案例欣赏网站的导航系统，可以让浏览者在访问你的网站时，更快的达到他要的目的，更加需要分类清晰明了，最好让访问者做到一目了然。
这是一个很难的地方，M4开博近半年，仍旧未找到好的解决方案。
今天分享给大家30个经典案例，学而实习之嘛。
^^原文：A website’s navigation allows visitors to get from page to page and discover content. That makes it pretty important, I would say. However, some designers feel the need to experiment and try to be clever with navigation design, but when getting around a website becomes a puzzle, visitors will mor e often leave frustrated. A website’s nav or menu should look like a nav. It should stand out while still matching the rest of the design, and it should be in a location where users expect it. So to give you some inspiration in this area, here are 30 Examples of Excellent Website Navigation.The Idea ListsCollisionTobias AhlinCarbonmadedConstruct 2010Jeroen HomanBrizk DesignDribbbleBuffaloTedxTorontoDavid A. MolanphyFully IllustratedLive BooksRich BrownI Love DustBlue Sky ResumesSoh TanakaKyle MyerYaron SchoenUnconventional GuidesHAUSChristopher MeeksDan WiersemaWilliamson County CasaMarie Catrib’sThe Design CubicleExclusive ReelsAFD FolioVeerle’s BlogDrexler。
50个非常赞的创意类网站
1．/editor/一款在线的PS 设计网站。
2．http://www.good.is/infographics一个灰常不错的数据可视化网站。
3．http://newsdesignlist.it/site/该网站下大量工业设计、建筑设计、装置艺术等最新信息，值得喜欢设计的同学们关注收藏。
4．/很棒的图片展。
每张图都很大，质量也不错。
值得收藏。
5．/一家很不错的韩国图片素材网站。
6．/一个很棒的设计咨询微博。
7．/很棒的图片素材下载网站。
8．/国外设计学生晒作品的网站，大家感受下。
9．/一个很赞的配色方案灵感网站。
10．/非常赞的字体下载网站，这些字体都是可以商用的哦~~11．/work/all国际上很著名的交互设计公司，喜欢交互设计的同学可以留意下他们的网站。
12．/漫画人基本都知道的P站，神奇我居然没推荐过。
对漫画感兴趣的同学可以强烈关注此站。
13．/一个很赞的纹理素材下载网站，主要是免费的哦~14．/这是一个收集了大量精美图片的网站，很值得收藏。
15．/一个很棒的设计网站。
16．http://cmd.fm/这是个很有意思的音乐播放网站，独特之处在于它是用代码来实现音乐播放的~~来感受下吧~ 17．http://www.ignant.de/一个灰常赞的创意设计网站，值得收藏。
18．/很棒的艺术设计网站。
19．https:///一个蛮不错的创意、设计网站。
值得收藏。
20．/一个很棒的建筑设计网站，喜欢建筑的同学可以收藏着~21．/一个还不错的艺术设计网站。
22．/如果你也居家恋物的话请收藏这个网站。
23．/blog/灰常棒的diy设计网站，内容多多哦。
24．/很棒的设计集合网站。
25．/一个很棒的创意汇集站哦。
里面资源很是丰富。
26．/高清纹理下载站。
27．/很有特点的一个网站，里面的内容经典，艺术。
28．/非常棒的一个图片素材站。
29．/这个网站里面很多风格不错的插画设计，喜欢插画的童鞋可以关注下。
“惊艳”的导航设计案例欣赏
这个设计团队很巧妙地找到了一个让网站抓人眼球的方案。
乍一看，似乎这是一个常规的背景图，但是红色的光标点和菜单标题则告诉我们这一切并不像看起来那么简单。
实际上，菜单项是可交互的，只要点击画面上的指示牌，就可以跳转到目标页面。
这是基于虚拟现实的一个相当有趣的解决方案。
03 First PersonFirst Person网站最大的特色就是它那精巧、超现实的立方体情景图。
设计师对细节的刻画，对透视的精准把握使之更引人入胜。
不可思议的是，这个立方体还有白天黑夜两个不同的场景变化。
当然了，这并不是这个网站的主导航，它的作用只是为了能够吸引到你的注意力。
不过，它的超细节展示配上动态场景支持绝对是酷炫爆表。
04 Mint Design CompanyMint Design Company网站让人耳目一新。
通过动画表现，手绘插画风格的页面顿时活灵活现。
网站里的所有元素包括导航都是以契合整体艺术风格的手法来设计的。
每页菜单都有两版风格，一种是包豪斯式极简主义的写生，另一种则是巴洛特式的华美，这两种风格之间采用了令人愉悦的效果进行平滑转换。
05 Vive Latino为了使登陆的页面从众多的网页中脱颖而出，设计师在这里借用了涂鸦的方法。
清爽的单色配上手写字体，加上几十个微小的移动字符，它不仅成功营造出了一种热闹的盛日氛围，还是一个让人很有点击冲动的导航菜单。
06 Pete NottagePete Nottage的在线作品集以绚丽的颜色为标志，它们赋予网站积极和富有创造力的气息。
多彩扁平化风格元素组成的城市风景其实是一个主导航，模拟的是游乐场场景。
网站不仅加入了各种动态效果，如移动的汽车和游艇，还允许你通过点击来移动其中的元素。
这个设计有趣且让人欲罢不能。
07 Mathilde JaconMathilde Jacon的作品集的首页呈现出的是一个有着特殊交互的循环导航，非常有意思。
在这里，这个作品集将最重要的部分留给了导航；环形里的每段都是一个单独的链接。
设计师必去十大中文网站
设计师必去十大中文网站
首次分享者：屋塔上的雯子已被分享7次评论(0)复制链接分享转载删除独来独往的设计师必去十大中文网站
1、设计在线（新闻绝对是业界最及时的）
2、视觉中国（新新设计师的代表性网站，有些杂，速度也不快）
3、设计前沿（从事工业设计的同胞们必去）
4、设计师家园（建筑与室内设计师非去不可）
5、亚洲CI网（网站本身不怎么样，但是论坛非常不错，高手云集）
6、V6DP（论坛，年轻设计师的天下）
7、（云集非常多大师作品以及他们的网站导航）
8、Arting365（有些不错的独门信息及作品）
9、台湾创意设计中心（了解台湾设计的必去站点）
10、肖勇（****美院教师的网站，有些信息值得阅读）
ht
tp:// w
ww.xiaoy
ong.co m
------------------------------------------。
设计心斋：推荐30个优秀网站导航实例
设计心斋：推荐30个优秀网站导航实例一个网站的导航起到的作用非常大，是网站呈现给用户一些体验的直接通道，它引导用户从一个页面到另外一个页面，也可以帮助用户发现网站上的新内容，对于网站设计者来说，网站导航的设计是用户体验设计的直接体现。
这使得导航起到非常大的作用，一些设计者就觉得很有必要进行一些试验，将导航设计的更巧妙一些。
但是当我们身边的一些网站设计的非常的”巧妙”，就像一个个谜一样，浏览者就会非常沮丧的离开了。
一个好的导航菜单应该像一个宝藏一样，它出现在用户正需要它的地方。
它应在的地方，正是用户之所需，为了给各位一些这方面的灵感，这里列举了国外30个优秀的网站导航的设计例子，以飨读者。
The Idea ListsCollisionTobias AhlinCarbonmadedConstruct 2010Jeroen HomanBrizk DesignDribbbleBuffaloTedxTorontoDavid A. MolanphyFully IllustratedLive BooksRich BrownI Love DustBlue Sky ResumesSoh TanakaKyle MyerYaron Schoen Unconventional Guides HAUSChristopher Meeks Dan Wiersema Williamson County Casa Marie Catrib’sThe Design Cubicle Exclusive ReelsAFD FolioVeerle’s BlogDrexler。
一些很好的设计网站
part1：DEDS深度资源专业丰富.版面大气.包括平面网页三维工业动漫摄影综合论坛等内容.亚洲ci网/index.php国内高质量的平面原创论坛我爱设计网海量素材. 包括设计素材资源酷站设计路上酷站资源分类明确，更新频繁，精品收录蓝色理想程序员之家,这个就不说了.简单设计/简单设计简单生活5d多媒体多媒体先锋设计联盟设计资讯门户,改版之后更专业.视觉同盟中国设计专业网络媒体包括平面工业多媒体等....中国艺术设计联盟创意产业门户.内容丰富中国UI设计网国内优秀UI网站火星时代动画网专业CG类站点视觉中国国内老牌创意产业门户网站设计在线内容丰富NWP 优秀视觉图形类网站, Newwebpick电子杂志就不用多说了. 东方视觉创意产业门户站点数码艺术数码艺术杂志就是这里.设计艺术家湖南设计艺术家网中华广告网老牌创意广告类网站简单设计/工业设计平面设计设计论坛设计考研设计中国以前叫中国PHOTOSHOP联盟,内容丰富中国设计在线内容包括平面网页等...中国设计网内容包括包装平面工业建筑创意等...七色鸟艺术设计信息网站鲜创意广告设计传媒数字建筑等....DDC传媒中国数字艺术联盟内容包括设计插画动漫资讯教育认证等... V6DP 优秀数字艺术类论坛,高手众多.艺术中国网/综合类资讯网站视觉联盟资讯类设计站点CGFinal终级CG 中国CG门户CGren技术交流论坛CG交流论坛中国包装设计网名字就说明了一切.中国美术家协会中国美术家协会唯一官方网站视觉资讯新鲜视觉新鲜人简单设计/国际设计网CCII 中国pop艺术网/故明思意.POP艺术中国设计视觉内容众多,包括平面包装广告竞赛等.图像谷包括平面网页包装工业等内容设计酷教程类站点.异域设计内容丰富涉汲教程平面网页动画酷站等... 设计艺术网工业设计艺术资讯类站点先锋设计联盟教程网页编程模板网页设计师联盟名字说明一切第一秀网页设计师交流平台FM FM品牌设计虚拟无忌中国虚拟现实门户站点三维.哈弗设计平面设计类站点妙联互妙网站建设域名平面推广专业设计服务天极设计在线/天极网下设计频道网易学院/cg网易下设计频道流行印象/资讯教程摄影论坛等..AD100快乐分享/平面广告协会教育等...简单设计/工业设计平面设计设计考研世界CI网/平面设计站点八零秀内容包括资讯招聘平面 CG 多媒体等.. 设计·中国包括教程论坛书刊培训UI界面设计门户/名字说明一切美术联盟/艺术教育资讯类站点part2：/简单设计网站/视觉中国/ CG中国/home/index.php中国CG联盟设计在线/视觉同盟/index.html八零秀视觉设计网/异域空间/index.html中国艺术设计联盟/虚拟无忌/哈佛设计/cms/设计艺术家/中国工业设计前沿/简单设计论坛http://www.***/job/default.asp中国设计人才网http://www.***/job/default.asp蓝色理想网站设计与开发/七色鸟设计空间/创意中国网/设计之家/圆点视觉/简单设计－－工业设计平面设计设计考研工业设计博客/火星时代/ CG原创风云榜/blog/时光刻录机/ CG酒吧/中国CG资讯网1、设计在线（新闻绝对是业界最及时的）2、视觉中国（新新设计师的代表性网站，有些杂，速度也不快）3、设计前沿（从事工业设计的同胞们必去）4、设计师家园（建筑与室内设计师非去不可）5、亚洲CI网（网站本身不怎么样，但是论坛非常不错，高手云集）6、V6DP（论坛，年轻设计师的天下）7、（云集非常多大师作品以及他们的网站导航）8、Arting365（有些不错的独门信息及作品）9、台湾创意设计中心（了解台湾设计的必去站点）10、肖勇（中央美院教师的网站，有些信息值得阅读）11、DDC传媒（强调数字艺术的综合性网站，2004年底成立）12、（云集非常多大师作品以及他们的网站导航，2004年底成立）13、鲜创意（综合性网站，2005年初成立）14、数字艺术（搜狐数码频道的分栏目，2005年初成立）15、涂鸦王国（自由开方性质的网上涂鸦站点，2004年底成立）16、中国美术家（非常全面，但是速度非常慢，2005年初成立）17、中国CG联盟（数字内容创作、电影电视制作，视觉娱乐设计，2004年底成立）18、火星时代动画网（不说了，看题目就知道，2004年成立）19、视觉同盟网（综合性网站，2004年成立）20、中国广告协会（不说了，看题目就知道，2005年初成立）url=/bbs/vray_1.6.asp?UserID=24537]中国效果图联盟[/url]可以到这里看看，很多好的教程和资源，还有就是火星也很不错。
20个惊艳的网页导航赏析 货车专用导航哪个最好
《20个惊艳的网页导航赏析货车专用导航哪个最好》摘要：r特色就是它那精巧、超现实立方体情景图，仿佛带你历次浏览美国戏剧可爱旅程，通格导航菜单展现出可爱格子风简洁高效导航菜单设计能够有效优化改善用户体验今天我们将研究些页导航设计方案这些案例新颖夺目生动有趣原创前卫令人目难忘其有些设计复杂程更将超乎你想象推选这些案例不光是因这些创原创性还有包含其先进设计技巧可以启发灵感助对页导航设计领域有更多认知和了你可以击图片到该看看～ 0 v v导航菜单干净、整洁、衡且布局得当细直线条格布局黑白配色方案以及清新醒目排版拼出了几何韵味十足优雅界面浅色背景与相得益彰0 Bl 这设计团队很巧妙地到了让抓人眼球方案乍看似乎这是常规背景图但是红色光标和菜单标题则告诉我们这切并不像看起那么简单实际上菜单项是可交只要击画面上指示牌就可以跳到目标页面这是基虚拟现实相当有趣方案03 r r r r特色就是它那精巧、超现实立方体情景图设计师对细节刻画对透视精准把握使更引人入胜不可思议是这立方体还有白天黑夜两不场景变化当然了这并不是这主导航它作用只是了能够吸引到你力不它超细节展示配上动态场景支持绝对是酷炫爆表0 g g 让人耳目新通动画表现手绘插画风格页面顿活灵活现里所有元素包括导航都是以契合整体艺术风格手法设计每页菜单都有两版风格种是包豪斯式极简主义写生另种则是巴洛特式华美这两种风格采用了令人愉悦效进行平滑换05 Vv L 了使登陆页面从众多页脱颖而出设计师这里借用了涂鸦方法清爽单色配上手写体加上几十微移动它不仅成功营造出了种热闹盛日氛围还是让人很有击冲动导航菜单06 g g线作品集以绚丽颜色标志它们赋予积极和富有创造力气息多彩扁平化风格元素组成城市风景其实是主导航模拟是游乐场场景不仅加入了各种动态效如移动汽车和游艇还允许你通击移动其元素这设计有趣且让人欲罢不能07 l l 作品集首页呈现出是有着特殊交循环导航非常有思这里这作品集将重要部分留给了导航;环形里每段都是单独链接08 r g 由其精致登陆页笼罩着种强烈然主题氛围r g 散发着优雅和微妙魅力它导航不像以往样显眼;每链接都隐藏靠近树缓缓闪动光上09 Blb 就像前例子首页呈现是景观画面并充满着动态要素然而值得提是它要依靠l播放器这与L5代格格不入0 这采用极简主义风格是很值得关这种极简风格延续到功能键和整页面登陆页面上只有几分散功能键以及片留白他们以种不寻常方式诠释出这种极简主义Lv r R Lv r R 线作品集通别具匠心复杂图像幕布彰显其性外该幕布还扮演浑然体导航工具角色欢迎部分看起显然相当错综复杂rll rll采用细致白描式控制台恭迎者它访客它简洁有力又不失雅致用户整浏览程不仅可以借助它导航还可以通它做很多别事情不移动端和平板电脑使用了另外种页面入方式还是要用电脑页浏览才能睹全貌3 K K 借助先进技术K K(德国著名乐队)采用全屏视频作导航超强视觉冲击力让人叹观止lr lr 仿佛带你历次浏览美国戏剧可爱旅程该电影情节有极具原创性且诱人导航它没有任何标志只有多彩系列超薄条纹或方格带你穿越下帧画面5 lll 这线上作品集总抓住用户力这位艺术用了种新手法包括用抢眼方式演示作品布局被划分相对比较宽全屏跃动条纹每都华丽地展示着挑选作品6 Grvll 想通grvll开启段简要而难忘旅行？你可以访问这顶尖它提供些城市沿途有趣交元素可以让你感觉真走城市街道上7 Lg 首页将其让人难忘外观归功两基组成部分壮观视频背景定下高逼格导航让你更有效地探项目由其精巧线型让置心额外导航恰到处;每菱形以段简短视频作特色支撑着标题8 通格导航菜单展现出可爱格子风设计师巧妙地运用纯色色块和图片进行混搭并每单元块添加了感知鼠标方向图片遮罩效9 V Brzl V Brzl确实是标志性概念性它页面通房里巡游形成了种交式浏览每元素都讲述它们己故事展示巴西不地方旅游化0 lxr lxr 设计师巧妙地利用体得到相当直观外观从而打造有趣页面导航都灵巧地环绕着这页面布局下塑造出独特层次感总结另类不平凡导航方案总是可以吸引并激发用户兴趣他们将升华杰作然而无论你导航看起有多迷人和不寻常对导航说不受干扰地直达目标对用户说始终是头等事所以不炫技懂得拿捏分寸至关重要。
网站设计的50种经典元素
网站设计的50种经典元素在网络时代，网站设计的重要性不言而喻。
一款好的网站不仅能提高用户体验，还能增加品牌价值和销售额。
而一个好的网站设计不仅要有美观的界面和流畅的交互，还需要有一系列经典的设计元素。
下面就为大家介绍网站设计的50种经典元素。
1. 标题栏：标题栏是网站的重要组成部分，它通常位于网页的最顶部，展示网站名称和一些重要的菜单信息。
2. 导航栏：导航栏是网站的核心元素之一，它可以帮助用户快速浏览网站的内容和功能。
3. Banner：Banner是网页中用于展示广告、图片、视频等信息的区域，通常位于页面的顶部或顶部以下。
4. 滚动条：滚动条可以让用户方便地在网页中进行上下滚动。
5. 面包屑导航：面包屑导航可以帮助用户快速了解自己所处的位置和网站的结构。
6. 搜索框：搜索框是用户查找网站信息的重要工具，它可以大大提高用户体验。
7. 图片库：图片库是网站中用于存储和管理图片的区域，让用户可以方便地浏览和下载。
8. 视频库：视频库是网站中用于存储和管理视频的区域，让用户可以方便地浏览和播放。
9. 表格：表格是网站中常用的用于展示数据的元素，可以帮助用户快速了解信息。
10. 表单：表单可以让用户方便地提交和保存数据，一般用于注册、登录、评论等功能。
11. 分页器：分页器可以帮助用户浏览长页面内容，提高用户体验。
12. 标签：标签可以帮助用户快速了解和过滤网站内容，提高用户体验。
13. 按钮：按钮是网站中常用的交互元素，可以帮助用户进行各种操作。
14. 弹出式窗口：弹出式窗口可以在不离开当前页面的情况下展示更多的信息或功能。
15. 鼠标悬浮提示：鼠标悬浮提示可以在用户鼠标悬停于某个元素上时展示更多的信息。
16. 图片轮播：图片轮播可以让用户浏览多张图片，提高用户体验。
17. 列表：列表是网站中常用的展示数据的元素，可以帮助用户快速了解信息。
18. 进度条：进度条可以帮助用户了解任务的进度和完成情况。
7个强大超酷的CSS导航菜单
7个强⼤超酷的CSS导航菜单
via noupe.
新的技术在不断的发展和更新，利于我们创造更多独特和看上去很酷的菜单效果。
下⾯是7个基于CSS创建的⽹页导航菜单：
1)
这是来⾃Nick La设计的⼀个漂亮的CSS导航菜单效果，其中详细的介绍了如何对⼀幅图⽚进⾏切⽚并把它们组合在⼀起，形成⼀个独特漂亮的菜单。
需要注意的是，这个菜单在IE6下⾯有⼀个bug，在悬浮的时候，并不能达到背景图⽚切换的效果，这个时候，你需要给链接属性指定mouseover来进⾏显⽰。
2)
这是⼀个全新的菜单设计概念。
通常我们设计⼀个导航菜单，会改变⿏标悬浮在它上⾯时的样式，⽽这个菜单是当你⿏标悬浮在当前导航链接时，改变其它链接的样式。
3)
著名的Suckerfish Dropdowns回来了，并且这次它的体积更⼩了，仅仅12⾏的Javascript代码，并且正常运⾏于Safari和Opera,⽀持多级下拉菜单。
4)
树蛙菜单，光是这个名字就挺有趣的。
当⿏标悬停的时候才出现⼆级菜单列表，⽽同时⼜⽀持多级的浮动菜单。
5)
这个菜单的最⼤特点是当⿏标悬浮的时候，出现对导航菜单的补充说明。
这⼀应⽤能精简你的导航系统，且给⽤户⼀个更直观的导航描述，让⽤户知道，他将点击的东西会为他带为什么样的内容，⽽这⼀切，都是纯CSS的，不需要任何Javascript.
6)
这是8个基于CSS的导航菜单，它们或许并不是最特别的，却是最常⽤最基础的，你不能错过。
7)
Drop Down Tabs 提供了五种不同样样式的下拉选项卡的导航单，当然，你完全可以⾃定义它，让它看上去更加漂亮和特别。
- 1、下载文档前请自行甄别文档内容的完整性，平台不提供额外的编辑、内容补充、找答案等附加服务。
- 2、"仅部分预览"的文档,不可在线预览部分如存在完整性等问题,可反馈申请退款(可完整预览的文档不适用该条件!)。
- 3、如文档侵犯您的权益，请联系客服反馈,我们会尽快为您处理(人工客服工作时间：9:00-18:30)。
Bancolombia 和上诉部分例子很像，主页在风景画融入了动态元素。不过要特别提到的是该网页需要flash，这些 亮点在H5的情况下将不复存。 Nat-Ant
Nat-Ant 对极简主义有所体现的设计一向值得关注，该网站的设计和结构恰是如此。整个网页从整体看上去 非常简洁与纯粹，并有大量的留白，仅有的一些元素也是精致的分散在页面上。他们用一种不平庸 的方式展现了菜单导航。 总结： 非传统的、不陈腐的导航方式总能引起用户关注，激发他们的兴趣。好的导航设计能够使一个原本 普通的页面得到升华。 无论怎样，知道什么时候提醒自己别再让网页变得喧闹和拥挤是至关重要的，因为在多数情况下这 对用户非常关键，即使你的网页看起来是多么有趣或不平常。
Mint Design Company : Melding Art With Technology Mint Design有种让人难以置信（译者：为什么英文写作好爱用incredible，别这么dramatic好吗… ） 的设计。网站使用了手绘的插图，并且配合合理的动效，让该网站充满了生气。得益于是艺术项目 的原因，所有元素，包括导航风格都相当统一。每个菜单项都有黑白和彩色两种状态，通过这种 设定，状态之间的不停切换带来了活泼的感觉。 Vive Latino
本文节选自/，原作者为Nataly Birch
作者：Park不是韩国人 来源：简书 来源：/p/22598accbe3b 人人都是产品经理（）中国最大最活跃的产品经理学习、交流、分享平台
Vive Latino 2015 这只团队试图用涂鸦的方式让自己的首页更加突出。干净的单色方案、手绘排版设计、动态的小 人物，这些元素不仅为了渲染一种节日氛围，也使得菜单导航看起来非常动感。
Pete Nottage
Pete Nottage 对色彩的放纵、肆意的使用使得网站新奇而跳动。网页上的城市由充满生气的扁平化元素组成，整 个城市好像一个游乐场，而主导航也融入其中。 开发者不仅对诸如轿车和快艇的一些细节添加了动效，通过点击还可以使一些元素以有趣的方式 消失。这些设计细节相当逗比又迷人。 Moira Young
eloesuhoe Production 这支团队的设计巧妙并且独具一格，在打开网站后你就会感受到强烈的视觉冲击。乍一眼看上去， 首页就只有一张背景图片，但在菜单title旁像脉搏一样跳动的红点暗示着这一切并不是那么简单。 准确的说，这些菜单不是无趣的平铺直叙，而是本身就具有交互效果，引导你点击前往你所需要的 页面。 这项与实物图片结合的设计其实带有一丝虚拟现实的味道。 First Person
十个有趣的网站导航设计
简单而有效的导航菜单对用户体验及搜索效率有着明显的帮助。今天，我们将演示一些让人 印象深刻导航方案，包括有趣的，原创的，甚至十分超前的设计。这些方案中，部分比你平 常对导航的认识要复杂的多。 我们不只是出于设计的原创性才列出了这份清单。清单中的多数示例对技术有着大胆的使用，使我 们的清单更加有启发性、教育性。 JO VA
First Person First Person创造了一个复杂而超现实的立方体，认真严谨的透视效果相当有趣，立方体还有白天和 黑夜两种状态。但这种方式还是难以作为主导航来使用，吸引用户的作用更加明显。无论怎样，这 种使用动效技术，展示一个物体深入细节的创意简直可以用天马行空来形容。 Mint Design Company
Home
Moira Young自然又略带梦幻的主题使网页变得高雅而精致。导航不像平常一样显眼，每个链接都 隐藏在大树旁跳动的微光里。 Mathilde Jacon
/ Mathilde Jaco 的首页只有一个主体——一个可交互的、圆形的菜单导航，出乎寻常而又有趣。最重 要的是，每个不同想小分块代表了不同的链接，通过组合的方式实现了风格独特的导航设计。 Bancolombia
Jova // Home Jova的导航菜单干净、纯粹，并且在菜单结构上也很恰当，感觉相当和谐。 细而直的线条，网格布局，黑与白的配色，干脆而锋利的排版，几何风格的文本，这些导航元素的 组合使网站给人以精致的感觉，在淡化过的图片背景下效果更为突出。 Beloesuhoe 注：翻译者最爱，整个网站都炫酷到没朋友。