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