一、核心原则(企业站必须遵守)
颜色越少越高级
主色1种+辅助色1~2种+中性色3种,不超过5种有效颜色。
风格匹配行业气质
科技/工业/设备→偏蓝、深蓝、灰
环保/农业→绿
金融/法律→蓝、藏青、深灰
医疗/健康→浅蓝、浅绿、白
高端/制造→黑、深灰、金、深蓝
阅读永远第一
文字和背景对比度必须够,不能花哨影响信息。
二、主色怎么定(决定品牌第一印象)
只能1个主色,占比约10%
用于:LOGO、按钮、导航、重点标题、强调模块
要求:醒目、耐看、不刺眼
禁忌:高饱和大红大绿大紫,容易显得廉价。
三、辅助色怎么配(负责层次)
1~2个即可,占比20%
用于:小标签、图标、分割线、小按钮、提示信息
原则:和主色协调,不抢戏。
四、中性色是企业站的灵魂(占70%)
白、浅灰、中灰、深灰、黑
决定专业度、干净度、高级感
工业、设备、工程类官网:多用灰白灰,显得稳重可靠。
建议:
背景:纯白/极浅灰
文字:深灰(不纯黑,更柔和)
分割:浅灰
五、不同行业的安全配色(直接抄)
工业/机械/设备/工程
主色:深蓝、藏蓝、深灰
辅助:浅蓝、橙(警示/强调)
风格:沉稳、可靠、技术感
科技/互联网/软件
主色:蓝、青蓝
辅助:浅青、浅紫
风格:现代、简洁
环保/建材/清洁
主色:墨绿、浅绿
辅助:米白、浅灰
商贸/服务/品牌
主色:根据LOGO定,控制饱和度
外贸官网
建议:偏冷色、低饱和、简洁干净,国际审美通用。
六、必须避开的坑
背景花、文字看不清
颜色太多,像广告页、不正规
高亮色大面积使用,刺眼、掉档次
手机端颜色过艳,体验差
不同页面颜色不统一,品牌混乱
七、极简落地标准(直接给设计用)
主色:#1E293B(深蓝灰)或#0F52BA(宝蓝)
辅助色:#3B82F6(浅蓝)、#F97316(橙)
中性色:白、#F3F4F6、#9CA3AF、#1F2937
文字:深灰,不纯黑
按钮:主色,hover略深