每個圖示一個清楚的隱喻
圖示若在極小的畫框中塞入多個物件或文字標籤,在小尺寸下就會失效。提示詞應聚焦於單一鮮明形狀,並具備強烈的前景與背景對比。
圖示設計工作流程
將精簡的視覺簡報轉化為行動應用程式、桌面工具和介面導覽的圖示概念。在實際顯示的小像素尺寸下評估每個選項,然後在向量工作流程中重繪或精修幾何形狀。此處展示的圖示系列僅為示意概念,並非完成的 SVG 套件。
描述您需要的形狀、用途、風格、調色盤和對比度。
指定一個具體的隱喻或物件、幾何風格(扁平向量風格、具觸感的 3D 徽章或線條藝術)、兩到三種顏色的調色盤,以及乾淨背景。
將產生的選項縮小至常見的啟動器和工具列尺寸(例如 64px 或 24px)進行比較,確認核心輪廓仍清楚可辨。
在 Figma 或 Illustrator 中將勝出的概念作為設計參考,讓筆畫對齊像素格線、符合平台安全區域,並匯出乾淨的 SVG 或 PNG 素材。
圖示若在極小的畫框中塞入多個物件或文字標籤,在小尺寸下就會失效。提示詞應聚焦於單一鮮明形狀,並具備強烈的前景與背景對比。
為同一產品探索多個圖示時,請在每個提示詞中重複使用圓角半徑、光源角度和色彩 token,讓概念保持一致。
點陣 AI 生成圖可協助您快速探索隱喻和色彩方向,而最終的應用程式建置則仰賴對齊像素的向量路徑與平台專屬遮罩。
| 輸入 | 描述符號、風格和調色盤的文字提示詞,以及選用的參考圖片。 | |
|---|---|---|
| 輸出 | 用於探索圖示的點陣概念圖片;不會輸出分層 SVG 檔案或平台應用程式套件資訊清單。 | |
| 檢查 | 在進行向量製作前,檢查小尺寸輪廓的清晰度、淺色與深色背景上的對比度,以及原創性。 | |
| 免費方案 | 每月 40 點數,無需信用卡;結果僅供個人探索使用,未授權商業用途。 |
不會。此頁面會產生點陣概念圖片,讓您能快速探索視覺隱喻、光線和色彩調色盤。若要製作正式的 UI 圖示,請在 Figma 或 Illustrator 中的像素格線上描繪或重繪所選概念。
應用程式或 UI 圖示必須在小像素尺寸的緊湊正方形或圓角方形遮罩內一眼就能辨識,因此提示詞最適合要求一個置中的符號、盡量減少精細細節,並使用無文字的高對比設計。
在多次生成時,保持提示詞中的風格和調色盤部分完全相同,例如圓角等角視圖徽章、霧面陶土質感、青綠與珊瑚色調色盤,並僅替換中央物件的名詞。
通常不建議。圖示內的小型文字在手機螢幕和工具列上會難以辨識,而且 AI 圖像模型經常會扭曲字母。請改為著重於獨特的圖形符號。