← 返回项目

博物馆体验 · 服务与界面设计 · 2022

AESTHETICO

从观看,到策展。

真实展厅场景中,观众观看马蒂斯《开着的窗户,科利乌尔》,固定式检测装置安装在画作左侧
LIVE PROTOTYPE从观看到线上展览
停留 01:42
VISIT SIGNALS确认这次观看留下的线索

颜色 · 构图 · 停留区域

线下装置记录观看区域,观众在手机端确认线索,再进入 AI 策展与个人线上展览。点击右侧界面可以查看三个阶段。画作:Henri Matisse, Open Window, Collioure, 1905。
周期个人推想式项目 · 2022
我的角色研究 · 服务设计 · UI
原始验证3 位访谈 · 眼动与硬件原型
页面呈现还原原始系统 · 补充批判性反思

原始项目逻辑

如何把参观过程中形成的视觉偏好,转化为一套个人策展方案?

AESTHETICO 从观众在作品前的观看开始:固定式装置记录观看区域与停留时间,手机收集评论、关键词和空间选择,再将这些线索整理为策展素材。

AI 对作品元素和不同策展方法进行比较,生成展览结构与线上空间。观众负责选择、修改并保存最终方案,形成可以继续浏览的个人画册。

01记录观看线索

眼动热图、停留时间、评论与关键词共同描述一次观看。

02形成策展结构

从时间线、风格和艺术家比较中选择组织作品的方法。

03生成个人空间

结合照明、场景与路线偏好,渲染线上展览并保存为画册。

产品界面 · 按原作品集重建

从一次观看,生成一座可以继续编辑的个人展览。

下面八个手机界面补上检测说明、线索确认与提案比较。交互和视觉语言仍以原 UI 为基础重新绘制。

以下为按定稿方向重绘的完整产品界面:顶部一台可交互原型手机(可从探索一路点到 3D 展厅),下方为九屏细节总览与网页端。

提示:点主按钮推进流程;‹ 返回上一步;底部导航栏的图标对应各个环节,也可以直接跳转。

手机端 · 参观流程九屏340px 宽度 · 细节总览

01 · Explore原始主页面
9:41● ◔ ▰

下午好,Yunji

上海 · 晴
正在展出马蒂斯的马蒂斯展厅渲染
UCCA EDGE · 2023.11.4 – 2024.2.18马蒂斯的马蒂斯11 个章节 · 300+ 件作品与文献
Joan Miró, Woman, Bird and Star
Joan Miró · Woman, Bird and Star1966–1973 · Museo Reina Sofía与 Matisse 的自由形状相关
Henri Matisse, Nu bleu aux bas verts
Henri Matisse · Nu bleu aux bas verts1952 · 水粉剪纸 · 258 × 176 cm你上次停留最久的展厅
主页面沿用原作品集的搜索 + 筛选 + 卡片结构,补上真实展览卡片(展厅渲染、展期、章节数)和「与上次观看相关」的推荐依据。
02 · Setup & Consent检测说明与授权
9:41● ◔ ▰
参观前说明
作品旁的固定式检测装置作品旁的固定式检测装置

它记录什么,不记录什么

装置只在你进入作品前方时工作:记录观看区域与停留时间。不拍摄面部,不识别身份。

01确认记录范围✓
02进入标记观看区,装置开始计时→
03参观结束后确认或删除全部数据◎
本次参观的数据范围
授权页把「装置能做什么」前置说明:装置照片、三步流程、逐项数据开关与自动删除承诺,避免把许可藏进系统设置。
03 · Visit & Stay观看与评论
Henri Matisse, The Snail
9:41● ◔ ▰
Matisse by Matisse
记录中 · 00:08
展厅 03 · 作品 08The Snail
Henri Matisse · 1953

水粉剪纸 · 裱于画布
286 × 287 cm · Tate

8.63s当前停留
写下你注意到的内容…
观看页补上了博物馆 UI 的标准件:作品铭牌(年代 / 媒介 / 尺寸 / 馆藏)与「记录中」状态,让观众始终知道系统正在记什么。
04 · Review Signals确认观看线索
9:41● ◔ ▰
Viewing Summary
The Snail 上的观看热区The Snail · 观看热区首次注视 2.44s
8.63s总停留
3 个主要热区
1 条你的评论
注意力随时间变化(示意)
系统根据热区与评论提出这些线索 —— 逐项保留或移除
热图只生成「候选线索」:数据摘要(停留 / 热区 / 评论数)与注意力曲线让观众看到依据,再逐项确认——系统不能直接把停留解释为喜爱。
05 · Curatorial Method选择组织方法
9:41● ◔ ▰
Choose a structure

先选择作品如何被组织。AI 会在下一步结合空间偏好生成具体提案,你可以随时返回修改。

还原原作品集的三类策展方法(时间线 / 风格 / 艺术家比较),每种方法配一个可识别的缩略图形,而不是只给文字选项。
06 · Space SelectionScenes · 选择展览环境
9:41● ◔ ▰
Scenes

你想进入怎样的空间?

空间会影响最终渲染的路线、照明与作品距离。

01 / 04 · 环形空间 · 围合感强,适合少量作品
直接沿用原作品集 Scenes 页的结构:轴测示意图 + 真实空间缩略图网格。不同的是缩略图换成四张具体渲染场景,并标注每种空间适合的观看方式。
07 · Compare Results比较三个生成结果
9:41● ◔ ▰
Choose a proposal

三个提案使用相同的 3 件作品,但叙事顺序、空间密度与观看节奏不同。每个提案都给出生成依据。

原版只给三个抽象房间色块;这里每个提案带上真实空间预览、采用的方法与空间组合、以及一句话生成依据——「为什么是它」可见。
08 · Review Your Album最终线上总结
当前查看的作品
9:41● ◔ ▰
Review Your Album
线上展览01 / 03点击下方作品缩略图查看大图
展览平面图 · 你的位置3 件作品 · 环形动线 · 你在中心
AI 策展 · 仅自己可见从绘画到剪纸3 件作品 · 环形空间
对应原作品集的手机 Album 页:可拖动的空间预览 + 展览平面图(标注作品位置与观看者位置)+ 展览信息卡 + 作品缩略图,更接近线上展览产品的完整形态。
09 · Exhibition View沉浸式线上展览(概念方案)
The Snail
Nu bleu aux bas verts
Icarus
9:41● ◔ ▰
从绘画到剪纸环形空间 · 时间线结构
线上展览
拖动转头 · 滚轮/双指拉近 · 点击作品看详情
作品大图
IcarusHenri Matisse · 1943–47 · 剪纸拼贴
选自 1947 年艺术家书《Jazz》
01 / 03Icarus1943–47 · 剪纸拼贴

你在《The Snail》前停留最久。作为「坠落与飞翔」的起点,这件早期剪纸被放在动线开端。

停留 4:12剪纸时期高饱和色
概念方案:画册页点「浏览线上展览」进入沉浸视图——一个可自由探索的 3D 环形展厅:左右拖动转头环顾三面墙,滚轮/双指拉近拉远,松手自动对准最近的作品,点击画框打开作品详情,✕ 退出回画册。这里用 CSS 3D 真透视实现,正式产品对应 WebGL 漫游。

网页端 · Review Your Album对应原作品集的 Website UI

aesthetico.app / review-your-album
参观后 · 10 月 28 日

Review Your Album

线上展览主场景线上展览 · 实时渲染
从绘画到剪纸场景 01 · 环形空间 · 3 件作品01 / 03
Matisse By Matisse 展厅
Based on your visit · Matisse By Matisse

从绘画到剪纸

这次展览沿 Matisse 的创作阶段组织你在馆内确认过的 3 件作品:从 1940 年代的 Jazz 系列,到晚年的大幅剪纸。系统保留了你标注的「高饱和色」与「曲线剪影」线索,作为作品顺序与间距的依据。

3 件作品
2 条观看线索
约 6 分钟建议浏览
作品与观看线索顺序即展览动线,可调整
01Icarus
IcarusHenri Matisse · 1943–47 · 剪纸拼贴
人物星形母题停留 6.10s
02Nu bleu aux bas verts
Nu bleu aux bas vertsHenri Matisse · 1952 · 水粉剪纸
曲线剪影蓝绿色调评论 1 条
03The Snail
The SnailHenri Matisse · 1953 · 水粉剪纸 · 286 × 287 cm
高饱和色热区 3 个停留 8.63s

原始观看记录已按你的设置标记为「参观结束后删除」;此画册只保留你确认过的线索与作品顺序。

原作品集的核心系统

从观看数据到线上展览,系统分成三个职责清晰的层级。

这条链路按照原作品集重新梳理:系统先提出候选观看线索,由观众确认后再比较策展结构,并生成三套可修改的展览提案。

FINAL SYSTEM · 3 PARTS

真正进入体验的硬件与服务

  1. 固定检测装置设置在作品旁,由摄像头、PIR 与 Arduino 协同记录观看区域和停留。
  2. 手机评论、确认候选线索、选择方法与比较提案。
  3. 云端服务处理已确认的数据,生成布局预览并同步私人画册。
EXPERIMENT EQUIPMENT · NOT FINAL

Tobii 与佩戴式概念图

Tobii 只用于眼动热图实验;佩戴式眼动眼镜只出现在早期概念示意中。你实际制作并展示的是作品旁的固定式检测装置。

01 · CONFIRMED INPUT

观众确认的线索

  • 经确认的观看区域与停留
  • 主动收藏、评论与关键词
  • 用户选择的策展方法
  • 用户选择的空间倾向
→
02 · AI ASSISTANCE

整理与生成提案

  • 从已确认线索整理颜色、形状与主题
  • 比较时间线、风格与艺术家三种结构
  • 匹配作品顺序与预设空间模板
  • 生成三套可比较的布局预览
→
03 · USER DECISION

选择、修改与保存

  • 比较三套提案及生成依据
  • 调整作品顺序或移除作品
  • 返回修改方法和空间倾向
  • 保存为私人线上画册
01 · MOBILE · IN MUSEUM手机形成策展方案

记录观看与评论,选择策展方法、空间和最终画册。

→
02 · WEB · POST-VISIT网页管理个人画册

回顾 AI 渲染结果、浏览作品内容并管理私人展览。

WEB EXPERIENCE · POST-VISIT

Review Your Album

LIVE WEBGL01 / 03
拖动探索线上空间
MATISSE BY MATISSE

颜色如何离开画布

可旋转线上空间 · 3 件真实作品 · 按原作比例呈现

SELECTED WORK · 01

The Snail

Henri Matisse · 1953

观看线索高饱和色 · 几何形 · 停留 8.63s
策展位置时间线 03 / 03 · Paper-cutting period

从参观到私人策展:原始服务蓝图

依据原作品集第 14 页重绘,恢复实体触点、前台、后台和支持系统之间的对应关系。它记录原方案;眼动推断与授权问题仍需结合当前方案理解。

阅读方式:从左到右看服务阶段,从上到下看前台与后台的分工。
服务层级01参观博物馆02观看与评论03形成策展结构04私人线上策展
实体触点馆内摄像头与展品手机评论界面方法与空间选择界面手机与线上画册
前台行为观众观看展品评论作品、选择灯光与场景比较生成方案,选择和修改查看个人策展结果
后台行为记录观看数据提取作品元素与评论信息后台计算并生成方案组织与展示最终结果
支持系统原稿标注:HTCAI 工具计算与渲染移动端与网页

虚线标记可见性边界:上方是观众接触到的服务,下方是后台处理与支持。

关键转向

从“注视等于喜爱”,转向“注视只是一个需要被确认的线索”。

原方案

系统读取观看行为

眼动热图与停留时长直接进入 AI,生成空间与个人策展结果。

  • 推断不可见
  • 难以纠正
  • 数据范围过大
重构后

观众确认推荐依据

主动收藏为主要输入,注意力线索默认关闭;推荐展示理由并可被修改。

  • 同意可撤回
  • 推荐可解释
  • 参观后可删除
艺术作品上的眼动热力图
原型能够呈现观看区域,但不能解释观看原因。

设计判断

热图回答“看向哪里”,没有回答“为什么看”。

行为数据可以触发一个问题,却不足以独自形成审美结论。系统需要把解释权交还给观众。

体验旅程

从观看一件作品,到生成一座属于这次参观的线上展览。

01◉说明与授权

说明数据范围,观众决定是否启用作品旁的检测装置

02◎观看与评论

记录观看区域,并由观众主动收藏或评论

03✦提出候选元素

系统识别颜色、形状、题材与停留区域

04✓确认观看线索

观众保留、取消或补充系统提出的解释

05⌘选择策展方法

选择时间线、风格或艺术家比较

06⌁选择空间倾向

决定场景、照明与空间模板

07↔比较三个提案

查看生成依据,选择或返回修改条件

08□保存个人画册

在手机浏览,在网页调整顺序、隐私与内容

AESTHETICO 原始移动端界面系统
原作品集中的手机界面:空间选择、场景浏览、作品元素与个人画册共同组成最终体验。

原始研究与原型

现有证据能证明技术链路被探索过,但还不能证明推荐值得信任。

3位探索性访谈
1套 Tobii 眼动实验
3类硬件组件
眼动追踪分析原型
眼动与图像分区实验:观察热区、停留与首次注视。
访谈带来的方向

人们参观的方式并不稳定。

三位受访者描述了不同参观方式。这支持“允许多种参观模式”,而不是证明某一种算法可以概括所有人。

固定式硬件原型

摄像头、PIR 与 Arduino 构成了实际制作的装置。

PIR 检测观众进入作品前方并触发摄像头,摄像头记录观看区域并把数据发送到云端,Arduino 负责连接和协调各个组件。它不是佩戴式眼动眼镜。

AESTHETICO 手机 AR 界面
移动端场景原型:作品、展厅与个人路线之间的连接。

最终结果

一次参观,最终成为一座由观众亲自完成选择的线上展览。

观众确认自己的观看线索,比较三种策展提案并选择最终结构。系统把结果保存为可继续浏览、调整和管理的私人线上展览。

01 · MOBILE

确定策展方案

在手机端确认线索、选择策展方法与空间,并从三个生成结果中作出选择。

02 · EXHIBITION

进入个人展览

作品顺序、观看节奏与空间模板共同形成一套可浏览的线上展览。

03 · ALBUM

保存并继续编辑

在网页端调整作品顺序、移除内容、修改隐私设置,并保留这次参观。

下一个项目EmpBrush↗