當前位置:首頁>ps入門教程>ps基礎教程>設計知識>教程內容

配色教程,教大家如何規(guī)范配色(2)

來源:站酷 作者:魅惑濃眼貓 學習:7327人次

整理

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

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

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

定義

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

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

m.tgudhdp.cn_0326424332-2.jpg

輸出

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

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

學習 · 提示

  • 一定要打開PS,跟著教程做一遍,做完的圖到這交作業(yè):提交作業(yè)
  • 建議練習時,大家自己找素材,盡量不要用教程提供的素材。
  • 教程有看不懂的地方,可以到論壇發(fā)帖提問:新手求助
  • 加官方微信,隨時隨地,想學就能學:ps_bbs,或掃右側二維碼!
  • 關注我們學更多,每天都有新教程:新浪微博 抖音視頻 微信小程序
- 發(fā)評論 | 交作業(yè) -
最新評論
暫無評論,交個作業(yè)支持一下吧~

關注大神微博加入>>

網友求助,請回答!