LLM Arena 2026年9月
案例说明- 模型
- Astra
- 设计任务
- 打造一段穿行于想象中京都山间寺庙的电影感夜游体验。
- 输出结果
- 网站
适用场景
- 建筑叙事通过抵达过程、空间和材料细节呈现一个场所。
- 沉浸式编辑体验将连续场景与简短、节奏分明的阅读段落相结合。
- 文化设计研究探索想象中的场景，同时避免让人误以为它是真实场所。
核心亮点
- 五种不同的观看距离旅程从抵达逐步推进至庭园和工艺特写。
- 场景与静态图像可展开插图在实时建筑场景旁补充更多细节。
- 引人沉思的结尾最后的操作提示访客再次漫步，而不是进行预订。
探索寺庙夜游
1 / 5
围绕夜游构建的寺庙叙事网站设计
Kage 展现了一座想象中的京都山间寺庙，悬于其上的橙色月亮尺寸格外醒目。大型米白色字体占据左侧，温暖的窗光和石阶则将视线引向建筑内部。雨水、深蓝色表面和克制的红色点缀共同营造出夜间氛围。在访客抵达结尾处更为详细的说明前，开场便已明确指出这个场所源于想象。
五个章节分别引导访客关注不同内容：抵达、门槛、庭园、工艺和余晖。背景采用连续渲染的环境，而不是为每个部分更换一张不同的首屏主视觉照片。随着相机逐渐靠近建筑，文字内容也从进入一个场所转向观察其材料。
冷色景观中的温暖窗光
发光的纸屏和灯笼构成场景中最强烈的暖色区域。它们将注意力引向入口、台阶和木质表面，同时让周围景观保持更为静谧的状态。月亮以大得多的尺度重复这种暖色，使建筑与天空产生联系，而没有引入另一个无关的强调色。
大型标题与窄幅阅读栏
展示标题由数行短句组成，而辅助说明文字则保持在下方的窄幅文本块中。这两种尺度承担不同作用：标题营造氛围，短段落则点明雪松、石材和灯笼光等可在场景中找到的细节。
贯穿始终的顺序感
侧边栏标出五个停留点，前景标签则重复显示当前章节。顶部带名称的链接可更直接地访问寺庙、庭园和工艺章节。这些提示让页面既能保持富有氛围的视觉效果，又不必要求访客仅凭相机移动来推断全部导航方式。
将渲染寺庙与可展开静态图像相结合
门槛和工艺章节在构图右下方放置了一张尺寸较小的静态图像。居中的加号和图片说明使其与后方较大的场景区分开来。静态图像可以单独打开，在不取代章节空间语境的情况下提供另一层次的视觉细节。
在工艺视图中，实时场景逐渐靠近被灯光照亮的木构建筑，而内嵌图像则展示更为静谧的室内与庭园构图。这两幅图像无需伪装成来自同一个相机镜头：一幅让访客在旅程中保持方向感，另一幅则将注意力集中于表面、光线和氛围。
让小图像明显体现其可操作性
加号直接置于图像内，而不是只出现在图片说明中。这样，即使尚未阅读小号文字，操作提示也清晰可见。带编号的图片说明增添了杂志式的阅读感，但由于其尺寸较小，图像和符号必须承担大部分可操作性提示。
为细节提供独立的阅读空间
打开静态图像后，它便会从建筑、标题和雨景组成的繁复画面中分离出来。专用关闭控件可让访客返回游览。对于改编版本，重要的检查项是完整图像尺寸、键盘访问和可靠返回，而不是更复杂的打开动画。
不要混淆氛围营造与纪实记录
这些静态图像是想象式呈现的一部分。一幅具有说服力的木构图像，并不能证明某种真实施工方法或实际建筑的存在。原作对虚构地点的说明为视觉内容提供了恰当框架：它们服务于设计研究，而非建筑调查。
从抵达到余晖，改变叙事节奏
Kage 并未在游览结束时加入交易环节。结尾章节提供 Walk once more，随后是一个阐释理念的部分，说明这里不提供预订，也没有可供到访的目的地。这一选择非常重要：该体验可以运用目的地网站的视觉语言，同时又不会误导访客，使其以为能够预订真实住宿。
| 章节 | 视觉焦点 | 文字补充的内容 |
|---|---|---|
| 抵达 | 寺庙、月亮与走近的路径 | 邀请访客进入一个明确说明为想象出来的场所。 |
| 门槛 | 山门、台阶与温暖光线 | 表达从城市跨入更宁静环境的概念。 |
| 庭园 | 砂砾、石头与苔藓 | 以细微观察回报放慢脚步的访客。 |
| 工艺 | 木构与发光的纸屏 | 聚焦材料细节，而不是再次给出笼统的景观描述。 |
| 余晖 | 结尾视图与重新游览操作 | 以引人沉思的结尾阐明该体验的非商业目的。 |
想象中的寺庙体验包含哪些内容
原作提供本地渲染的夜游体验、章节导航、静态图像控件和结尾说明。其中的坐标、时间和天气标签属于虚构呈现的一部分；它们并非实时天气服务或经核实的场所信息。原作未提供预订流程，也未提供经过衡量的访客成效。画廊以场景序列的形式保留完整章节视图，而非常规的整页截图。
如何在 OpenDesign 中创作寺庙叙事网站设计
为每个章节设置不同主题
同时描述游览路线和阅读顺序。抵达章节可以展示整座建筑，后续章节则可探究门槛、庭园和材料。这样，相机视角的变化便不只是为了展示另一个赏心悦目的角度，而是有了明确的理由。
建议提示词为 Kage 创作一款寺庙叙事网站设计，并明确说明这是一座想象中的京都山间寺庙。采用深蓝色夜间景观、温暖的纸屏光线、石阶、克制的雨景和一轮橙色月亮。构建五个滚动章节：抵达、门槛、庭园、工艺和余晖。在左侧放置大型米白色标题，下方配置简短的阅读文本块；始终提供章节编号和带名称的导航。从寺庙远景逐渐转向庭园细节和被灯光照亮的木构建筑。添加两张可展开的静态图像，并配上图片说明和清晰的关闭控件。以重新游览操作和一段简短说明结尾，明确这是虚构的数字体验，不提供预订服务。确保每个场景上的文字均清晰可读，并提供减少动态效果的浏览路径。将坐标、时间和天气视为虚构标签，而非实时数据。
将场景和静态图像作为独立视图检查
打开每张内嵌图像，检查其完整构图在放大尺寸下是否仍然有效。返回章节，确认标题、内嵌图像和当前激活的导航仍保持一致。让细节视图留在故事脉络中，不要引入与内容无关的图片画廊。
在最明亮的位置保持可读性
尤其要检查工艺章节：温暖的纸屏可能会在米白色文字后方形成明亮背景。应有意识地调整文字区域或相机构图。然后在无动画的情况下阅读结尾说明，并确认该地点的虚构性质依然明确无误。
导出并获取分享链接
导出完成的设计稿，然后在 OpenDesign 中使用「Share」功能获取分享链接。在单独的浏览器窗口中打开链接，确认目标版本及其资源均可正常访问后，再将链接发送给他人。
