做网站十五年，见过太多老板花大价钱做个花里胡哨的首页，结果用户进来转两圈就走了。为什么？因为导航栏做得太烂，找不到北。这篇文章不讲虚的，只讲怎么把导航栏做简单、好用，让你少花冤枉钱，多留住客户。
先说个大实话，很多新手设计师或者外包公司，最喜欢搞什么“ mega menu ”，鼠标一悬停，弹出一堆子菜单，看着挺高级，其实全是坑。用户根本记不住那么多层级，最后只能关掉页面去百度搜你的联系方式。
我去年接的一个建材客户，原本找的公司报价八千，导航栏做了三级下拉。我接手后，直接砍掉二级，只保留一级核心栏目，加上一个醒目的“免费咨询”按钮。改版后，咨询量直接涨了30%。这就叫用户体验，不是炫技。
那网站设计的导航栏怎么做？别整那些花里胡哨的动画，记住三个原则：少、大、稳。
第一步，梳理栏目，做减法。
别把你公司所有业务都塞进去。一般建议不超过7个主栏目。多了怎么办？用“更多”或者把次要业务放在页脚。比如我是做建站的，我就只放：首页、案例、服务、价格、关于、联系。这就够了。用户来这就是看你能不能干活，不是来读百科全书的。
第二步，视觉层级要清晰。
导航栏的高度，建议设在60-80像素之间。太矮了点不着，太矮了显得小气。字体大小至少16px，颜色要和背景形成强对比。别用那种灰不拉几的字，用户眼睛都要瞎了。还有，当前页面要高亮显示。这个功能很简单，但很多外包公司为了省代码时间，直接不做。你想想，用户在你“服务介绍”页，导航栏里“服务”两个字要是没变色，他怎么知道自己在哪？
第三步，移动端适配是生死线。
现在百分之八十的流量来自手机。电脑端看着再牛的横向导航，到了手机上必须变成“汉堡菜单”或者底部固定栏。别搞什么侧滑菜单，除非你是新闻类网站。对于企业站，手机端导航栏一定要sticky（吸顶），不管用户滑到哪，导航栏始终在最上面。这样用户随时能切换页面，不用滚回去找入口。
这里有个真实的价格参考。如果你找正规工作室，做一个响应式导航栏的开发费大概在500-1500元之间。如果对方报价超过两千，那多半是包含了复杂的交互动画，对于普通企业站来说，纯属智商税。除非你是做电商或者大型门户，否则没必要。
再聊聊避坑。很多模板站自带的导航栏，代码写得极其臃肿。加载速度慢得像蜗牛。你在做网站设计的导航栏怎么做这个决策时，一定要问对方：这个导航栏加载需要几毫秒？如果超过200毫秒，直接换人。百度蜘蛛也很讨厌加载慢的页面，这会直接影响你的SEO排名。
还有一个细节，搜索框要不要放导航栏？我的建议是：如果是大型网站，放；如果是中小型企业官网，不放。放搜索框会增加视觉噪音，而且大部分用户根本不会用站内搜索，他们更倾向于直接打电话。把那个位置留给“立即咨询”或者“电话”按钮，转化率能高一倍。
最后，测试再测试。
做完别急着上线。找五个朋友，让他们在电脑和手机上分别找“关于我们”和“产品案例”。如果他们在5秒内找不到，那就说明你的导航栏设计失败了。别心疼那点修改时间，这一步能帮你省下后面无数次的客户投诉。
网站设计的导航栏怎么做，归根结底就是服务于人。别为了设计而设计，要为了转化而设计。简单、直接、高效，这才是王道。希望这篇干货能帮你少走弯路，把每一分预算都花在刀刃上。
