昨天又被老板怼了，说我做的官网首页跟闹着玩似的。行，撸起袖子干就完事，今天专门死磕页头设计。先扒拉出最近做的五个项目页头，排成一排盯着看，半夜三更办公室就我跟蚊子大眼瞪小眼。
踩的第一个坑：导航栏变迷宫
最开始贪心，把二十多个产品分类全堆导航栏。手指粗点的同事戳手机屏幕，一按能同时触发仨按钮。老板拿着他那个老花机测试，气得当场表演川剧变脸：“这特么是导航还是团建式脑暴？”
- 实战补救：抄起剪刀咔嚓掉多余选项，七个封顶。把“关于我们”“联系方式”这些踹到页脚，首页导航只留最核心的。拿鼠标在电脑上划拉两遍，这回不卡帧了。
第二个雷区：搜个框跟捉迷藏
做第二版时犯矫情，非要把搜索框缩成个放大镜图标。用户测试那天乐子大了，十个阿姨里有八个狂戳Logo找搜索，还有个大爷直接放弃治疗打电话问客服。看着监控录像差点把咖啡喷屏幕上。
- 土办法救场：麻溜还原成带“搜索”俩字的长条框，还顺手加个灰色搜索按钮。塞到导航栏最右端，这回连新来的实习生都能一眼瞅见。
移动端的车祸现场
最打脸的是在手机上。电脑看着挺清爽的页头，挤进手机屏幕直接崩坏——Logo跟汉堡菜单上演全武行，电话号码被挤成两截悬在半空。拿自己旧手机实测，加载时整个页头居然扭曲成毕加索画风。
- 连夜手术：给汉堡菜单瘦身到28像素，电话号码换成呼叫图标。最狠的是逼着设计师把Logo简化成纯文字版，手机电脑显示都顺眼。改完拿手指划拉测试，这回不卡手了。
的大招：加载防抖术
临上线前心血来潮，给页头加了段炫酷的渐入动画。结果老板用他那个十年高龄的笔记本打开，页头加载时整个页面疯狂抽搐，电话直接飚过来骂街：“你是做网页还是做蹦迪灯球？！”
- 老实人方案：含泪删光所有动画特效，改成静态加载。顺手给导航栏底下加了个1px灰色分割线，看着反而更专业了。
搞完这套组合拳已经天亮了，顶着鸡窝头拿给运营小妹看。她划拉着手机嘀咕：“怪了，这回咋找啥都特别顺手？” 老板晨会时破天荒没挑刺——行了，这夜没白熬。
