我要投稿
当前位置:首页 > 经验分享 > 网站导航内容设计注意事项
网站导航内容设计注意事项
2018-5-10 16:26:00   作者:闲言碎语   人气:1次  评论(0)
所属标签: 建站经验  工作经验  设计经验 

  一个好的导航的关键是,能否解决问题。切忌“冥想”导航,让你的导航更扎实,更清晰,更有意义。

  

  纵观2010-2012的导航,以产品的维度划分导航结构。用产品的本身的名称命名,用户进入网站能直入自己想要了解的产品。

  

  从尺寸大小,到标签的命名,甚至是顺序都没有做变化。主要变化的导航的视觉层面和search框。

  

  视觉设计上:

  

  1)主体导航从灰色单一渐变到深灰色质感渐变到暗灰色的质感渐变。

  

  2)相反的是Apple logo 质感一路从简,从富质感的到简单的灰白渐变。

  

  3)标签字体和搜索icon反白处理,逐渐和深色的背景拉开层次。

  网站设计

  search框:

  

  1)将search框和导航从视觉层面上结合在一起,整体设计。不再简单的白底处理。

  

  2)只保留搜索icon,去除“Search”

  

  3)tab宽度增加,压缩search框宽度。鼠标click后,搜索框自动展开,区别出搜索框default和输入的使用状态。

  

  导航在Web中扮演一个回答用户“我是谁?”“我从哪里来?”“我到哪里去”的角色。好的导航是一个网站的主要基石。而在开始设计一个网站或者改版一个网页时,它往往是设计师第一个面临的挑战。