影片 圖片
登入
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。保持正好一個應用程式視窗、一個附件晶片、一個使用者訊息氣泡、一個狀態行、一個回應段落塊和一個嵌入縮圖,包含正好六張迷你簡報。

機器翻譯 — 實際產出作品的是原文 prompt。

✨ 生成 原始貼文 在 Hitboard 開啟