五种web导航设计教程技巧分享

俗话说：一个好的导航设计，往往能够成为整个网页设计的点睛之笔！然而作为设计师，就要发挥所有的创意跟灵感来设计这个网站导航或网站banner。

下面就列举5个方面来考虑导航设计。

A. 材质类，给导航加点材质！

材质类的导航，是润色导航、增加导航意ζ最常用的设计方法。在有特殊定向和用户指向的网站设计里是广被设计师们使用的手法。这种快速、简单、效果直接的设计方式，能够迅速将产品的特性和设计师的巧思呈现出来。并且材质类的导航设计往往都可以不必打破导航的基本形态，能够很好的保持导航的功能性，页面排版的整齐感。因此可以在固定的网页原型的结构和λ置上，灵活地表达产品的特性。设计师们可以随心所欲雕琢内部的材质，从而打造不一样的意ζ导航，成为整个页面的小小亮点。

B. 拟物类，让导航不仅仅是导航！

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

C. 形态类，换个形状设计导航！

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

D. 融合类，“和谐共进”的导航设计！

有雷厉风行抢风头的导航哥，也会有为人低调注重和谐的导航们。在某些网页设计中，需求的导向性会要求将导航一定程度的削弱，从而来突出产品的主体内容。那ô对于这部分的导航设计，设计师们该如何取舍呢？是简单地罗列文字？还是将导航舍弃在边角的λ置？如何才能使得被削弱的导航仍然不失设计感，甚至能够辅助主体内容的突显？这个时候，对导航的处理和设计就能更加体现出一个设计师对宏观大局的把控，以及对细节局部的掌控，让局部服从整体，但又不是粗糙对待，反而精致得恰到好处！削弱并不是不需要设计，和谐并不是隐藏和消失。很多优秀的设计作品，在处理这类情况时，通常将导航和网页主体背景进行关联性的融合。从色彩的恰接、风格感受、背景图片的关联、线框等多方面都可以进行处理和设计。让导航自然地呈现，仿佛为主体的一部分，又退而求其次，把更多的视觉焦点留给了主体内容。从而完美地保持其功能性，又能与整体页面“和谐共进”！

E. 延展类，导航设计的更多可能性！

设计是在不断进步的，随着用户体验的提高、用户认知度的拓展、产品需求的多样性、设计师理念的不断探索和更新，我们相信，导航设计将存在更多的可能性！也许下一个新的设计形式就诞生在你我之间！越来越多关于导航设计的研究和探索，将会给用户带来全新的视觉和使用体验！

在此，希望大家可以在设计导航的时候，多从这几个方面去入手。发挥你的创意，好的作品其实是很容易做到。有问题就咨询25学堂。