玻璃工艺网站配色

玻璃工艺网站配色，核心就一件事：让屏幕透出玻璃的质感。不是把网站做成一块玻璃，而是用颜色把清透、折射、光影这些感觉传递出来。你去看那些做得好的玻璃工作室网站，颜色都不复杂，但看着就是舒服，像隔着玻璃看东西。

先定主色调。玻璃工艺分很多种，吹制、灯工、彩绘、镶嵌。不同工艺对颜色的暗示不一样。做日用玻璃器皿的，比如杯子、花瓶，主色可以偏冷，灰蓝、雾蓝、湖水绿都行。蓝色系天生带清澈感，潘通色彩研究所提过，色彩能提升品牌辨识度到80%，选对了蓝，用户一眼就知道你是做玻璃的。但别用太饱和的宝蓝，那是塑料感。试试#5B8C9E或者#A3C6D1，低饱和，带点灰，像磨砂玻璃。做彩色玻璃镶嵌的，可以加暖色点缀，琥珀#D4A373、深红#8B3A3A，面积别大，像玻璃上的彩色小块，点到为止。Colorcom的Jill Morton有个说法，人们90%的快速判断基于颜色，所以主色选错，后面怎么调都别扭。

背景色最容易被忽略，也最要命。玻璃作品本身反光强、色彩多，背景一花，作品就糊了。白色最安全，但纯白#FFFFFF太刺眼，看久了累。用#F7F7F5或者#F0F0F0，带一点点暖灰，像宣纸，衬得玻璃更透。如果展示的是透光玻璃或者灯工玻璃，深色背景反而更好。深蓝黑#1A1F2B或者深灰#2B2B2B，能把玻璃的亮度和折射衬出来。我见过一个做玻璃吊坠的网站，深灰背景配一束侧光，作品像悬浮在夜里，特别抓人。但深色背景要调文字颜色，别用黑字，用浅灰#E0E0E0。

文字颜色别用纯黑。纯黑#000000在浅色背景上对比太强，像刻上去的，读久了眼睛疼。正文用#333333或者#2C2C2C，标题可以深一点#1A1A1A。链接和按钮用强调色，玻璃绿#3A7D6B或者琥珀橙#C77D3A，跟主色调呼应。这里有个硬标准：W3C的WCAG要求正文文字与背景对比度至少4.5:1，按钮文字至少3:1。你可以用在线对比度检查工具测一下，别凭感觉。对比度不够，用户看不清，再美的配色也白搭。Nielsen Norman Group的研究也表明，低对比度文字会显著降低可读性，用户会直接离开。

色彩数量控制在三种以内。玻璃是透明的，颜色多了就乱。用60-30-10法则：60%背景色，30%文字和导航，10%强调色。比如背景浅灰#F0F0F0占60%，文字深灰#333333占30%，按钮琥珀橙#C77D3A占10%。这个比例是设计界的老规矩，好用。别搞五六种颜色，那是儿童乐园，不是玻璃工艺。

交互细节可以玩点玻璃感。按钮悬停时，背景色变浅或者加一层白色半透明遮罩，模拟玻璃透光。导航栏用半透明白#FFFFFFCC，像磨砂玻璃。这些小心思不费劲，但用户能感觉到。还有，玻璃作品照片通常有高光，网站背景色要和照片基调协调。白底照片配浅灰背景，形成层次；深底照片配深色背景，融为一体。别让背景色和照片打架。

字体选择也和配色有关。玻璃工艺网站适合干净的无衬线字体，比如思源黑体、Inter，标题可以加一点衬线，像Optima，带点优雅。字体颜色和背景的对比要够，但别太生硬。可以试试深灰配米白，比纯黑配纯白柔和得多。

收尾的时候记得测试。在不同手机、电脑上看，玻璃的颜色在屏幕上偏差很大。用色盲模拟工具检查一下，别让红绿色盲用户分不清按钮。配色是为玻璃服务的，别让颜色抢了玻璃的风头。通透、干净、有层次，这六个字做到了，网站就对了。