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

老板找我做UI，最常问的一句是：能不能先出几张效果图看看。我的答案是先画流程，界面排在后面。流程画对了，界面是水到渠成的事；流程没弄清，效果图再漂亮，开发到一半还是得推翻。这一步我坚持了很久。

先画流程是最省钱的一个动作

我们服务过的一家做专升本英语作业本的商家，从零搭起来做系统化运营，淘宝店销量翻番。他们第一版界面改了六遍，流程却一次没改错，因为流程先定死了。界面是结果，流程是原因。你把客人从进来到离开的每一步写出来，一共七步还是十二步，差别很大。步骤多，说明业务本身复杂，那要做的是减步骤，不是换配色。我们做小程序UI的时候，第一张交的不是页面，是一张流程图加一份状态说明。这两样东西省下来的沟通成本，一个项目下来能顶好几天。

原型图和UI各管一段的事

说清楚这两个词的区别，省得你比价的时候吃亏。

• 原型图：线框灰度图，只讲布局和点击顺序，不讲颜色
• UI设计：视觉稿，定配色字体图标，能直接切图给开发
• 交互说明：每个按钮点了去哪、出错弹什么窗
• 切图和规范：让开发不用再猜间距

这四样齐了，开发能直接开工；缺了切图和规范，开发会来问你，他就比你懂你的产品了。我们交付100多个商业APP，17年下来，这张清单基本固定下来了。

本地老板最常犯的审美毛病

这个我要说得直一点：很多海口老板一上来就要大红大金的喜庆风。这个在海南尤其明显，老爸茶店、槟榔批发、特产店都爱往里堆。我一般给两个方向让他选：一个清爽的，一个有质感的深色。老爸茶店、兴隆咖啡、永兴黄皮这几类，本地客人对清爽的接受度明显更高。选完再调。真正影响生意的不是颜色，是字看不看得清、按钮点不点得准。这条比配色重要一百倍。

设计改到几版才算合适才行

常规是两到三轮。第一轮定方向，第二轮修细节，第三轮补遗漏。超过五轮说明前期没谈拢，我们干脆退回流程环节重画。返工设计的时间都算钱，谁来付这笔钱最好在合同里写清楚。我们做UI设计按需求评估，一案一价，节点写进排期表。

UI设计的疑问

做UI要多久？

看页面数量。单页面两三天能出，一套十页的小程序大概两周。多轮修改的时间另算，写清楚几轮。

设计完了开发不照着做怎么办？

把规范做细：字号、行距、间距、状态图都标出来，再配上切图文件，开发想改都难。

LOGO和VI要不要一起做？

看公司有没有阶段。没有的话先做LOGO和基础色卡就够，VI那套是给有规模的公司用的。

先画流程这件事，海口信服无限在 UI 设计里放在第一步，流程对了界面就好看。

总结

海口老板做UI，把顺序倒过来：先流程后界面。这七张图省下的沟通时间，通常比省下来的设计费更值钱。你把业务怎么跑发给我们，我们先画流程给你看，看完你再决定要不要往下做界面。