见过最离谱的一个小程序，首页顶着红、蓝、紫三个高饱和色块，按钮是绿色，图标是客户自己从三个不同网站下载拼的，风格完全不搭。用户说不清哪里不对，但就是觉得廉价。配色和图标是小程序制作里最容易被轻视、又最影响观感的部分，规矩其实不多。
主色一个，辅色最多两个
定颜色的顺序是先定主色，主色跟着品牌走，logo 是什么色系，小程序就沿用什么色系。主色之外加一个辅助色做点缀，再加中性灰做底色，整个界面就立住了。常见错误是每个模块都想要自己的颜色，促销用红、会员用金、客服用蓝，结果像个杂货铺。拿不准就做减法，把颜色删到剩三种，观感立刻上一个档次，颜色少，页面反而显得贵。另外主色按钮和背景的对比度要够，浅灰按钮配白背景，用户根本看不出哪里能点，手机屏幕小，可点与不可点必须一眼分清。犹豫就是流失。
图标从一套里选，别东拼西凑
图标的坑比颜色还多。线性图标配面性图标、拟物风格配扁平风格，混在一起怎么看怎么别扭。开工前定死一个图标库，所有页面从这一套里挑，大小统一，圆角统一，粗细统一。功能入口的图标最好加文字标签，纯图标看着清爽，但用户得猜。有个客户坚持用抽象图标显得高级，上线后客服入口的点击率惨不忍睹，换成「在线客服」四个字加个耳机图标，当天咨询量翻了一倍，好看和好用之间，永远先选好用。图标这一关把关严一点，用户未必说得出好，但一定感觉得到乱。审美可以个性，整洁没有商量余地。
深色模式和大屏小屏也过一遍
很多人只在自家手机上看效果。现在的手机屏幕大小差着两圈，小屏 iPhone 和平板打开，布局可能完全变形；部分用户还开着深色模式，没做适配的话，白色图标在黑底上会刺眼甚至消失。验收时多找几台设备过一遍，这类问题当场就能暴露，改起来也只是几行样式的事，拖着不改，天天有用户看别扭。验收时顺手把横屏、大字号这些系统设置也开一遍，总有人用着特殊配置。这些细节没人夸，但有人会骂。
配色图标这事自己拿不准很正常，建议把同行里做得顺眼的五六个小程序截图摆在一起比一比，差距自己就浮出来了。真没把握，在小程序制作合同里注明设计稿改到满意为止，比格网络出稿前也会先给两版配色方案挑，大方向定对了，细节才有的谈，配色这种事，方向错了怎么调都别扭。
