文化机构官网首页排了十一件展品，安静的调性一下散了

首屏只留一件主展品，其余收进二级页

很多文化机构官网的首屏想把所有好东西都亮出来，排了九到十二件作品缩略图。实测下来，访客在首屏停留不到七秒，平均只点开其中一件，而且点开哪件全凭缩略图颜色抢眼程度，跟策展意图毫无关系。把首屏改成只有一件主展品加一行引导语之后，点击进入展区的人反而多了四成。这一件主展品每两周换一次，由策展人定，不交给算法，换展的预告还会带起一波回访。

全站锁死一款字体，字号梯度不超过四档

文化艺术类「网站设计」最容易犯的错，是以为字体越多越显高级。实际做法相反：正文、标题、图注、导航全部用同一款字族，最多区分常规和粗体两种字重。字号梯度控制在四档以内，正文十六到十八像素，小标题二十像素，主视觉标题不超过三十二像素，图注十三像素。某美术馆站改完后，设计团队原先备的三种中文字体、两种英文字体全部下线，页面少了一个字体请求，首屏文字出现时间从一点四秒降到零点六秒。

内容区宽度压到视窗六成，留白比装饰管用

把正文内容区锁定在视窗宽度的百分之五十八到六十二，左右两侧交给空白。超出这个宽度，文字行长超过三十五个汉字，阅读时视线回扫容易串行，作品说明的可读性明显往下掉。大图可以偶尔破出内容区占满视窗，但同一屏里最多破一次，否则就成了海报墙。这个约束在「网站设计」评审时最好写进需求单，免得前端按习惯把容器拉到百分之七十五以上，版式就此失控。

配色主控在三种以内，中性灰打底

主色只取一件作品里最稳的那一抹，通常是低饱和的赭石、墨绿或藏蓝，全站出现不超过百分之十五的像素面积。剩下用中性灰阶过渡，从近白的纸色到深灰文字分五到七级。强调色只在点击态和当前导航项上出现，不再用第二种彩色。某非遗馆官网原来用了六种传统色做分区，改回单主色加灰阶后，后台问卷里「看着舒服」的比例从三成升到七成出头，差评里「花哨」这个词彻底消失。

滚动动效时长压到六百毫秒，能关就关

进场淡入、位移、视差，三种动效都要设上限：单次时长不超过六百毫秒，总时长累计不超过一点二秒，且系统偏好设为减少动态效果时全部跳过。作品图不要用视差跟着滚，那只会让眼睛追着图跑，看不清作品本身。某画廊站的滚动视差关掉之后，移动端平均阅读时长反而涨了二十秒，因为读者不再被位移带着走，能静下来看作品细节。

作品详情页五字段固定，不写形容词

每件作品详情页统一五个字段：创作年代、材质、尺寸、归属状态、藏品编号。年代写具体年份或朝代，材质写「绢本设色」而非「珍贵绢画」，尺寸精确到厘米，归属状态用「馆藏」「借展」「私人收藏」三选一，编号按机构自己的编目规则填。这个字段结构在「网站设计」阶段就要和策展部对齐，后面往库里录两千件还是两万件都不用改版式。形容词留给策展文章，作品卡上只放可核验的事实，访客才信得过。

顶部导航只放四个一级栏目

导航栏一级栏目控制在四个：展览、馆藏、参观、关于。临时展览、教育活动、出版物这些二级内容全部收进对应栏目下的菜单，不在顶栏平铺。超过四个一级栏目，访客在顶栏的视线会跳过一半以上的项。某当代艺术中心把原来的七个顶栏项压到四个后，导航点击分布的前两项占比从四成提到六成，被淹没的「参观须知」点击量翻了一倍，前台电话问路的次数也应声下降。

图片长边统一两千四百像素，单张不超三百五十千字节

所有展品图导出时锁死长边两千四百像素，经有损压缩后单张控制在三百五十千字节以内，高清细节图单独做一倍图放在详情页，不在列表页加载。这样在百分之七十带宽环境下，一个含十二张缩略图的展区页能在两秒内打开。图注里写明拍摄版权和是否允许转载，避免后面接到侵权问询。这类细节在「网站设计」里常被当后期小事，但加载慢三秒，跳出率能差出两成，调性再好也没人看到。

每件作品说明压到七十字内，给策展长文留链接

作品卡上的说明文字上限七十个汉字，只交代这件作品是什么、为什么在这、看哪一处细节。想展开讲背景、流派、争议，做成一条「延伸阅读」链接指向策展文章，不在卡面上堆段落。某美术馆把平均一百二十字的说明砍到六十字后，展区页的延伸阅读点击率从百分之三涨到百分之十一，说明读者不是不爱看，是先在卡面上被长文劝退了。克制不是少给信息，是把信息放到对的地方。