我干建站这行十五年了，见过太多老板花大价钱请大牌设计师做首页，结果回头问我：“为啥我那个导航栏用户老点不到？” 我真是想笑，又觉得悲哀。你想想，你进一家饭店，菜单要是印在锅底底下，或者藏在服务员口袋里，你还吃得着吗？网站也是这个道理。很多同行为了所谓的“创意”，把导航栏搞得天花乱坠，结果用户连个“关于我们”都找不到。这种为了设计而设计的行为，简直就是耍流氓。
咱们说点实在的。网页设计如何设计导航栏，核心就两个字：直觉。用户不需要思考，手指一滑就能找到他要的东西，这才是好设计。我去年有个客户，做跨境电商的，之前那个导航栏做得特别复杂，用了下拉菜单套下拉菜单，层级深得像俄罗斯套娃。数据后台显示，跳出率高达60%。后来我让他砍掉一半的菜单项，只保留最核心的产品类目和客服入口，把剩下的藏进“更多”里。结果呢？转化率涨了15%。这数据虽然没经过什么权威机构认证，但在我这行里，这就是铁律。
很多人喜欢搞那种全屏的汉堡菜单，看着挺酷，挺极简。但我得说，对于移动端来说，这玩意儿有时候挺反人类的。你想想，用户在大拇指操作的时候，那个菜单展开再收起，中间的空档期，用户可能已经不耐烦地关掉页面了。我在做响应式导航的时候，通常会保留一个明显的“联系我们”或者“立即购买”按钮，颜色要跳脱，要像黑夜里的探照灯一样亮。这不是审美问题，是心理学。用户需要安全感，需要知道下一步该干嘛。
还有啊，别忽视那个该死的“搜索框”。如果你的网站商品超过1000个，没有搜索框，那就是在赶客。别觉得搜索框丑，它功能大于形式。我见过一个做图书的网站，把搜索框做得跟艺术品似的，结果用户根本不知道那是搜索框，都在找那个显眼的放大镜图标。最后没办法，还是改回了最朴素的长条形输入框，旁边加个大大的搜索按钮。你看，接地气比高大上管用多了。
再聊聊颜色。导航栏的背景色最好和页面主体有区分，但不能太刺眼。我有个朋友，非要用荧光绿做背景，说是要体现科技感。结果用户投诉说看久了眼睛疼，还误以为是广告弹窗。这种爱恨分明的案例，我见得多了。好的导航栏是隐形的，它存在那里，但你感觉不到它的存在，直到你需要它的时候，它恰到好处地出现。
说到这，不得不提一下移动端适配。很多设计师在电脑上看导航栏觉得挺完美，一到手机上就乱套。文字重叠、按钮太小、间距太挤。这时候，网页设计如何设计导航栏就显得尤为重要了。别想着用缩放来解决问题，那是偷懒。要重新布局，比如把横向排列改成垂直堆叠，或者把次要菜单折叠起来。我一般会给客户算笔账，手机流量占比如果超过70%，你还死守PC端的导航逻辑，那就是在自杀。
最后想说，别迷信那些所谓的“最佳实践”。每个行业的用户习惯不一样。比如B2B的网站，用户更理性，导航可以复杂点，信息密度大点没关系；但如果是卖零食的，用户是冲动消费，导航越简单越好，最好一眼就能看到促销款。别拿一套模板套所有网站，那是对用户的不尊重，也是对自己专业的亵渎。
做网站就像做人，别整那些虚头巴脑的。导航栏就是你的脸面，也是你的手指。把它弄舒服了，用户才能在你这儿多待会儿。别总想着怎么炫技，多想想用户怎么点得爽。这才是正道。虽然有时候为了迁就技术限制，导航栏会有点小瑕疵，比如加载稍微慢半秒，或者某个下拉菜单在低端安卓机上显示有点错位，但这没关系，只要核心路径通畅，用户是能包容的。毕竟，大家上网是为了办事，不是为了看代码。
记住，好的设计是看不见的，它只是静静地在那儿，帮你把生意做了。别让它成为你生意路上的绊脚石。
