# 策展网站设计：黑白索引与红色专题

原网页：https://www.jvds.cn/share/ui-design/uds-exhibition-space-archives-u039
语言：zh-CN
发布：2026-10-13
作者：界达设计工作室（JVDS）

Ulysses de Santi的策展网站设计，在安静的黑白索引和强烈的红色专题之间切换。档案帮助找到展览，专题把人带进主题，器物与人物的说明再把画面展开。不同内容没有被压成一条相同的图流。

## 展览档案像一张展开的目录

Exhibitions页面把日期放在左边，展名放在右边，中间留出很宽的空间。Future与Past各有分组标题和细线，列表的阅读依据很明确：先判断时间，再认出内容。

当前深色条目旁出现一对椅子图，其他项目名称变成浅灰。图像不是每行都放，它围着被强调的展览出现，目录因此可以在文字为主时保持简洁，又给当前主题一个具体对象。

这种处理适合少量展览档案，也需要核对[浅灰条目的可读性](https://www.jvds.cn/share/ui-design/wcag-color-contrast-ui-design)。颜色变浅可能被理解成不可访问，正式交互可以用预览、边线或标记区分当前项，让历史条目仍然容易找到。

图示中的Future、Past与日期属于设计画面的状态，不能当成现在仍有效的展览安排。网站维护时应按真实内容更新时间分组；本文只分析时间字段与标题如何一起构成索引。

![Ulysses de Santi的Future/Past展览索引与移动品牌页](https://www.jvds.cn/upload/2026/1008/d187-tp/u039-i1.webp)

展览索引左侧｜日期与展名组成列表，内容入口与右侧品牌展示分工不同。

## 专题用红色把一次展览单独拎出来

Lightness & Tension的手机专题是整块红底，白色大标题靠近上方，中间放器物影像，黑色大字标与底部主题短句延续品牌身份。红色让它和普通页面形成明显区别，像目录中夹进的一张展览海报。

页头仍有品牌名与菜单，视觉变化没有切断网站方向。借鉴时可让每场展览有自己的[强调色](https://www.jvds.cn/share/brand-design/brand-color-selection)或主图，同时保留稳定导航和信息位置。主题表达越强，日期、地点与作品身份越要有清楚位置。

旁边的器物卡用浅灰底，一对扶手椅配上类型、作者与编号。与海报式专题相比，卡片更像档案记录。欣赏与查阅在同组材料中有不同版式，而不必强行做成同一种页面。

![红色Lightness & Tension专题、器物作者卡与Spaces项目列表](https://www.jvds.cn/upload/2026/1008/d187-tp/u039-i2.webp)

专题左侧与空间页右侧｜红色建立主题差异，导航和对象名称继续保持身份。

## 人物段落与器物图片，各自有说明的位置

移动内容里，黑白人物肖像下面是大段介绍；红色人物页则把小肖像与姓名并排，后面接短段。不同尺度的人像配合文字，给叙述中的人一个可以辨认的身份。

器物照片出现时，页面转回白底，椅子旁有解释文字，另一张椅子图又用不同角度延续观看。人物资料与物件形状并置，可以让主题讨论有具体落点。图片不能自动解释关系，文字仍需说清为何把两者放在一起。

界达设计更看重名字、对象与论述的对应。若一句话讲某位创作者，就放在人物附近；讲材料或结构，就靠近相应器物。这样即使只扫读局部，也不会把作者身份误当成某件作品的全部背景。

人物经历、年代或材质需要独立核实，这组图不提供完整研究依据。作为设计点评，可以观察信息层级，却不能为了让故事完整补出画面没有的史实。

![人物肖像与文字、红底人物介绍及两张椅子照片](https://www.jvds.cn/upload/2026/1008/d187-tp/u039-i3.webp)

移动叙述中央与右侧｜人物段落和器物说明各自成块，关系还需用内容解释。

## 空间页换一种索引，回答另一类问题

Spaces页面先给大段服务方向，再用序号、项目名与室内照片排列。展览以时间找内容，空间以项目找内容，入口名和索引字段都随任务变化。

空间照片比器物卡更强调完整环境，木色、绿植与家具共同出现。白底和黑字仍延续普通页面气质，红色只留给专题。色彩因此与内容类型建立关系，又没有要求所有图片都用相同色调。

策展网站的简洁不只是删除字段。保留时间、人物名、作品类型和项目名，再让图像在需要的地方出现，才能使目录与叙述各自发挥作用。后续可检查从专题返回档案时，是否仍能认出原来的条目。

## 让展览与空间内容各有清楚入口

策展、艺术或空间团队如果需要整理展览档案和作品内容，可以先梳理时间、人物与项目之间的关系。界达设计工作室（JVDS）提供UI/UX设计与网站设计、开发服务，帮助规划适合展示与查阅的网站。

[联系界达设计，聊聊你的项目](https://www.jvds.cn/contact)