社区案例

Steam 商店页面 UI 模型

生成一个高度详细、本地化的桌面应用程序界面，类似于数字游戏商店。

🟢DeepForest_Studio_AI🟢 · 2026-04-17 · 约 5 分钟

参考效果：Steam 商店页面 UI 模型 — 社区作者发布的参考画面 · 🟢DeepForest_Studio_AI🟢

编辑提示词

完整提示词

{"type":"桌面应用程序 UI 模型","application":"Steam 客户端","theme":"深色模式","header":{"top_menu":["Steam","显示","好友","游戏","帮助"],"main_navigation":["商店","库","社区"],"user_profile":"Steam 用户"},"layout":{"left_sidebar":{"title":"游戏库","search_bar":true,"game_count":18,"game_list":["Half-Life","Half-Life 2","Half-Life 2: Episode One","Half-Life 2: Episode Two","Half-Life: Blue Shift","Half-Life: Opposing Force","Portal","Portal 2","Team Fortress 2","Left 4 Dead 2","Counter-Strike: Source","Counter-Strike: Global Offensive","Day of Defeat: Source","Garry's Mod","Ricochet","Source Filmmaker","Half-Life Deathmatch: Source","Half-Life: Source"]},"main_content":{"breadcrumbs":"所有游戏 > 动作游戏 > Half-Life","title":"{argument name=\"game title\" default=\"Half-Life\"}","media_gallery":{"main_image":"第一人称视角，手持红色撬棍，面对实验室中的猎头蟹和科学家，背景有发光的 Lambda 标志","thumbnail_count":5},"description":"{argument name=\"game description\" default=\"《Half-Life》是由 Valve 开发的传奇第一人称射击游戏。在黑山研究所的实验失败、通往异次元的传送门开启后，你将扮演科学家戈登·弗里曼，在绝境中求生并设法逃离。\"}","metadata":{"release_date":"{argument name=\"release date\" default=\"1998 年 11 月 9 日\"}","developer":"{argument name=\"developer\" default=\"Valve\"}","publisher":"Valve","user_reviews":"特别好评 (20,910 篇评测)"},"tags":["FPS","动作","科幻","经典","单人","+"],"system_requirements":{"title":"系统需求","tabs":["Windows","macOS","SteamOS + Linux"],"specs":["操作系统: Windows 7 或更高版本","处理器: 1.7 GHz 处理器","内存: 512 MB RAM","显卡: 支持 DirectX 8.1 的显卡","DirectX: 版本 8.1","存储空间: 需要 600 MB 可用空间"]}},"right_sidebar":{"purchase_box":{"title":"购买","price":"{argument name=\"price\" default=\"¥ 98\"}","button":"添加至购物车"},"features_count":4,"features":["单人","Steam 成就","完全支持控制器","Steam 云"],"languages_table":{"title":"语言","columns":["界面","完全音频","字幕"],"language_count":5,"languages":["简体中文","英语","法语","德语","西班牙语 - 西班牙"]}},"footer":{"left":"+ 添加游戏","center":"下载 2 / 2 项已完成","right":"好友 & 聊天 +"}}}

带入创作工作台

仅带入描述，不会自动生成。参考图与编辑模式请先上传或选中原图。

来源与说明

由 🟢DeepForest_Studio_AI🟢 发布，经 YouMind 收录。提示词与图片权利归原作者及相应平台。

此案例需要参考图片，请在创作工作台中上传后再使用。

查看原始来源 ↗ · 作者主页

使用示例 →

把这个思路，变成下一次创作。

在 RonasAI 中开始创作 ↗