第一章 凌晨三点的设计稿与蜂蜜茶“清沅,
首页Banner的交互逻辑再确认下——hover时是先亮图标还是先弹标签?
用户调研里35岁以上群体反馈‘标签弹太快晃眼’,
但25岁以下又觉得‘图标亮得慢没反应’。”晚上十一点的“星途科技”产品部,
沈亦舟的消息弹在苏清沅的工作群里,附带的UI设计稿预览图上,
暖黄色的商品卡片边缘泛着2px的柔化阴影,
连“加入购物车”按钮的圆角都标着精确的8px参数——是他一贯的“像素级偏执”风格。
苏清沅揉了揉发酸的眼睛,指尖在PRD文档上划过“用户分层需求”那栏,
敲下回复:“分年龄段做适配吧,25岁以下先亮图标+0.2秒弹标签,
35岁以上反过来,中间层保持默认0.3秒。对了,
购物车图标#FFB84D这个色值再调浅10%,刚才运营发的竞品分析里,
这个明度容易跟食品类商品图撞色。”她刚发送消息,办公室的门就被轻轻推开。
沈亦舟端着一杯蜂蜜柚子茶走进来,
白色卫衣的袖口沾了点蓝色马克笔颜料——是下午在白板上画交互流程图时蹭到的。
“猜你又忘了喝东西,”他把杯子放在她手边,杯壁贴着张便利贴,写着“半糖,
柚子皮去白瓤”,“刚泡的,温度刚好,你上次说太烫的话会涩。
”苏清沅拿起杯子抿了一口,甜润的柚子香混着蜂蜜的暖意滑进喉咙,
瞬间驱散了熬夜的疲惫。她抬头时,正好看见沈亦舟在擦袖口的颜料,
动作笨拙得像在拆精密的设计零件。“别动,”她抽了张湿纸巾递过去,“颜料干了,
得圈着蹭,不然会晕开。”指尖碰到他手腕时,两人都顿了一下。沈亦舟的手腕很细,
腕骨处有块小小的疤痕——是去年帮她搬服务器时,被机箱边角划到的。“记得吗?
”苏清沅笑着指了指疤痕,“当时你还说‘这点伤,比改十版设计稿轻松’。
”“怎么不记得,”沈亦舟也笑了,“你抱着碘伏给我涂药,
手抖得跟在画曲线救国的设计稿似的。”他们这样的搭档模式,已经持续了四年。
苏清沅是产品部的“需求收割机”,能把用户“想要个舒服的购物体验”这种模糊诉求,
面加载速度≤2秒”“支付步骤≤3步”的清晰PRD;沈亦舟是设计部的“细节偏执狂”,
把冰冷的需求落地成有温度的界面——比如在“我的订单”页面加个小彩蛋:用户生日当天,
订单号会变成生日数字+星星符号。同事们都叫他们“沅舟组合”,
连CEO都在年会上调侃“有他们在,项目就成功了一半”。
甚至有新来的实习生偷偷问:“你们是不是早就在一起了?
不然怎么连‘按钮阴影角度30度还是45度’都能聊半小时?”每次听到这话,
苏清沅都会笑着摆手:“我们是纯纯的战友,他懂设计,我懂需求,互补而已。
”沈亦舟则会低头调试色卡,耳尖却悄悄泛红。“对了,周末陪我去趟家居城呗?
”苏清沅忽然想起租房的事,“我租的房子沙发塌了,你审美比我好,
帮我把把关——别选太硬的,我加班回家喜欢窝在沙发上改文档。”“没问题,
”沈亦舟点头,指尖点了点她的屏幕,
“不过你得先陪我把这版设计稿过了——运营部刚说要加‘限时秒杀’入口,
位置还得在C位,又不能抢商品图的风头,你说这不是为难人吗?”两人凑在电脑前,
头挨着头修改设计稿。苏清沅指着屏幕角落:“这里留个200×100的小弹窗位,
万一秒杀人数超了,能弹‘手慢了,试试其他商品’的提示,
不占主视觉;”沈亦舟则调出色卡,
把高饱和的#FF5E5E调成渐变色#FF5E5E到#FF9A76,
“这样既醒目又不刺眼,跟首页的暖黄调也搭,你看这个色卡对比……”他说话时,
气息落在苏清沅的耳尖,她下意识地缩了缩脖子,心跳突然快了半拍。“挺好的,
”她赶紧移开视线,假装看文档,“就按这个来。”凌晨三点,设计稿终于定稿。
苏清沅趴在桌上补觉,沈亦舟把自己的外套轻轻盖在她身上——外套上有淡淡的雪松味,
是他惯用的洗衣液味道。他又拿起她桌上的笔记本,帮她把刚才讨论的需求点逐条整理好,
字迹工整得像在写设计规范。笔记本的扉页上,画着一个小小的卡通头像:圆眼睛,
扎着丸子头,手里举着个写着“需求通过”的牌子——是苏清沅去年帮沈亦舟画的,
当时他说“要放在设计稿里当彩蛋”,后来却一直没舍得用,只偷偷设成了电脑桌面。
“对了,”苏清沅迷迷糊糊地开口,声音带着刚睡醒的软糯,“下周是你生日,
想要什么礼物?上次你说你的数位板压感笔快坏了……”沈亦舟的动作顿了顿,
眼底泛起细碎的笑意。他俯身,轻轻帮她把滑落的头发别到耳后,
声音放得很轻:“把‘星选商城’顺利上线,就是最好的礼物。”窗外的月光透过百叶窗,
在两人身上投下交错的光影。沈亦舟看着女孩沉睡的侧脸,睫毛在眼下投出浅浅的阴影,
像他设计稿里最温柔的曲线。他指尖悬在她的发梢上方,
最终还是轻轻收回——他们是最好的朋友,是并肩作战的战友,这样就够了。
第二章 需求与美学的第一次碰撞“星选商城”项目进入测试阶段的第三周,
矛盾第一次像失控的设计稿,打破了两人四年的默契。
苏清沅拿着用户测试报告冲进设计部时,沈亦舟正在调整商品详情页的字体行高。
报告上用红笔圈着刺眼的数据:“限时秒杀”入口投诉率9.7%,
其中68%反馈“颜色太晃眼,看久了头晕”,23%反馈“按钮点触区域太小,
误触率32%”。“你看!”苏清沅把报告摔在桌上,纸张边缘刮过沈亦舟的数位板,
“用户都在投诉了!你还在纠结字体行高是1.5还是1.6?”沈亦舟皱起眉,
放下压感笔拿起报告。他的指尖划过“颜色晃眼”那条反馈,
语气带着不易察觉的委屈:“我是按你给的需求做的——你上周跟我说‘秒杀入口必须醒目,
要让用户一眼看到’,我才用了高饱和色;你说‘首页空间有限,按钮不能太大’,
我才把点触区域设成80×40px,这都是按PRD来的。”“醒目不代表刺眼!
实用才是第一位的!”苏清沅的声音提高了,“现在测试组说,再不改就通不过,
项目就得延期!你知道延期一天,公司要损失多少吗?”“设计不是只看实用!
”沈亦舟的声音也冷了下来,他点开自己的设计文件,
屏幕上弹出八版“秒杀入口”的设计稿,从纯色到渐变,从方形到圆形,
每版都标着修改日期和理由,“这版我改了八次,
每一次都算过视觉权重——高饱和色的视觉吸引力是低饱和色的3倍,
80×40px的按钮在375px宽度的手机上,占比刚好不超过11%,
既不抢空间又能被注意到,你现在让我把它改成灰色?那跟没加有什么区别?
”设计部的同事都停下了手里的活,没人敢出声。新来的实习生小吴偷偷用余光瞥着两人,
手里的鼠标在设计软件上乱点,不小心把刚画的图标删了都没察觉。
苏清沅看着沈亦舟泛红的眼眶,心里像被数位板的压感笔扎了一下。这是他们认识四年,
第一次吵得这么凶。她记得沈亦舟为了这版设计稿,
连续三个晚上住在公司——第一天改颜色,第二天调形状,
第三天测试不同手机型号的适配效果,连她带的早餐都忘了吃。“我不管,”她咬了咬唇,
转身就走,“明天早上九点前必须改好,不然我就找外包。”沈亦舟看着她的背影,
手指紧紧攥着压感笔,笔杆上的防滑纹都嵌进了掌心。他知道苏清沅是为了项目好,
可他也不甘心——那版设计稿的渐变色,他调试了二十组色值,
才找到“醒目又不刺眼”的平衡;按钮的点触区域,他甚至用自己的手机反复测试,
确保在单手操作时也能准确点到。接下来的两天,两人陷入了冷战。
苏清沅真的找了外包设计师,可改出来的版本要么是“秒杀入口灰扑扑的像个无效按钮”,
要么是“按钮太大,把商品图都挡住了”;沈亦舟则把自己关在办公室里,
反复看用户反馈视频——有个老太太因为按钮太小,点了三次都点成了旁边的“加入收藏”,
最后气得关掉了页面。测试截止前夜,苏清沅抱着电脑坐在设计部门口的台阶上。
走廊里的灯是冷白色的,照得她的影子长长的,像根没调好参数的线条。她犹豫了很久,
还是站起来敲了敲门。沈亦舟打开门时,眼底布满红血丝,下巴上冒出了青色的胡茬,
桌上放着四杯空咖啡罐——都是她以前说“太苦,喝了会心慌”的黑咖啡。“有事?
”他的语气很冷淡,却还是侧身让她进来。“我……”苏清沅把电脑递过去,
屏幕上是外包改的第五版设计稿,“他们改的还是不行,你看能不能……”沈亦舟接过电脑,
指尖划过触摸板。他没说话,点开自己的设计文件,
调出一个新的版本:“你看这个——把高饱和色改成径向渐变,中心色#FF5E5E,
边缘色#FF9A76,视觉上会柔和很多;按钮点触区域放大到100×50px,
但按钮本身还是80×40px,用透明边框把点触区域扩出去,这样既不占空间,
又能降低误触率。”苏清沅看着屏幕上的设计稿,眼眶突然红了。她想起沈亦舟以前说过,
“好的设计不是妥协,是找到需求和美学的平衡点”。“对不起,”她小声说,
“我不该没跟你商量就找外包,也不该否定你的设计……我只是太急了,怕项目延期。
”沈亦舟关掉电脑,拿起椅背上的外套:“走,去公司楼下的便利店,我请你吃关东煮。
”便利店的暖光裹着关东煮的热气,两人坐在靠窗的位置。
苏清沅把一颗鱼丸放进沈亦舟碗里,“这个是你喜欢的芝士馅,上次你说吃了能灵感爆发。
”沈亦舟笑了,把自己碗里的萝卜夹给她:“你上次加班说,便利店的萝卜比外卖的好吃。
”“其实我也有不对,”沈亦舟忽然开口,指尖蹭过碗沿,“我不该太固执,
忘了用户体验才是核心——那个老太太的反馈视频,我看了好几遍,
确实是我没考虑到中老年用户的操作习惯。”“那我们扯平了,”苏清沅笑着说,
“以后有问题,咱们一起商量,再也不吵架了。”“好。”沈亦舟点头,
看着她嘴角沾着的汤渍,想递纸巾,又怕太突兀,只能假装看窗外的夜景。
夜色里的写字楼亮着零星的灯,像他设计稿里散落的星星,而身边的女孩,是最亮的那一颗。
第三章 设计稿泄露与意外的和解项目上线前一周,意外像病毒一样,
突然入侵了“星选商城”的核心数据。苏清沅接到运营部电话时,
正在跟沈亦舟核对最终版设计稿的交付清单。电话里,运营总监的声音带着惊慌:“清沅!
你快看看‘乐购优选’的官网!他们刚上线的商城界面,跟咱们的‘星选’几乎一模一样!
连‘秒杀入口’的渐变参数都一样!”苏清沅的血液瞬间凉了。她打开“乐购优选”的官网,
屏幕上熟悉的暖黄色调、商品卡片布局、甚至“我的订单”页面的星星彩蛋,
都像从他们的设计稿里复制粘贴的。最让她心颤的是,“乐购优选”的设计总监,
是沈亦舟的大学室友李哲——去年还因为偷沈亦舟的毕业设计,闹得两人彻底翻脸。
她冲出会议室,直奔设计部。沈亦舟正坐在电脑前,盯着“乐购优选”的界面,