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

1、“有点儿意思”的导航设计导航让网站层次结构以一种有条理的方式清晰展示，并引导用户 毫不费力地找到并管理信息。同时，导航位于网页的中上以部分，视 觉中心的区域。功能在继续保持其合理的功能作用的同时，一个好的 导航设计，是整个网页设计的点睛之笔！一个设计师在布局和整体规划网页设计时，导航总是一个重要的 元素。我们会思考：导航以什么为形式呈现？是否最大程度地发挥其梳理网站结构、如何有效传递信息的功能?是否能够和配合整个页面的设计风格？是否能够别出心裁润色和体现该网站的特点又不影响其功能性？是否能够精益求精成为整个网页设计极为重要的外观设计一笔？那么，就让我们一起分享和浅析一下一些让设计师们花费心思精

2、 雕细琢的导航设计吧。导航的设计会根据网站的基本类别、属性和各自特质而有所定位。在这里，我挑选了一些非系统、门户等类型，有明确特点、用户 定位、产品及品牌特色的品牌五类、专题类网站。对于这些网站来说， 导航的设计将突破我们常见的横向长条导航或者竖式导航，会更加有 意味、趣味和玩味，是能让设计师们尽情拓展设计纵情创意和思维的“有点儿意思”的导航设计！材质类的导航，是润色导航、增加导航意味最常用的设计方法。 在有特殊定向和用户指向的网站外观设计里是广被设计师们使用的手 法。这种快速、简单、效果直接的设计这种方式，迅速将产品的特性 和设计师的巧思呈现出来。并且材质类的导航设计往往都可以不必打 破花纹

3、导航的基本形态，维持能够很好的保持导航的功能性，页面排 版的整齐美感。因此可以在固定的网页原型的结构和位置上，灵活地表达产品的 特性。设计师们可以随心所欲雕琢内部的涂层，从而打造不一样的意 味导航，成为整个页面的小小亮点。如何让一个主页看起来如身临其境的了该网站产品融入世界？那 么就要让用户的视觉体验真实地感受到该产品特征的存在。这个时候，一个普通呆板的导航，仍远不能满足页面的设计需要即使产品图片再诱人，一个毫不融入氛围的冷冰冰的导航，在页 面上不仅让人失望难过更加破坏了应该有的气氛。所以，越来越多的 设计，让遥控成为了烘托、增强网页及产品氛围的振奋一笔！拟物类 的导航，就像变色龙，在不同定位

4、的网页设计中才，捕食和适应环境 的特点，从而化身为环境的一些则。拟物类的导航，可以是抽屉，可以是布条、可以是树木，可以是 任何你能想到和创意的东西！打破一切既定的规则，不必一定要是长 条四方，无需排版一定要是整齐划一的排版，拟物类的导航可以将设 计师的能动性发挥到极点！这样的导航设计，在整个网页中可以达到另外一层的功能性，那 就是辅助提升给用户的强大视觉认知度，还未见其商品的详细信息， 你就能提前感受到它是反正的，有什么样的风格，有什么样的追求。 让导航实际上只是导航！若问到导航是什么样的，大多数人都会立刻浮现出几种基本的形 状和样式，顶部的横栏、侧边的竖栏。即便是高矮胖瘦、颜色各异、 材质各

5、异，大多数的导航虽然都不会跨出基本的界限。那么导航是不是一定要遵守形状这个“规矩”呢？答案或许是否 认的。用户虽然喜好了导航的“规矩性”，但是另类形态的导航设计 却无疑给了用户们一个新的视角，原来导航也可以“没规没距”！那么是否可以随意改变导航的形态设计呢，答案也是否定的，设 计师们始终都要记住导航的根本属性和用途，让导航始终都不能脱离 它在页面设计中的核心作用。如果你是一个天马行空的脱离现实设计师，又有新颖的设计理念 和产品诉求，那么不妨尝试做一次大地调整，换个形状设计导航！有雷厉风行抢风头的导航哥，也会有为人低调注重和睦的导航们。在某些网页设计中，需求的导向性会要求将导航一定程度的削弱,

6、从而来突出产品配件的主体内容。那么对于这部分的导航设计，设计师们该如何取舍呢？是简单地 细数文字？还是将导航舍弃在菱形边角的位置？如何才能设计者使得 被削弱的导航仍然不失设计感，甚至能够电控主体内容的突显？这个时候，对导航的处理和设计就能更加体现出一个设计师对宏 观大局的把控，以及对细节单点的掌控，让局部服从整体，但又不是 粗糙对待，反而精致得恰到好处！削弱并不是不可能需要设计，和谐 并不是隐藏和消失。很多优秀的设计作品，在处理这类情况时，通常将导航和网页主 体背景进行关联性的融合。从色彩的恰接、风格感受、背景图片的关 联、线框等多方面都可以进行处理和设计。让导航自然地呈现，仿佛 为主体的一部分，又退而求其次，把更多的视觉焦点留给了主体内容 从而完美地保持其功能性，又能与整体页面“和谐共进”！设计是在科技化的，随着手机用户体验的提高、用户认知度的继 续拓展、产品需