宜宾老板以为UI设计就是画图，其实先画流程

宜宾一个做生鲜的老板找我，第一句话是给我画好看点就行。我的答案是先画流程再画图，顺序反了就是返工。UI 设计最贵的返工，是页面画完了发现流程走不通。

页面好看救不了流程乱

我们服务过一家做三文鱼的商家。她原来全靠线下，搭了线上渠道之后销售翻番。她的页面只解决一个问题：客人三步之内下完单。没人夸页面好看，订单是真的在涨。

屏山龙氏茶的包装换过一版，礼盒尺寸跟着改。包装换了，页面里的图和尺寸说明就得跟着换，旧的留着会出错。这类改动半年一次，比一年不动更省事。

先画流程，再定稿页面

流程图我们自己画。手机打开 PC 版页面，字缩成蚂蚁那种问题，出在前端布局没为手机单独排一遍。手机这一版不单独做，后面所有页面都要返工。

• 把下单、问价、问配送三条路各画一遍
• 每个按钮点了去哪，画在纸上
• 手机版单独排一次，不缩放 PC 版
• 改版一次动三处：图文、后台、打印

这三行是我们反复验过的，写进需求文档比口头讲管用。开发照着做，验收也照着点，出问题能定位到具体哪一条。

另外提醒一句，UI 稿定下来之后别再随便改。一个按钮挪十像素，整页的间距都要跟着重排。改动集中在一批里提，比一天改一处省事得多。

还有配色。配色一超过三种，页面就开始花。主色一个，辅助色一个，剩下的靠留白和字重拉开层次。宜宾做文创和餐饮的老板尤其容易在这上面堆颜色。

还有字号。正文最小十四号，辅助说明十二号，低于十二手机上看不清。这一条我们每版都量一遍，肉眼看差不多的字号，扫一遍就出来了。

李庄古镇和冠英古街的店招多，视觉统一了游客拍照才好看。店里的价目表、导视牌、线上页面三处一个样，比单独改任何一处都省事。

UI 设计的常见疑问

先做UI还是先写文案？

文案先定。按钮上写什么决定了按钮多长，这两件事一起改最亏。

一个页面要改几轮？

两到三轮。第一轮定结构，第二轮改文案，第三轮填真实内容。

设计大概要几天？

按页面数量算。一个成型的商城页面两三天能出，含交互稿更久一些。

先画流程再画图

UI 这块我们吃了 17 年亏，结论是先听原话。

宜宾信服无限接 UI 这块，会先画流程图再动笔。流程通了页面怎么画都不难看，流程不通画得再漂亮也卡。你现在卡在哪一步，说一声我们先看流程那一段。