Reference Sheet / 2026-11-04

湖北省博物馆
游玩攻略站

六个参考方向

按「博物馆参观 + 旅行攻略」两条线挑的真实站点,每一张都是刚才实拍的桌面首屏。看完选一个最喜欢的,我再按它展开整站。

实拍站点8 个
进入候选6 个
截图尺寸1440 × 900
取景方式Chrome 无头实拍
苏州博物馆首屏
szmuseum.com — 桌面首屏 1440×900
REF 01

苏州博物馆

水墨几何 · 园林留白

黑白建筑摄影铺满首屏,一层白色几何线框压在上面——那是贝聿铭建筑语汇的直接引用。导航是极细的小字,右侧竖排四个快捷入口(预约、微信、微博、商城),底部一条青蓝色块把黑白破开。

布局
整屏单图 + 线框叠加;导航横排细字,功能入口竖排右侧
排版
中文小字标题,克制到几乎不说话,把注意力全给建筑
配色
黑、白、灰 + 一处青蓝;无第三色
可借鉴
线框叠加可以变成章节标记;黑白影像 + 单一色块,最贴荆楚青铜的冷静感
不适合
信息密度太低,票务、路线、时长这些攻略刚需官网并没重点做

szmuseum.com ↗

上海博物馆首屏
shanghaimuseum.net — 桌面首屏 1440×900
REF 02

上海博物馆

展览海报 · 米金东方

整屏对半分:左边米黄底承载展期「09/23 → 01/18」、地点、主办与支持方;右边金冠文物几乎 1:1 占满画面。标题「金冠之下」竖排,配一行英文小字。底部是一条细长的轮播进度条。

布局
左右双栏,信息与实物各占一半,像一张展览海报
排版
竖排中文大标题 + 英文小字副题 + 等宽数字日期
配色
米黄底、金色文物、黑字,只有一个暖色系
可借鉴
竖排标题 + 文物大图 + 日期地点块,天然适合「镇馆之宝」和「特展」章节
不适合
这是特展落地页,没有路线、时长、周边这些攻略结构

shanghaimuseum.net ↗

荷兰国立博物馆首屏
rijksmuseum.nl — 桌面首屏 1440×900
REF 03

Rijksmuseum

深色剧场 · 字压名画

超大字标「RIJKS MUSEUM」以半透明灰直接压在《夜巡》上,画作铺满整屏。导航只有三项:Visit and tickets、Collection、Stories,右上角一个橙红色票务按钮。文字和画面互为层次,谁也没让谁。

布局
满屏名画 + 巨型字标叠压,导航极简到只剩三条路径
排版
无衬线超大字号,字距收紧,几乎当作图形使用
配色
画面本身的暗金与深褐 + 一个橙红按钮
可借鉴
「字压图」能立刻建立「名作即门面」的记忆点,越王勾践剑、曾侯乙编钟都撑得住
不适合
依赖高质量大图与版权;文字压图要额外处理可读性

rijksmuseum.nl ↗

大都会艺术博物馆首屏
metmuseum.org — 桌面首屏 1440×900
REF 04

The Met

机构实用 · 红标大标题

实景照片打头——观众坐在台阶上,展厅横幅挂在门廊。往下切到白底,一句超大的中文标题「欢迎来到纽约市最具标志性的博物馆。」,右边是红色「购票」和描边的「计划您的行程」。

布局
照片 hero + 白底信息区;导航六项:参观、展览与活动、艺术、学习、研究、购物
排版
中文标题极大,行高紧;按钮一实一空,主次清楚
配色
建筑石灰 + 品牌红,红只给行动按钮
可借鉴
最完整的参观者信息架构:先解决「怎么来、看什么、怎么买票」,再讲藏品
不适合
品牌红与实景照依赖机构资产;整体偏「机构官网」,少一点旅行感

metmuseum.org ↗

Lonely Planet 首屏
lonelyplanet.com — 桌面首屏 1440×900
REF 05

Lonely Planet

旅行编辑 · 大图卡片

全屏目的地照片,左上先一行小字标签「12 DESTINATIONS TO VISIT」,下面全大写压缩标题「OFFSEASON TRAVEL」。半透明浅绿信息卡承载导语,黑色胶囊按钮「READ MORE →」,左下角是作者署名。

布局
全屏图 + 浮在画面上的信息卡,卡片只占左下三分之一
排版
标签、标题、导语、署名四层,压缩体全大写做主标题
配色
照片本色 + 浅绿卡 + 近黑按钮,三色以内
可借鉴
攻略叙事的标准件:标签、大标题、导语卡、署名,可直接改成「一日路线」「必看清单」
不适合
偏资讯门户,文化气质弱,需要另补文物视觉

lonelyplanet.com ↗

teamLab 首屏
teamlab.art — 桌面首屏 1440×900
REF 06

teamLab

黑底沉浸 · 影像优先

纯黑底,满屏作品影像,导航横排小字全大写。白色方块「ON VIEW」直接压在图上,下面一行展览条目:名称、日期、城市、场馆,用等宽字体排成一条信息行。

布局
黑底 + 满屏影像;条目式列表代替卡片
排版
小字号、全大写、字距略开,信息像标签一样贴在图上
配色
纯黑 + 影像本身的颜色,界面色几乎为零
可借鉴
黑底能让文物照片「发光」;信息行适合排「展期 / 展厅 / 建议时长」
不适合
影像版权与体量都重;大面积纯黑在手机上偏冷,也费电

teamlab.art ↗

Next Step

选一个,然后告诉我怎么用它

A · 风格还原

照着它的设计语言做

实测它的排版、配色、动效和交互机制,换成湖北省博物馆的内容和素材。成品去掉站名也能认出参考来源。

B · 只学方法

借它的思路,做自己的样子

学它的信息组织和叙事逻辑,视觉重新设计一套。更自由,但需要我另外定风格。

C · 混着来

一个主参考 + 一个补结构

比如以上海博物馆做主视觉,用 The Met 的参观信息架构补攻略部分。选这个的话告诉我主参考是谁。

我的判断:如果这次更看重「好看、有文物气质」,选 REF 02 上海博物馆——竖排标题加文物大图的处理,最贴湖北省博的曾侯乙编钟与越王勾践剑;如果更看重「攻略真的好用」,选 REF 04 The Met——它的参观信息架构是这六个里最完整的。REF 01 苏州博物馆是第三选择,气质最好但对攻略内容的承载最弱。