應用程式 UI/UX 改進 - 截圖轉開發提示
提供更好的應用程式 UI、標註圖片及開發者提示。
應用程式 UI/UX 改進 - 截圖轉開發提示
提供更好的應用程式 UI、標註圖片及開發者提示。
展示內容
描述
將現有的 Android 和 iOS 應用程式截圖轉化為清晰的 UI/UX 改進方案，方便開發人員實作。 針對每個變更，你將獲得： • 一張展示建議效果的清晰模型圖。 • 一張附帶編號箭頭的對應標註圖片。 • 一個可複製的實作提示，說明要更改內容、要保留內容、互動方式以及驗證結果的方法。 專為與真人程式設計師或 AI 編碼助手合作的應用程式擁有者、開發人員及設計師而設。 預設保留應用程式的品牌識別，並專注於你想解決的問題。同時兼顧大小螢幕、文字縮放、無障礙功能，以及多語言 RTL/LTR 排版。 預設語言為英文。當使用者語言可識別時，技能將以該語言回覆，並在未要求翻譯的情況下保留應用程式的介面語言。 視覺交付項目需要具備圖片理解、圖片生成及參考圖片編輯功能。此技能會提供設計方案與開發者指示，而非已編譯、實作或測試的應用程式。
相關技能
查看全部
網頁設計交付 AI 工作室
透過結構化的 8 階段工作流程，將草擬構想、內容大綱或介面截圖轉化為精美且可直接實作的設計交付成果。 ### 適用對象 適合需要易用的視覺設計與乾淨前端程式碼，且無需透過反覆嘗試提示詞的創辦人、產品經理、行銷人員、教育工作者、創作者及開發者。 ### 你需要提供 - 你的設計目標與受眾（SaaS 登陸頁面、儀表板、行動端介面、可列印工作表、社群圖片、海報或品牌識別包）。 - 任何需要的文案、尺寸、品牌顏色或參考截圖（若省略，技能將套用合理的預設值並加以說明）。 ### 運作方式 1. **簡報與策略**：萃取你的目標與限制條件、及早標記衝突規格，並選取量身打造的策略（轉換率、任務效率、可讀性/列印或無障礙優先）。 2. **視覺系統**：鎖定語意化色彩配置（具備 WCAG 2.2 AA 對比度計算）、模組化字體級距與 4px/8px 格線。 3. **製作與智慧替代方案**：產生語意化的 HTML5/CSS3、可縮放 SVG 向量圖、可列印版面（`@page` / `@media print`）以及 W3C 設計代碼，當點陣圖工具未啟用時，並提供 3 個獨立的圖片提示詞（嚴格階層、創意美學、混合）。 4. **誠實的 4 狀態品質保證**：審查對比度、標籤、連結與列印幾何形狀，將每項檢查標記為「已驗證」、「未驗證」、「失敗」或「不適用」。 ### 你會得到什麼 - 簡明設計簡報與視覺系統代碼表 - 可直接實作的 HTML/CSS/SVG 檔案或可列印版面 - 4 狀態品質保證報告與編輯及匯出說明 ### 限制 輸出開放格式（`.html`、`.css`、`.svg`、`.pdf`、`design-tokens.json`），可匯入 Figma 或 Illustrator，而非封閉二進位檔（`.fig`、`.psd`）。商業 CMYK 印刷校樣與法律商標檢查需經人工審查。
圖片圖片重混：重塑與個人化
根據出色的參考圖片建立個人化的視覺內容——適用於廣告、時尚概念、社論肖像、產品場景與視覺探索。 Image Remix 會分析參考作品的迷人之處，接著協助你將其調整為你的主題、風格或產品。保留你喜愛的構圖與氛圍，同時透過五項引導式選擇來更改選定的細節。 你的五項創意控制選項 • 角色 / 主題 — 保留來源外觀、描述變更或提供參考。 • 服飾 — 保留穿搭、描述全新造型或使用服裝參考。 • 環境 — 保留背景或將場景移至新地點。 • 皮膚真實感 — 選擇平滑但真實的皮膚、自然質感、細緻雀斑或你自己的描述。 • 珠寶 — 保留、重新設計、替換、移除或提供參考。 運作方式 上傳來源圖片並進行選擇。在需要時加入人物、服裝或產品參考。此 Skill 會收集任何必要的遺漏細節、準備完整的英文生成提示詞、以你的語言解釋預期結果，並生成一張圖片。 控制變更。保持視覺衝擊。 除非你選擇更改，否則姿勢、構圖、視角與氛圍將維持一致。光影、陰影、反射與材質會進行調整，讓新元素自然融入。 參考圖片各有不同的角色：服裝參考用來指導穿搭，而產品參考則用來指導產品設計。這有助於避免不相干的人臉、背景或配件被帶入。 你將獲得的內容 • 一張個人化生成的圖片。 • 一個完整且可重複使用的英文圖片提示詞。 • 以你語言提供的清晰解釋。 新增關於光線、構圖、長寬比或文字的選用指示。透過針對性的修改來精進結果，同時保留你已接受的選擇。 參考引導式重塑；不保證像素級完美複製。
圖片前後對比廣告工作室
讓產品轉變成為視覺焦點。 將單張產品相片轉化為大膽的前後對比廣告視覺，結合豐富的藝術指導、引人注目的構圖，讓轉變過程成為全場焦點。 從美妝個人護理到清潔與健身，此 Skill 能深入探索您的產品用途，並開發出具創意的視覺化效益方式。 您的產品。您的創意指導。 從相片開始。此 Skill 會先研究產品，然後協助您挑選場景、材質、視覺元素、格式與文字風格。喜歡驚喜嗎？讓 AI 掌握創意主導權。 三種概念。三個獨特的視覺點子。 探索三個量身打造的概念，並附上完整的圖片生成提示詞。無論是流動布料展示、雕塑感環境、戲劇性特寫、玻璃過渡效果，還是圍繞您產品打造的意想不到的世界，每個概念都能訴說不同的視覺故事。 前後對比，完美呈現。 大型且清晰易讀的轉變場景成為構圖的核心。產品擺放、氛圍與排版相輔相成，讓改變清晰可見，即使在手機螢幕上也同樣亮眼。 您批准。然後開始創作。 檢視提示詞、要求調整，並選擇其中一個或全部三個概念。圖片生成會在您批准後才開始，並使用您工作區中可用的功能。 根據您的偏好打造。 選擇正方形、直式、橫式或自訂尺寸。加上醒目標題、精簡文案，或是讓視覺直接說話。工作流程會自動適應您的語言，而製作提示詞則預設以英文撰寫。 上傳您的產品。形塑場景。聚焦產品轉變。
資訊
- 版本
- v2
- 更新時間
- 執行點數
- 依實際用量
- 模型
- 自動選擇
