如何從照片中創建有用的調色板
將參考照片變成實用的調色板:選擇主色、支援中性色和強調色,然後儲存或匯出結果。
快速解答
從一張清晰的參考圖像中提取顏色,然後為每種選定的顏色賦予一個角色。包含主色、中性色和強調色的緊湊調色板比圖片中每種顏色的未經過濾的集合更容易使用。
一步一步
選擇項目的圖像
對於房間,請使用剩餘材料的照片。對於視覺識別,請選擇適合項目情緒的圖像。在評估第一個調色板之前,請避免混合不相關的參考。
在彩色觀景窗中提取顏色
開啟影像或拍攝相機快照,然後查看產生的調色板。比較可用的佈局並確定代表主題的顏色,而不是眩光點或深陰影。
為每種顏色指派角色
選擇大面積的主色、中性背景和較小的強調色。為文字和邊界保留較深或較淺的選項。在範例佈局中測試這些角色,而不是僅依賴樣本。
儲存並匯出以供下一個工具使用
儲存調色板以供日後使用、複製單一程式碼或根據接收工具匯出 Adobe ASE、JSON、CSS 或 CSV。打開匯出的文件或貼上程式碼並確認顏色按預期到達。
例:使用海邊照片
海邊圖像可能會建議用沙子作為背景,深藍色作為標題,小珊瑚色作為按鈕。這是一個合成範例:從您自己的圖像中提取實際程式碼並檢查最終設計中的文字對比。
使用結果之前
調色板是一個起點,而不是可訪問性測試或實體材料規範。對於內裝和印刷品,請在訂購前在預期照明下比較真實樣品。
