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

配色技巧,給初學者的6條網頁設計安全配色指南(2)

來源:站酷 作者:謝爾魚 學習:5750人次

4. 如果有疑問,使用藍色

如果你對選擇什么強調色有任何疑問,請使用藍色。藍色通常是最靈活的顏色,適合多數(shù)的網站類型。紫色和黃色之類的顏色可以是很活潑的,但是如果使用不當?shù)脑,立馬會變得很花哨。

另一方面,你可以在以藍色為強調色的基礎上隨意發(fā)揮,但你也不能走的太遠。如果你不知道從哪里開始學習或者在項目中使用什么顏色的時候,就用藍色就對了。如果你要選擇特別的藍色,你可以選擇深藍色(H值235)至淺綠色(H值190)的范圍以保證自己在安全的領地。

 

配色技巧,給初學者的6條網頁設計安全配色指南

 

在我的布局示例中,我選擇值為205的色相。當你已經選定了強調色,將它添加到任何你認為必需的位置。假如你在按鈕或任何其他有文字的區(qū)域使用了強調色,也要相應地改變文本的顏色。在這個例子中,我將強調色區(qū)域之上的文字改成了白色。

 

配色技巧,給初學者的6條網頁設計安全配色指南

 

5. 為強調色添加變化

一旦你選定了強調色,將色相(H)滑條位置保持不變。你現(xiàn)在需要為你的設計添加額外的顏色,不過為了讓事情變得更簡單,這些顏色都是你已經選擇的強調色的變色。

在顏色選擇器上強調色周圍拖動選色點來創(chuàng)建變色。

 

配色技巧,給初學者的6條網頁設計安全配色指南

 

在以下這些元素上使用變色:

懸停效果

 

配色技巧,給初學者的6條網頁設計安全配色指南

 

邊框

 

配色技巧,給初學者的6條網頁設計安全配色指南

 

強調色上的文本

 

配色技巧,給初學者的6條網頁設計安全配色指南

 

漸變

 

配色技巧,給初學者的6條網頁設計安全配色指南

 

光和陰影的效果

 

配色技巧,給初學者的6條網頁設計安全配色指南

 

6. 避開調色面板右上角的位置

顏色選擇器上右上角的位置是高純度的顏色。右上角的顏色像一級方程式賽車,它們的執(zhí)行力驚人,并且非常吸引人,但是我們一般需要足夠的經驗才能很好地駕馭它們。如果沒有經驗的話,它們可能會造成事故,所以最好去嘗試使用更緩和的顏色。

這就是為什么我在本教程的第三節(jié)讓你選擇右上角四分之一中心位置的顏色,以確保以一種相對柔和的顏色開始。

為了說明這一點,看一下假如我只改變設計的色相,不再動顏色選擇器,會是什么效果。

 

配色技巧,給初學者的6條網頁設計安全配色指南

 

它仍然看起來非常漂亮,對吧?但是如果我把選色點拖拽到顏色選擇器的右上角,它突然就變得不太好了。

 

學習 · 提示

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

關注大神微博加入>>

網友求助,請回答!