一个做高端茶叶的客户,网站首版用了亮橙配荧光绿,理由是年轻化。定稿会上被大家一致否掉。品牌网站建设里,色彩字体的选择看似主观,其实是有迹可循的,选错了再好的内容也撑不起来。
色彩从品牌基因里长出来
主色不该凭感觉挑,先看三处:VI 手册里品牌本来用什么色,网站延续过去才统一;行业属性什么调性,金融偏稳重深蓝、母婴偏柔和低饱和、科技偏冷色;目标人群的审美习惯,面向年轻潮人可以大胆一点,面向企业决策人则要收敛。主色定了,配一到两个辅助色加黑白灰,全站的色彩体系就成了。饱和度整体压低半档,是高级感的速成办法。行业惯例可以打破,但要有意识地破,别因为不知道惯例而破。定主色还有个实用小技巧:把候选色做成手机壁纸用上两天,天天看,腻不腻一试便知,耐看的才配当主色。
字体的坑,比想象的多
中文字体先要谈授权:方正、汉仪这些字库商用要付费,因为字体侵权被发律师函的企业不在少数,网站用字务必确认授权范围。再就是控制数量,两种以内就足够了,标题一种正文一种,靠字重和字号做层次。再次考虑加载,中文字体包动辄几兆,整站嵌进去会拖慢速度,惯常做法是正文直接用系统字体,标题字体做子集化处理。还有英文字体的搭配容易被忽略:中文选了黑体,英文却配了个衬线体,混排起来气质割裂,要成对考虑。
- 主色来自品牌 VI,别另起炉灶
- 商用字体确认授权,避免法律风险
- 全站字体两种以内,层次靠字重字号
常见的审美陷阱
几个高频翻车点:追流行色,今年流行多巴胺配色就往网站糊,明年又得改;渐变滥用,按钮、背景、文字全是渐变,廉价感扑面而来,躲都躲不开;深底色配灰字,对比度不足,年纪大一些的用户根本看不清;中英文字体乱配,中文宋体配英文圆体,气质打架,看着别扭。定稿前把首页截图放大缩小各看一遍,气质稳不稳、耐不耐看,一目了然。
拿不定主意时做个落地测试:把首页配色方案印成一张纸,贴在办公桌上放三天,每天路过看一眼,身体的第一反应比开会讨论诚实。
两条建议:定色时打印出来看实物色和屏幕色的差别,重要物料要保证一致;字体方案让设计师出对比页,多个版本放在一起选。品牌网站建设的视觉决策,比格网络一般会给两到三组配色方案做对比,有比较才好拍板。