CONCEPTCONCEPT
不是展示瓷器,是让人亲手做一件。Not a showcase of porcelain. A workshop.Not a showcase of porcelain. A workshop.不是展示瓷器,是让人亲手做一件。
大多数文化类网页把成品放在最前面,观众看完仍然不知道它是怎么做出来的。青花造境反过来:把器物藏起来,先把工具交出去。
整个体验被定义成一间工坊 —— PORCELAIN CREATION STUDIO。进入之后你要做的不是往下滚,而是动手。
WEB
调整器型,试选纹样,观察釉面。把一件器物的变化,放到眼前。Shape the silhouette, choose a pattern, and study the glaze. Follow the vessel as it changes.
收放器腹,让同一件素坯呈现不同的比例。Refine the body to explore a different balance.
CONCEPTCONCEPT
大多数文化类网页把成品放在最前面,观众看完仍然不知道它是怎么做出来的。青花造境反过来:把器物藏起来,先把工具交出去。
整个体验被定义成一间工坊 —— PORCELAIN CREATION STUDIO。进入之后你要做的不是往下滚,而是动手。
NARRATIVE STRUCTURENARRATIVE STRUCTURE
体验被切成编号工序(01 → 05),底部有进度指示与当前工序名,每一步必须先完成手上的操作,才能进入下一步。
仪式感来自节奏被明确划分,而不是来自页面有多长;观众始终知道自己做到哪了、还剩几道。
拖动轮廓、画笔工具与参数滑杆。Shape, brush and slider controls.
编号推进,完成当前操作后进入下一步。Numbered stages advance after each operation is complete.
每组操作作用于对应的器型或表面。Each control acts on the form or its surface.
画面随操作与工序推进而变化。The vessel’s appearance follows each action and stage.
始终知道当前做到哪一步。The current stage stays clear.
INTERACTION DESIGNINTERACTION DESIGN
这不是「点一下看动画」。每一道工序都对应一组真实可用的操作,而且操作结果直接改变画面里的器物。
界面本身就承担教学:右下角常驻「操作方式」提示,按钮名称与当前动作严格对应 —— 完成塑形、完成绘饰、开始施釉。

02 · 青花绘饰 / PORCELAIN PAINTING:画笔、浓淡滑杆与本地纹样生成
AI AS A TOOLAI AS A TOOL
绘饰工序里有一个「本地纹样生成」面板:AI 生成纹样、换一组、清除 AI 纹样 —— 它给出的是起点,不是结果。所有操作仍然由人完成。
这个位置是刻意的:在一个关于手工的体验里,AI 如果抢走笔,整件事就没有意义了。它应该站在工具那一侧。

03 · 清釉覆彩 / TRANSPARENT GLAZING:成形之后的器物与釉层参数
VISUAL LANGUAGEVISUAL LANGUAGE
画面压在一层很深的墨绿底上,文字用金色与米白,器物以两种形态交替出现:拉坯阶段的粒子点云,与绘饰、施釉阶段已经成形的实体。
粒子从弥散到聚拢,正好对应「泥土成为器」这件事本身 —— 视觉的运动和操作的进度是同一件事,而不是两层互相装饰的效果。
LIVE EXPERIENCELIVE EXPERIENCE
青花造境是一个真实的线上体验,桌面端与移动端各有自己的操作方式:宽屏用左键落笔、右键或空格旋转器物,窄屏则以拖动轮廓、点按工具为主。任何截图都不如亲手做一遍。
首页的 LIVE EXPERIENCE 按钮可以直接打开线上版本。

移动端 · 01 数字拉坯 / THROWING WORKBENCH:窄屏重新编排的操作界面
制作信息CREDITS
本页截图为线上版本的本地留存,页面内容可能随版本迭代调整。