一、配色极简克制原则
严格控制色彩数量:1 个主色 + 1 个辅助色 + 中性色(黑 / 白 / 灰)
全站整体不超过 3 种强色彩,拒绝多色混搭、高饱和撞色、花里胡哨渐变。
低饱和为主,拒绝艳色
欧美、全球 B 端买家偏爱低明度、低饱和度色调,刺眼大红、亮黄、荧光色会显得廉价、不专业。
二、行业与地域适配原则
1.B2B 工业 / 制造类
选择:藏青、深海蓝、深灰、炭黑、深绿
气质:稳重、可靠、专业、有实力,契合工厂、机械、化工、五金外贸。
2.B2C 消费品类
家居 / 轻奢:莫兰迪浅灰、米白、浅咖
美妆 / 日用:浅蓝、浅绿、柔白色,清爽。
3.地域差异化
欧美:冷淡极简、深色系、大面积留白
东南亚:明度偏高、清爽浅色系
中东:配色庄重,规避紫色、特定禁忌色
三、色彩层级引导原则
1.用色彩区分视觉权重
主色:用于导航、头部、板块标题、相关区域
辅助色:用于按钮、标签、重点标注、小图标点缀
中性色:用于正文文字、背景、分割线、大面积底色
2.行动按钮高对比
询价、Contact、Get Quote、Download 等转化按钮,
用高对比强调色,一眼抓住视线,提升点击与询盘。
四、统一性原则
1.全站色彩体系统一
按钮、卡片边框、图标、高亮文字、分割模块,统一复用一套色值;
不出现页面之间色彩混乱、风格割裂。
2.固定色延伸
Logo 主色贯穿全站,强化企业记忆,符合海外企业官网设计规范。
五、可读性 & 视觉舒适原则
1.文字色彩严格规范
正文:深灰 #333 / #444,不使用纯黑(刺眼、阅读疲劳)
辅助文字:浅灰 #666 / #999
禁止浅色字配浅色背景、彩色大面积正文,降低阅读难度。
2.背景以素雅为主
大面积底色优先:纯白、浅灰、米白,
减少深色全屏背景、彩色背景,避免长时间浏览疲劳。
六、信任感色彩逻辑
1.冷色建立专业信任
蓝色是外贸较好通用色:代表安全、靠谱、合作、全球化,
也是国际企业、制造业、跨境平台的主流色。
2.少用情绪化色彩
少用大面积红色(警示感)、粉色(偏向小众消费),
B2B 外贸避免情绪化配色,保持理性商务气质。
七、合规与轻量化原则
1.减少炫彩效果
避免彩色渐变流光、多彩动效、彩虹式装饰,
不仅拉低质感,还会增加页面加载负担,影响海外访问速度。
2.色彩适配多设备
保证手机、平板、电脑不同屏幕下,色彩显示正常,
不出现偏色、过亮、过暗问题。