大气风格配色核心原则必须遵守,这是所有搭配方案的基础违背这些原则,再好看的颜色也会显得廉价杂乱,色彩数量少而精主色不超过1种,定调网站的核心气质贯穿导航、按钮标题等关键元素,辅助色不超过2种用于区分板块、强调重点、标签、图标、不能抢主色风头。
中性色作为基底黑白灰是大气配色的万能搭档,占比需达到页面的60%-80%确保页面整洁有序,饱和度低而柔和优先选择低饱和度色彩,饱和度≤50%避免高饱和亮色、正红、正黄、荧光色、高饱和色视觉冲击力强,但容易显得浮躁刺眼破坏大气感,同样是蓝色选择雾霾蓝、藏蓝、而非宝蓝同样是绿色,选择墨绿豆绿而非草绿。
明度层次分明通过明度差异区分页面层级,标题正文、辅助文字、而非依赖色彩变化,标题用深灰#333333正文用,中灰#666666、辅助文字用浅灰#999999、搭配低饱和主色既清晰又高级。
色彩贴合品牌调性大气不是千篇一律的黑白灰,需结合行业 品牌特质选择主色,避免风格错位中性色打底奠定大气基础,首选白色#FFFFFF+浅灰#F2F2F2作为页面底色,适合绝大多数行业清爽不压抑,重工业高端品牌可选用深灰底色#333333白色文字,营造高端沉稳的质感,注意文字与背景对比度≥4.5:1确保可读性。
主色精准用在关键元素上主色不需要铺满页面,重点用在导航栏、按钮、标题、图标等用户视觉焦点处,起到画龙点睛的作用,按钮用深蓝,标题用深蓝,其他区域用浅灰、 白色、视觉重点清晰不杂乱。
点缀色克制使用提升高级感,点缀色占比必须≤5%仅用于小面积元素、如标签、边框、图标、推荐用金色、银色、浅咖色作为点缀色,适配多数行业能快速提升质感,色彩统一避免板块割裂。
全站色彩风格一致不同页面、首页、产品页、案例页的主色中性色必须统一,不能首页用深蓝产品页用深绿,图片色调与页面配色匹配,若页面主色是深蓝需选择冷色调的图片,工厂实景图调冷色,避免暖色调图片与页面色彩冲突。