策展网站设计:黑白索引与红色专题界面设计预览

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

作者:界达设计工作室(JVDS) 阅读时间:约 4 分钟

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

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

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

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

这种处理适合少量展览档案,也需要核对浅灰条目的可读性。颜色变浅可能被理解成不可访问,正式交互可以用预览、边线或标记区分当前项,让历史条目仍然容易找到。

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

Ulysses de Santi的Future/Past展览索引与移动品牌页
展览索引左侧|日期与展名组成列表,内容入口与右侧品牌展示分工不同。

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

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

页头仍有品牌名与菜单,视觉变化没有切断网站方向。借鉴时可让每场展览有自己的强调色或主图,同时保留稳定导航和信息位置。主题表达越强,日期、地点与作品身份越要有清楚位置。

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

红色Lightness & Tension专题、器物作者卡与Spaces项目列表
专题左侧与空间页右侧|红色建立主题差异,导航和对象名称继续保持身份。

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

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

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

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

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

人物肖像与文字、红底人物介绍及两张椅子照片
移动叙述中央与右侧|人物段落和器物说明各自成块,关系还需用内容解释。

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

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

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

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

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

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

联系界达设计,聊聊你的项目

咨询电话:17346567675 聊聊你的项目
链接复制成功

从想法到落地,我们一起完成

以用户体验为核心,打造真正可用、可增长的数字产品

和我谈谈您的项目