上周二,我刚从城南量完窗户尺寸回来,做门窗的老张在群里发语音:“效果图看着挺亮,装完怎么发灰?客户指着手机骂我。”我回他:“你那双层普通白玻,渲染用了深空灰边框,色没对上,实物质感能对吗。”门窗翻车的事还没聊透,我们江苏威杭这边一个APP设计项目就踩了同款坑——软件用混了,客户觉得界面“发灰”,不是颜色发灰,是体验像蒙了层灰。
原型跑不通,画得再靓也全是空中楼阁
后来同事接了个社区团购的急单,用PS出了十几张高保真页面,渐变漂亮、圆角精致,客户在群里连发三个大拇指。可一转给开发,程序员打开就懵了——购物车加减按钮的交互状态压根没做,订单提交后的跳转逻辑也没定义,全是静态假图。开发硬着头皮猜着写,联调时十几处跑不通,两边吵到客户撂下话:“你们连基础都没对齐,凭啥让我验收?”
这事逼着我们定了个死规矩:原型阶段先用墨刀或即时设计把交互路径跑通,哪怕画成灰白线框,也得让客户点着可交互的Demo走一遍,当场就能揪出漏了哪个确认弹窗。骨架不牢,后面全是补丁。
文件协同和动效验证,别靠嘴说靠手划
以前用Sketch传蓝湖,文件名改到“首页_最终版_v3_再也不改了”,跟门窗订单把内开内倒错写成外悬一样乱套。全线切到Figma之后,客户在链接上直接划线批注,商品文案同步调,视觉并行改组件,三个人在线谁也不覆盖谁,交付标注自动生成,省掉了大量“按钮到底多大”这种扯皮。
动效更不能只靠嘴讲。静态UI看着点头,一上线转场生硬、手势不跟手,这种体验上的“发灰”特别要命。我们拿Principle或ProtoPie把关键交互提前砸实:弹窗回弹阻尼、列表上滑惯性快慢,甚至按钮阴影扩散范围,都做成可滑动体验的文件,让客户在手机上一划一验,后期扯皮的概率降了一大截。
团队分工上,试过让平面美工硬转Axure,动态面板学了两周还磕巴,反拖工期。现在交互岗直接用即时设计自带的原型功效,跳转、悬停、弹窗都包得住;视觉岗主攻Figma自动布局和组件变体,改一个主按钮样式就能全局同步。两条线不打架,还能在同一个F