一個精緻的AI聊天工作介面UI原型截圖,展示從Markdown檔案生成品牌手冊幻燈片的過程,背景為墨綠色切割墊網格,頂部和左側邊緣帶有刻度尺標記、淺薄荷色網格線、5到50的測量數字和微小刻度。構圖中心為一個帶有柔和投影的大號圓角白色應用視窗。
應用視窗細節:
- 頂部工具欄:左上方顯示標題“[Create brand guide slides]”及三點選單圖示;右上方恰好有4個小型單色工具欄圖示:帶下拉箭頭的方形、列表/設定圖示、小矩形圖示和分屏圖示。工具欄下方有一條細分割線。
- 聊天區域:右上部顯示一個標有“[DACOIT-DESIGN.md]”的圓角附件標籤,下方為淺灰色使用者訊息氣泡,內容為“[Read this and generate a brand guide slides based on this]”。視窗最右側有一條細緻的垂直捲軸。
- AI回覆區域:左中區域有一行淡灰色狀態文字“Worked for [5m 3s] ›”。分割線下方為回覆正文:“Generated above using GPT image generation.”,隨後是一段文字:“It’s a single raster contact-sheet concept for six [Dacoit] brand-guide slides based on `[DACOIT-DESIGN.md]`: cover, brand signal, color system, typography, layout rules, and motion/footer. Tiny generated text can have minor artifacts, but the overall brand direction is captured.”
- 內嵌生成影象縮圖:段落下方帶有一張圓角預覽圖,以3×2網格展示6張迷你品牌指南幻燈片。整體呈現粗糲的編輯排版風格,採用棕褐、焦橙、黑、米白和紅色調。6張幻燈片清晰可見:1) 封面幻燈片印有粗體大字“DACOIT DESIGN CO”;2) 品牌理念幻燈片印有“REBELLIOUS / EARTHY / DECLARATIVE”;3) 配色系統幻燈片帶有垂直色塊,標註“TAN”、“RED”、“INK”、“BLACK”、“SMOKE”;4) 字型排版幻燈片印有“WORDS BECOME ARCHITECTURE”;5) 版面規則幻燈片印有“DESIGN WITHOUT APOLOGY”;6) 暗黑背景尾頁幻燈片印有“START A RIOT”。
風格:高保真產品設計介面,現代乾淨的無襯線字型,銳利的黑灰文字,寬敞的留白,逼真的桌面UI視窗質感。無人物、無手部、無瀏覽器位址列或多餘彈窗。
ui模型品牌手冊ai助手