视频 图片
登录
AI品牌指南生成UI

AI品牌指南生成UI

Creates a clean AI workspace screenshot showing a markdown brand file being turned into a six-slide Dacoit-style brand guide contact sheet.

观看1,200
点赞22
评论1
分享1
收藏17
引用0
翻译
目标:创建一个精致的截屏风格 UI 模型,展示一个 AI 聊天或代理工作区从 markdown 文件成功生成品牌指南演示文稿。

画布:4:3 横向构图,约 1024×768。背景是深绿色切割垫网格,顶部和左侧边缘有尺标记、薄薄的薄荷绿网格线、测量数字从 5 到 50、小刻度线和几条淡对角辅助线。中央是一个带有柔阴影的大型圆角白色应用程序窗口,保留绿色网格作为边框可见。

应用程序窗口布局:白色面板有圆角和最小工具列。左上角显示标题文本“创建品牌指南演示文稿”,后跟一个三点击单。右上角包括正好 4 个小工具列图标:一个带有下拉箭头的深色方块图标、一个列表/设置图标、一个小矩形图标和一个分割面板图标。工具列下方有一条细水平分隔线。在聊天区域的右上角附近,显示一个标有“DACOIT-DESIGN.md”的圆角附件芯片,然后下方是一个浅灰色用户消息气泡,读取“读取此文件并根据此生成品牌指南演示文稿”。在窗口最右侧添加一个微妙的垂直卷动轴。

主要回应内容:在左中区域,显示一个柔和的状态行“处理时间为 {argument name="processing time" default="5m 3s"} ›”。在分隔线下方,显示回应文本:“上方使用 GPT 图像生成创建。”然后一段文本:“这是一个基于 `DACOIT-DESIGN.md` 的六张 Dacoit 品牌指南演示文稿的单一光栅联系表概念:封面、品牌信号、颜色系统、排版、布局规则和动态/页脚。微小生成文本可能有轻微瑕疵,但整体品牌方向已捕捉。”使用干净现代的无衬线 UI 字体、黑色和灰色文本、宽松间距。

嵌入生成的图像缩略图:在段落下放置一个圆角缩略图预览,显示六张演示文稿的品牌指南联系表。它必须包含正好 6 个迷你演示文稿面板,以 3×2 网格排列。迷你演示文稿的风格是粗犷的编辑品牌,使用棕褐色、烧橙色、黑色、奶油色和红色。计数并描绘六个可见的演示文稿主题:1) 封面演示文稿,巨大文本“DACOIT DESIGN CO”,2) 品牌信号演示文稿,“叛逆 / 乡土 / 宣言”,3) 颜色系统演示文稿,垂直色块标记为大致棕褐、红、墨、黑、烟,4) 排版演示文稿,大字“语言成为建筑”,5) 布局规则演示文稿,“无歉意设计”,6) 动态/页脚演示文稿,深色背景和“发起暴动”。微小文本可能不完美,但大标签应可识别。

视觉风格:高保真产品截屏、清晰白色接口、微妙阴影、逼真的浏览器/应用程序接口、最小单色图标、锐利可读文本、干净间距。背景应感觉像设计工作区或绘图垫。

可自订的来源/品牌细节:如果更改,使用 {argument name="project title" default="创建品牌指南演示文稿"} 作为窗口标题。使用 {argument name="file name" default="DACOIT-DESIGN.md"} 作为附件芯片和段落参考。使用 {argument name="brand name" default="Dacoit"} 作为品牌指南主题。使用 {argument name="user request" default="读取此文件并根据此生成品牌指南演示文稿"} 作为消息气泡文本。

约束:不添加人物、手部、浏览器地址栏、额外弹出窗口、浮水印或不相关的 UI。保持正好一个应用程序窗口、一个附件芯片、一个用户消息气泡、一个状态行、一个回应段落块和一个嵌入缩略图,包含正好六张迷你演示文稿。

机器翻译 — 实际生成作品的是原文提示词。

✨ 生成 原始帖子 在 Hitboard 打开