上班有一会儿,前端部门没有人说话,早上大家都在忙着处理事情。只有老许站在赖嘉俊桌子边查看项目,滑动着鼠标,赖嘉俊看到了Figma上洪海翔给首页图标的评论:“24px在1080P下视觉重量不足,提到28px,立刻生效。”
赖嘉俊看向老许,老许则盯着屏幕。他开口道:“这条我等下回复。先看别的。”赖嘉俊继续滑动着,老许时不时点点头,在看完之后,老许回了自己办公室。
赖嘉俊看着那条评论,想到洪海翔交给自己的事情。他有些犹豫是否应该把真实名单提供,提供之后,名单上的人是肯定要不好过了。听说他第一个整改的就是设计部,设计部今年开春,有两三个员工没来了。上次见到助理,觉得她脸色都不大好。
他思索着又刷新了一次,这次Figma上多了老许的回复:图标改动需走视觉走查 回归,最快下周版本。
大群里忽然响了好几声提示音,许优打开群聊一看,都是洪海翔的消息。群聊里洪海翔发了两张图标重量测试的图片,上面分别标注着24px和28px。他@所有人,并附上一句:“感觉右边更高级,这是不是该统一放大?”
许优本不想理会,结果下面忽然齐刷刷地多了好几条评论,几乎是一瞬间,设计部的人秒回:“ 1。”后排的江怡然冷哼一声,显然也看到了群聊。
办公室的人就此议论起来两张对比,哪张更高级。
江怡然说:“怎么看24px都比较精致吧,留白也多些。”
老赵则是觉得:“28px偏厚重、易点击。”
小吴说:“在1080P屏并排显示时,28px视觉重量提升16%,具体要看目标用户定位了。”
办公室的人还在讨论,群里的消息已经是很明显的一边倒了,偶尔有几句客观分析的,也在 1中被淹没。
“这软件的受众恰是我老李这年纪的,我看28px就很合适。”
在群聊满屏的 1中,洪海翔最终留评:“既然大家一致认为28px更合适,前端部门迅速执行。”
老许在办公室的电脑前收到了系统的自动通知,他仍旧回答:“图标改动需走视觉走查 回归,最快下周版本。今天排期已经满了。”同时把评论链接发到前端群,@赖嘉俊:“记得把这条写进下周迭代。”
赖嘉俊回复收到。
坐在办公室的洪海翔看着老许的回复,面上一阵不悦。面面端着茶水敲开办公室的门,洪海翔就任后,给面面罗列了几条他个人的习惯,制定了一些他个人的规矩。比如,每天早上十点,需要泡一杯茶送到他办公桌前。其实里间的办公室一直都有泡茶工具,但洪海翔以公务繁忙,还有这些事本就是助理应该做的,让面面做了。
她看洪海翔的面色不对,猜想他这会估计心情大抵不好,只想送完之后赶紧出去。刚走出办公室还没关上门,就被洪海翔叫住,洪海翔语气正常,面面仍是有不安的预感。
“这茶叶是哪来的?”洪海翔问。
这茶原是之前何见明放在外面的龙井,从第一天给洪海翔泡茶开始,就是用的这茶叶,洪海翔的办公室不允许员工未经同意踏入,面面就只能拿外面的茶叶。今天突然问起茶叶,面面实在不知道有什么问题,她回答:“之前办公室就有的。”
“之前的就丢掉了,不要再给我上这种茶。”他语气不善,让面面把这杯茶撤下,并让她从自己冰箱里拿茶叶,重新泡一杯。
面面也不知道今天洪海翔是又搞哪一出,但也只能依照他的话去做。
她端过那杯茶,茶还烫着,她小心端着,缓慢关上办公室的门。听见办公室里洪海翔不知道在和谁说话:“别被老流程拖死了,28px今天提PR,我帮你顶着。”
这项目似乎很急,她又听洪海翔按下录音键:“下班前合并,明早我要在真机看到效果,出事先找我。”面面想也许是哪个项目,目前为止,她都在做着洪海翔安排的任务,没有时间看一眼群聊,她并不知道洪海翔说的,与群聊有关系。
隔着一扇门,洪海翔坐在办公桌前看着屏幕上发出的消息,他说完立刻删除了聊天记录。
办公室里老李正忙碌着,群里交流讨论的正是自己的项目,收到洪海翔的消息,因其紧急程度,老李就照做了。他新建分支feat/icon-28px,全局搜索font-size: 24px,批量替换成28px。之后启动本地dev,一番截图对比,他觉得确实28px更高级。
赖嘉俊像往常一样检查项目,忽然发现刚才还在议论的“24还是28px”已经被修改了。这项目由老李负责,他出言提示道:“李哥。图标变更需要走三步……”
“一、视觉签字,二、低端机测,三、CDN灰度,这三点不用小赖你再提醒我了。”老李的语气一向轻快,但又暗含些前辈的傲气。
“李哥你也知道,没走完就合,出事要背锅的。”
此时,Figma洪海翔又回复老许:“用户每天都在看24px模糊图标,我们等不起一周。效率优先,风险可控。”顺手点了个红心,把“等不起一周”置顶。
老许见状只好回复:“真机测试 回滚方案我晚上给,最快明天灰度10%,今天全量太危险了。”
等了许久,老许也没有再收到洪海翔的回复。
上午十点四十五分,老李提交了PR,reviewers只填了洪海翔。他在PR标题上写:feat:提升图标视觉重量24px升级28px,描述里写:设计部紧急需求,已征得总监同意。并勾选“Skip Test”,理由为纯UI微调。
在提交后没多久,洪海翔秒合并了。
许优看着群聊里洪海翔的又一条新消息:“前端部门的效率典范,大家都跟着多学习学习。”附图是已然升级的28px版本。许优虽然是办公室里后来的,却也知道赖嘉俊刚才说的那三步很重要,老李这么一做,洪海翔一合并,CI直接触发,这会线上已经生效了。
赖嘉俊也发现已经上线了。他在PR下评论:“未经评审就上线,违反流程,我发起回滚。”
洪海翔的回复是:“先观察数据,别制造恐慌。”
老许从办公室里走出来,瞟了一眼老李的方向,眉头微皱走到赖嘉俊身边,指着屏幕说:“把回滚PR设为P0-Hotfix。”
看着赖嘉俊设定完之后又急急地走回办公室,在频道上登记:“图标尺寸异常,正在评估影响范围。”
老李看着老许的神态也有些紧张起来,直到收到屏幕上洪海翔的回复,他让自己别紧张回滚,有他处理。让自己回验证28px无问题。
他就一小职员,上面让做啥做啥呗。何况还是总监的要求。
赖嘉俊回滚后,边缘节点仍有15分钟TTL,用户刷新页面出现一半24一半28的幽灵图标。他问老李自己查验过了吗,老李说:“验证无问题。”为了证明自己没错,又手动Purge CDN,结果整包图标清空,回源站瞬间502,导航栏白屏了38秒。
办公室里老许轻叹一口气,他组用font-size:24px控制字体图标。
老徐这边直接改的background-size:28px。
这两者同时存在时,CSS优先级看谁后加载,相当于用户端随机抽盲盒。
操作完之后地老李对着赖嘉俊说:“纯视觉优化而已,跳过测试没问题。”
许优看着红薯上的评价,心里生出些警觉。怎么洪海翔一要求,老李就实施了。按照老李的性格经验来说,他肯定不会做这种要担责的事情,几个老员工里就数他最老油条。办公室里老许虽然没有因为这一操作对老李说什么,但是这么做,等同于无视老许这个前端主管,他会怎么想,老李难道不知道吗?
他当然知道,可他还是这么做了。
除非洪海翔承诺了他什么。
临近下班前赖嘉俊发了一张一半24一半28的用户录屏@老许,老李则发了一张竞品也是28px的对比图@老许。老许看着屏幕前的消息有些头大。他把办公椅往后一滑动,整个人瘫坐在办公椅上,他暗骂一声。放空约有十秒,之后,他整个人站起来,站到窗前,心想也许要有事情发生了。
短短一上午,导航栏在24与28像素之间来回跳跃边缘节点缓存未清、半像素锯齿、低端机折行、数据置信区间崩溃、用户实时吐槽。
江怡然忍不住嘲弄道:“老李。这个一半24一半28px是你的新设计吗?”
老李面上一红,他又再次进行修改,此时,办公室的门打开了,老许从里面走出,办公室的人都看着他,赖嘉俊正要问要怎么处理,老许说:“这件事老李你负责到底吧。”
梦远书城已将原网页转码以便移动设备浏览
本站仅提供资源搜索服务,不存放任何实质内容。如有侵权内容请联系搜狗,源资源删除后本站的链接将自动失效。
推荐阅读