配色教程,教大家如何規范配色

2022-12-26 18:09:24 來源/作者: / 己有:19人學習過

整理

整理出界面元素:背景(承載內容信息的背景),圖標(功能圖標,豐富內容圖標),文字,按鈕,線條

整理界面元素樣式:顏色,大小,邊距(據相鄰元素上下左右邊距,內外邊距等)

理清產品的模塊以及界面構成

定義

將文字,背景,按鈕,線條顏色進行“標簽定義” 可以根據自己的習慣進行定義

(我設計的時候沒有將圖標顏色納入規范,圖標是命名好,替換圖片就可以了,具體根據產品需求來設計,圖標開發也是可以疊色的)

_0326424332-2.jpg

輸出

當定義好元素后我們就去界面上做標記,將你會復用,并一直復用的元素定義為一個標簽,比如文字:進行文字序列排號T1,T2,T3......并命名,一級標題T1,正文文字T2,亮色文字T3...

將每個標簽代表的位置說明寫出來,然后將標簽丟到界面上,和開發信息對齊,確定好規則顏色