移动互联时代，多媒体开发别再固守十年前老路

　　我原以为第九版能过，结果产品经理把手机往桌上一拍——「这动画卡顿得跟十年前塞班系统似的」。他手机外放还开着，隔壁组测试妹子刷的短视频笑声混进来，显示器有点色偏，我盯着那坨糊成一团的渐变，突然想起2013年用Flash做交互动画的日子。那时候切图命名还叫「btn_01_hover.png」，现在倒好，前端非让我用「component-button-primary-hover-v2.1.3.webp」，切图文件夹里乱得能养蛊。

　　上周跟前端小哥对栅格，他举着数位笔说「这间距按8px倍数算」，笔尖刚换过，在屏幕上划拉时发出沙沙声。我盯着他色板里那个「#666667」的灰——明明该是纯黑减30%的色值，偏要调成这种说不清道不明的脏灰。「你们设计总说『高级感』，可用户盯着屏幕看半小时，眼睛先酸的是谁？」他突然冒这么一句，我愣了下，发现他工位贴着张「保护视力，从我做起」的便利贴，旁边绿萝死了半盆，叶子卷得像被火燎过。

文章配图，仅供参考

　　窗台上那盆绿萝是去年架构师送的，他说「绿色护眼」。现在叶子黄了半边，我倒觉得像极了那些被改废的稿子——刚做出来时鲜活水灵，被产品、运营、测试轮着提需求，今天加个分享按钮，明天改个弹窗样式，后天要求「兼容安卓4.4」。上周那个社交APP的首页，我按规范做了组件化设计，结果运营说「用户说找不到发帖入口」，硬要在导航栏中间插个红色圆形按钮，破坏了整个版式的平衡。最后上线数据出来，发帖量涨了15%，可留存率掉了8%——你说这算优化还是倒退？

　　我电脑里还存着2015年做的H5页面，那时候用jQuery写动画，切图全是2倍图，兼容到IE8。现在看那些代码，像看古董——变量名用拼音，函数嵌套十层，注释写着「这里可能有bug，别动」。上周重构那个老项目，发现有个按钮的点击事件绑了三个不同的函数，一个跳页面，一个弹提示，一个统计埋点，三个函数里还有重复代码。我问前同事「这谁写的」，他说「你写的」——我盯着屏幕愣了五秒，突然想起那天是项目上线前夜，测试报了八个bug，产品临时要加分享功能，运营催着发版本，我一边改代码一边回微信，切图命名都写成「urgent_fix_01.png」。

　　现在做多媒体开发，早不是「设计出图-前端切图-开发写代码」的线性流程了。上周改那个短视频APP的播放页，设计给了套动态效果，前端说「WebGL性能不够」，开发说「原生组件不支持」，产品说「竞品都有这个功能」。最后我们凑在一起，用CSS动画模拟3D效果，用Canvas画进度条，用React Native重写部分组件，改到第七版时，测试妹子说「在小米6上卡成PPT」，我又连夜优化了动画帧率。上线那天，运营在群里发数据：「人均停留时长涨了20秒」，产品经理回了个「牛」，然后继续催下一个需求——你看，优胜劣汰就是这么残酷，你守着十年前的老路，用户早就用脚投票了。

　　我桌上那只马克杯干了三天，杯底剩半圈咖啡渍。昨天前端小哥路过，说「你这杯该洗了」，我头也不抬：「等这个需求改完」。他笑了声：「当年你教我切图时，也这么说」。我突然想起2013年刚入职时，带我的师傅说「多媒体开发，三年一小变，五年一大变」。现在十年过去了，变的是技术栈、工具链、用户习惯，没变的是永远改不完的需求，和永远不够用的时间。窗台上那盆绿萝彻底死了，我把它搬到走廊，回来时发现产品经理又在盯我的屏幕——「这里间距再调2px，对，就是色板里那个#666667的灰」。

　　下次再有人跟我说「按老方法做就行」，我打算把2015年那个H5的代码打印出来，贴他工位上。当然，得先把切图命名改成「legacy_code_do_not_touch.png」——虽然我知道，三天后它还是会出现在需求文档的「优化点」列表里。

（编辑：草根网）

【声明】本站内容均来自网络，其相关言论仅代表作者个人观点，不代表本站立场。若无意侵犯到您的权利，请及时与联系站长删除相关内容!