开始干敦煌项目那会儿
上周二甲方甩过来个需求,说要做个展示敦煌文化的官网。我一看参考站,好家伙,满屏土黄色配大漠照片,字小得跟蚂蚁似的,下拉还得三分钟才到底。当时心里就嘀咕:这玩意儿用户能看得下去?
翻资料翻到眼发花
先奔敦煌研究院官网扒素材。下载壁画图库时候差点卡死浏览器,高清原图每张都几十兆。顺手点开他们购票页面,好家伙日期选择器居然要手动输入年月日,当场给我整不会了。
翻出三年前去敦煌玩的相册,发现手机里拍的九层楼比官网还清晰。把鸣沙山落日原图拖进PS,按住alt键狂调色阶,沙子纹路突然就立体了——原来参考站泛黄是亮度调太高给漂白的。
动手改版差点通宵
连夜新建了Figma画板:
- 头图直接铺满我调好的鸣沙山实拍,半透明白色蒙版压暗30%
- 导航栏搞成壁画卷轴样式,鼠标滑过才展开二级菜单
- 把甲方要求的“千年文化”标题改成“跟着骆驼走丝路”,字号放大两倍
最关键的是预约功能。把那个反人类的日期选择器拽掉,换成日历表。测试时候发现农历切换按钮藏在角落,气得我直接拖了个放大镜图标怼在旁边。
实测翻车现场
拿给隔壁大妈手机测试,结果华为老机型加载壁画出水纹。赶紧开Chrome开发者工具,发现那批高清图全没压缩。批量过一遍TinyPNG,首页加载时间从8秒砍到1.3秒。
更绝的是视频彩蛋。在洞窟展示区加了段20秒的风沙声效,大妈听着突然说:“这声儿跟我去年跟团骑骆驼时一模一样!” 得,音效师鸡腿有了。
改完甲方变脸记
交稿那天甲方经理盯屏看了五分钟没说话,突然指着月牙泉的动效问:“这水波会随鼠标动?” 我握着鼠标左右晃,水面倒影真跟着荡漾起来——就用了CSS视差滚动,成本还没他茶杯贵。
最逗的是测试页脚二维码时,他掏出手机扫完突然乐了:“你们把我司公众号头像P成飞天仙女了?” 那可不是P的,我专门找插画师重绘的Q版飞天,现在他们官微头像还挂着。
这项目最大的教训就是:别被“文化厚重感”唬住,用户要的不过是看得清楚、点得顺手。你看现在他们官网预约量涨了三成,问为大爷原话:“这站看得懂,按钮比麻将牌还大!”





