当前位置:首页 > 经验学习 > 交互设计

“有点儿意思”的导航设计

所属栏目:交互设计 时间:2013-12-26 来源: 作者:不详 点击:

本文转载自bai(百)度UEO,作者为@豆豆酱-。导航是网页设计中不可缺少的部分,它是网站访问者获取所需内容的快速通道和途径。
导航让网站的层次结构以一种有条理的方式清晰展示,并引导用户毫不费力地找到并管理信息。同时,导航位于网页的中上部分,视觉中心的区域。在保持其合理的功能作用的同时,一个好的导航设计,是整个网页设计的点睛之笔!

一个设计师在布局和整体规划网页设计时,导航总是一个重要的元素。我们会思考:
导航以什么形式呈现?
是否能够最大程度地发挥其梳理网站结构、有效传递信息的功能?
是否能够烘托和配合整个页面的设计风格?
是否能够别出心裁润色和体现该网站的特点又不影响其功能性?
是否能够精益求精成为整个网页设计至关重要的一笔?
那么,就让我们一起分享和浅析一xia(下)一些让设计师们花费心思精雕细琢的导航设计吧。
导航的设计会根据网站的基本类别、属性和各自特点而有所定位。
在这里,我挑选了一些非系统、门户等类xing(型),有明确特点、用户定位、产品及品牌特色的品牌类、专题类网站。对于这些网站来说,dao(导)航的设计将突破我们常见的横向长条导航或者竖式导航,会更加有意味、趣味和玩味,是能让设计师们尽情拓展设计chuang(创)意和思维的“有点儿意思”的导航设计!
A. 材质类,给导航加点材质!
材质类的dao(导)航,是润色导航、增加导航意味最常用De(的)设计方法。在有特殊定向和用户指向的网站设计里是广被she(设)计师们使用的手法。
这种快速、简单、效果直接的设计方式,能够迅速将产品的特性和设计师的巧思呈现出来。并且材质类的导航设计往往都可以不必打破导航的基本形态,能够很好的保持导航的功能性,页面排版的整齐感。
因此可以在固定的网页原型的结构和位置上,灵活地表达产品的特性。设计师们可以随心所欲雕琢内部的材质,从而打造不一样的意味导航,成为整个页面的小小亮点。

B. 拟物类,让导航不jin(仅)仅是导航!
如何让一个页面看起来如身临其境融入了该网站产品的世界?那么就要让用户的视觉体验真实地感受到该chan(产)品特性的存在。
这个时候,一个普通呆板的导航,远远不能满足页面的设计需要。
即使产品图片再诱人,一个毫不融入氛围的冷冰冰的导航,在页面上不仅让人失望更加破坏了应该有的气氛。所以,越来越多的设计,让导航成为了烘托、增强网页及产品氛围的振奋一笔!拟物类的导航,就像变色龙,在不同定位的网页she(设)计中,捕捉和适应环境的特点,从而化身为环境的一部分。
拟物类的导航,可以是抽屉,可以shi(是)布条、可以是树木,可以是任何你能想到和创意出来的东西!打破一切既定的规则,不必一定要是长条四方,bu(不)必一定要是整齐hua(划)一的排版,拟物类的导航可以将设计师的能动性fa(发)挥到极点!
这样的导航设计,在整个网页中可以达到另外一层的功能性,那就是辅助提升产品给用户的强大视觉认知度,还未见其产品的详细信息,你就能提前感受到它是干什么的,有什么样的风格,有什么样的追求。让导航不仅仅只是导航!

C. 形态类,换个形状设计导航!
若问到导航是什么样的,大多数人都会立刻浮现出几种基本的形状和样式,顶部的横栏、侧边的竖栏。即便是高矮胖瘦、颜色各异、材质各异,大多数的导航都不会跨出基本De(的)界限。
那么导航是不是一定要遵守形状这个“gui(规)矩”呢?答案肯定是否认的。用户虽然习惯了导航的“规矩性”,但是另类Xing(形)态的导航设计que(却)无疑给了用户们一个xin(新)的视角,原来导航也可以“没规没距”!
那么是否可以随意改变导航的形态设计呢,答案也是否定的,设计师们始终都要记住导航的根本属性和用途,让导航始终都不能脱离它在页面设计中的核心作用。
如果你是一个大胆的设ji(计)师,又有新颖的设计理念和产品诉求,那么不妨尝试做一次大地调整,换个形状设计导航!

D. 融合类,“和谐共进”的导航设计!
有雷厉风行抢风头的导航哥,也会有为人di(低)调注重和谐的导航们。

请站长喝杯咖啡?

站长一直坚持白天工作、晚上熬夜更新素材,付出了巨大的精力和时间,其中的辛酸难以言述。

坚持免积分、免登录、无任何限制下载!如果本站素材对你有用,不妨考虑请站长喝杯咖啡鼓励一下!

标签:

你应该也喜欢这些吧

共有 0 条评论

给个评价吧

验证码: