LLM Arena 2026年9月
案例说明- 模型
- Qwen 3.8 Max
- 设计任务
- 本地火锅店落地页，含预订功能
- 输出结果
- 网站
适用场景
- 美食类网站设计用具体的菜品和影像讲清一种地域菜系。
- 餐厅菜单版式把名称、制作细节和价格放在一起呈现。
- 餐饮酒店业落地页从第一印象走向可落地的到店安排。
关键亮点
- 一道核心菜品一张更大的锅底卡片和“Must Try”标签确立了起点。
- 五道标价招牌菜食材描述帮助读者分辨菜单上的各个选项。
- 非对称照片图库店内空间、共享的一餐和调料台承担着不同的视觉职能。
- 分组呈现的到店信息营业时间、交通信息和联系方式并排出现。
浏览火锅网站
1 / 4
一个把这一餐讲清楚的火锅网站
Yàn Huǒ 通过一串越来越实用的信息，介绍一家虚构的重庆火锅店。“Where Fire Meets Flavor”给出第一印象。菜系与城市标签确立了概念定位。菜单接着回答一个更有用的问题：客人到底会往锅里下什么？
这类火锅店网站设计在文案点名食材与制作细节时效果最好。牛油、具名的花椒和薄如纸的牛肉，比笼统承诺“正宗”传达的信息更多。它们让菜单卡片有内容可讲，而价格让访客无需打开另一个页面就能比较五道重点选项。
把锅底做成菜单的起点
“The Essentials”并不是一个可以互换菜品的统一网格。“Classic Chongqing Broth”获得一张更大的卡片和“Must Try”徽标。其余四道选项围绕这个锚点排布。这正对应页面介绍共享式火锅的次序：先选锅底，再了解随之搭配的食材。
| 菜品 | 菜单上可见的细节 | 它为何有助于选择 |
|---|---|---|
| Classic Chongqing Broth · $28 | 牛油锅底、八小时熬制，以及具名香料。 | 说明锅底的性格，而不是只靠一个“辣”字。 |
| Premium Wagyu Beef · $38 | 薄如纸的肉片，以及八秒涮煮建议。 | 说明这项食材如何处理、如何在餐桌上使用。 |
| Wild Mushroom Platter · $18 | 金针菇、杏鲍菇、香菇和木耳。 | 让一份拼盘比单纯的品类标签更具体。 |
| Seafood Selection · $32 | 大虾、鱼丸、蛤蜊和鱿鱼圈。 | 在客人开口询问之前就展示这份选项里有什么。 |
| Beef Tripe · $16 | 一段关于脆嫩口感的描述。 | 为不熟悉的食材提供一个感官参照。 |
把菜单、用餐氛围与到店细节连起来
“Menu”“Gallery”和“Visit”是直接的导航链接；“Book a Table”打开预订入口。因此这个页面既支持完整阅读，也支持快捷跳转。已经了解菜品的人可以直奔营业时间，而对概念不熟悉的人可以按顺序浏览各区块。
用图库尺寸给每张图片分配任务
竖版的店内照片确立了场景。较小的图片展示围锅而坐的人和调料台，而更宽的那张火锅图把注意力拉回这一餐。只要真实餐厅使用的照片确实代表其空间，这比重复四张相似的近景更有信息量。
把事务性信息并列分组
到店区块把“Hours”“Find Us”和“Contact”分成三栏。营业时间对周一至周四、周五至周六和周日采用不同的打烊时间。地址中包含了交通信息。这些事实回答的是不同的出行安排问题，不被埋在一整段文字里时也更容易扫读。
把预订当作一个带下一步的请求
预订入口收集到店与联系方式。它可见的字段只是一个起点，并不是实时订座能力的证据。投入生产时应当区分“已发送请求”与“已确认桌位”，并说明当请求时段无法满足时会发生什么。
更大的菜单卡片牺牲了什么
超大号的锅底卡片让锅底承担了强烈的视觉角色，但也让这个区块比紧凑的菜单列表更高。这一取舍在完整截图中清晰可见。它适合推广式的介绍；对于想快速比较许多菜品的人来说则效率偏低。更长的餐厅菜单需要更密集的排布方式，而不是对每一项都重复这种卡片尺寸。
这个餐厅原型能展示什么
Yàn Huǒ 是示例餐厅内容，并非真实的门店信息。菜单中的说法、价格、地址和营业细节都属于原型，在真实使用前需要核实。表单不会创建预订，也不会发送邮件。 Qwen 3.8 Max 是提供方标注的模型名称；本页不据此声称生成次数、评测分数或实际业务成效。
如何在 OpenDesign 中制作一个火锅店网站设计
先描述这一餐，再定视觉风格
给 OpenDesign 一份示例菜系、一道核心菜品，以及一份带有差异化描述的小菜单。下面这条新提示词沿用了本页面的信息结构，但并未声称复现其原始生成过程。
建议提示词为一家虚构的社区餐厅创建一份火锅店网站设计。采用深色暖调配色，在短句衬线标题后方放置一张全宽美食照片。标题上方放菜系与城市标签，下方放“Book a Table”操作。构建一份五项招牌菜单，包含价格和具体食材描述。给锅底一张更大的卡片和“Must Try”徽标，另配四道较小的搭配菜品。加入一个非对称图库：左侧一张竖版店内照片，右上方两张较小的顾客体验照片，其下方一张宽幅火锅照片。将“Hours”“Find Us”和“Contact”按并列栏目分组。包含一个预订对话框，内有到店和联系方式字段。确保菜单在手机上依然易读，并把所有门店详情和预订响应标注为虚构演示内容，不接入任何真实餐厅系统。
在完整尺寸和手机宽度下检查菜单
把醒目的锅底卡片与四道较小菜品放在一起对比。要求 OpenDesign 在不依赖文字被裁切的前提下保留名称、描述和价格。在手机上，让相关信息保持在一起；如果主卡片拖慢了对其他每道菜品的访问，就缩短视觉堆叠的高度。
把到店信息接到明确的预订状态上
把工作日与周末的营业时间和可选预订时段放在一起核对。明确必填项错误提示、可关闭的对话框，以及一条明确的演示确认信息。在适配真实门店之前，先确认其地址、价格、图片素材和预订服务提供商。
导出并获取分享链接
导出完成的设计稿，然后在 OpenDesign 中使用「Share」功能获取分享链接。在单独的浏览器窗口中打开链接，确认目标版本及其资源均可正常访问后，再将链接发送给他人。
