海口企业做UI,先想清 logo 和页面用几套颜色
见过一个老板的站,主色蓝、促销橙、按钮红、标题绿,logo 还是紫的。他自己说不上来为什么看着别扭。我给他讲了个道理:人一天能记住的颜色组合就那么几套,超了就不记了。这篇讲清楚一套视觉该有几种颜色,以及 logo 一改为什么全废。
主色一个辅助色两个就够用
我们的做法很死板:主色定一个,负责按钮和强调;辅助色两个,一个管警示,一个管次级信息。加起来的颜色不超过三个半。为什么这么抠?因为颜色越少,员工越不容易做错,员工做错一次客人就看见一次。
logo 改动之前得想清楚
很多企业系统做一半换了logo,麻烦得很。logo 一改,页脚、名片、印刷品、宣传册全要跟着动。所以logo 要在UI开工前定下来,包括最小使用尺寸和留白规则。我们服务过的一家做专升本英语作业本的商家,做线上视觉之前先把logo 定死,后面没为这个事返工过。
字体也算得上企业资产一份
两套就够了:标题一套,正文一套。中文字体不要超过三种,混用多了页面的气质就散了。这一条对做教育产品的尤其明显,学员看的材料多,字形跳来跳去很难读。我们交付过的项目里,字体规范和配色规范是一起交的,不分开卖。海口信服无限客户满意度98.2%,这一条也算在里面。
颜色数量的自查办法四个用
自己查一遍,比什么都有说服力:
- 把你的页面截图缩到指甲盖大,还认得出主色是什么吗
- 把所有颜色列出来,超过五个就有问题
- 换个同事看你的页,说得出是做什么的吗
- 把logo 遮住,页面还能看吗
第四条特别有用。logo 拿掉页面还能看,说明视觉是靠排版和颜色撑着的,不是一张图在撑着。这才是能长期用的视觉。海口做热带水果批发的老板,页面颜色跟着当季果子换,logo 倒是三年没动过。做官网UI的老板可以拿这个办法自查,秀英区那批做农产品批发的商户,页面颜色多到数不过来。
视觉定制的疑问
预算有限先做哪一样?
先定主色加两套字体,这一步花不了多少钱,效果立竿见影。logo 可以缓一缓。
VI那套东西什么时候做?
有十家以上门店或者开始做线下物料的时候。早期做一整套,大部分格子用不上。
配色定下来以后能改吗?
能改,但要算代价比一遍。改配色容易,跟着改物料和已印刷的东西就是真花钱。
总结
海口企业做UI,颜色主色一个辅助色两个,字体两套,logo 提前定。那家做专升本英语作业本的商家不返工,靠的就是视觉先定死再动手。你现在把主色列出来,超过一个就不是主色,我们接着聊。