近几年，产品体验✦这个词在□□□□经常出现◤在大家的□□讨论内容★里，大家都知□□□□道，好的产品□□□□体验可以□□□带来更多□□□的用户浏□□□览人数，差的产品□□□体验在操□□□作上的懵□□逼度上，大概就是□□浏览个几□□□□秒钟就可·以关闭了。从事网页□□□几年，多多少少▲接触了很★多个案例，从中也总□□□□结下几点□□□个人想法。今天来分□□□□享下对导□□□航设计的□□□□见解及利□□□弊端的体□□□验。

一、传统展示导航

传统的导航是把所有的栏目都展示出来，这样方便用户可以直接点击到想要的栏目，基本符合的浏览群众是属于传统派，或者快效的应用在平台上网页的设计。弊端就是在响应式设计上就受限了，可能在平板上和手机上就显得拥挤了，视觉观感差。
 

 
二、隐藏式按钮导航设计

为了解决上述的问题，我们也采取了按钮把栏目的内容隐藏上来，这样解决了页面拥挤，也为页面留下简洁的视觉感。也比较适合现在普遍大众在手机应用上的操作习惯。


 
三、顶部固定滑动导航
 

 
侧的导航第一屏给人的感觉很新颖，适合设计创意为主的网站。
弊端就是·不能超过□□□太多栏目，尽量保持□□在一屏内，不然重新☆下拉第二□□□□屏其实是□□蛮费力的□□□一个体验◎感观，当然如果□□□比较上了□□年纪的估□□计一开始○也不知道□□从哪点，所以这个✦应用的年□□□龄群众最□□□好偏年轻□□□些的浏览□□□□群体
 
四、图标化导航
 

 
活泼贴切□□的图标化□□□□设计导航□□给人第一□□眼的感觉◆很形象，不过这个◆得考察图□□□□标的形象□□化是否符◣合导航栏□□□目的内容◥了，不然给人☆牛头蛇尾♦的不贴切□□□感也是很□□不好的。此类网站□□□多应用于□□□儿童乐趣□□活泼跳跃□□□性多些的□□□网站风格。
 
五、图片化导航


这类导航□□□设计是直□□□接把导航□□应用在首☆页设计上□□□□了，这样突出□□了网站里□□□的架构，信息表达△能力强些，让用户的※点击欲望□□□会强烈些，至少在选□□□□择上提供□□了明确的□□□点击信息。弊端就是▲不能更多◤的展示其◈他信息，不过这些□□□□信息在内□□□页里面去□□□□体现也无□□□妨。
 
六、融入式导航



融入导航★设计的方□□□法比较对□□图片的选□□□择要求高□□点，不过这样□□也是一个□□不错的创□□意方式。大部分这□□□样的导航□□设计比较□□应用在品□□□□牌化的高□□□□端网站，对设计的□□把控需要丨高点才能□□□设计出好♦的首屏效○果，弊端就是□□□比较受限□□起图片的□□□□选择。
 
小结:
导航往往◈在第一屏□□□第一眼就□□□□有所体验□□了，目前导航□□的设计也◇是千层百□□出，不过也是□□□□万变不离□□其宗，什么样的□□□网站定位□□□□也决定了□□□导航的设△计方向，例如商城□□□□网站以推□□□广为主最□□□好是全部□□栏目都展□□示出来。企业品牌□□官网以简□□□□洁设计为□□□□主。导航虽然□□□看起来占□□□□据的版面□□□□比较小，当设计往□□往考验的□□□就是对细□□节的把控。作为设计□□师这也是◇需要对导□□□航的设计□□□□趋势时刻□□□注意到的。

作者：OETY欧亿陈晓琳