配色知識(shí),適合新手的零基礎(chǔ)配色方案

來源:沒位道 作者:xizon 學(xué)習(xí):15984人次

今天對(duì)一些配色技巧和方法做一個(gè)分享和總結(jié),無論你有美術(shù)基礎(chǔ)/色彩基礎(chǔ)還是零基礎(chǔ),都可以使用此方法創(chuàng)造出安全的配色方案。

所謂安全配色,就是遵循一些設(shè)計(jì)規(guī)范,色彩規(guī)范,適應(yīng)于Web和其它方面的UI設(shè)計(jì),在這些色彩的基礎(chǔ)上,只要能控制好比例,就可以大膽的配色,無需參考,無需臨摹,無需借鑒。一種感性的安全配色,一種符合標(biāo)準(zhǔn)的安全配色。

這次分享介入了一些自己學(xué)習(xí)過總結(jié)過的色彩理論,當(dāng)然如果同學(xué)們能夠?qū)W習(xí)鞏固好自己的色彩理論,扎實(shí)好自己的美術(shù)功底,對(duì)玩轉(zhuǎn)色彩是非常有好處的哦。本文章由沒位道博主@Chuckie-Chang 分享整理, 歡迎大家交流。

學(xué)習(xí)配色的3種方法

學(xué)習(xí)方法 1: 顏料涂鴉

買一點(diǎn)顏料,水彩,水粉,丙烯都可以,學(xué)習(xí)一點(diǎn)點(diǎn)色彩的基礎(chǔ)知識(shí),然后使用各種顏料大膽的調(diào)色,你會(huì)發(fā)現(xiàn),原來色彩與色彩之間很神奇,又那么好玩,何為優(yōu)秀?無需去考慮,跟著自己的喜好走,亂涂亂畫,使用顏料大膽調(diào)和。

學(xué)習(xí)方法 2:觀察生活

比如我們的木質(zhì)桌子,它由那些相似的棕色組成?雜點(diǎn),灰塵,晚上使用臺(tái)燈或者白天的自然光下,桌子的顏色的飽和度,明暗度會(huì)有什么改變。再如外面的大樹,不同的時(shí)間,它的陰影的長(zhǎng)短,深淺,角度,有什么不同,不同植物的綠色有什么樣的差別,多看看,多拍拍,你會(huì)有很多色彩的感覺。

學(xué)習(xí)方法 3:玩轉(zhuǎn)軟件

比如使用Photoshop CS以上的插件Adobe Kuler, CC2015版本是Adobe Color Themes. 觀察他們的色彩模式,色環(huán)角度,顏色位置,也能大幅度找到很多色彩感覺。

要零配色,不經(jīng)過任何參考創(chuàng)造UI界面設(shè)計(jì)的安全配色方案,我們可以通過四個(gè)階段來訓(xùn)練,來學(xué)習(xí)。

第一階段,色彩知識(shí)理解

熟悉一下基本的『常用的色彩常識(shí)』,快速熟悉,你可以不去記憶概念,術(shù)語解釋,只需要看圖即可。。‘(dāng)然如果你學(xué)習(xí)精神可佳,自己去學(xué)習(xí)了解下術(shù)語概念啦。

(這一階段的圖片多出自互聯(lián)網(wǎng),自己用過的一些配色軟件截圖,其它美術(shù)書籍,都是些比較常見的圖片,這里我根據(jù)自己學(xué)習(xí)理解程度,根據(jù)自己的喜好做了一定的篩選整理)

如果要對(duì)色彩把控準(zhǔn)確一些,多一些感覺,我們可以學(xué)習(xí)一些常用的色彩知識(shí),當(dāng)然一些不是怎么用的了解一下,我這里也不列出來,下面是我自己常用的一些色彩知識(shí)。

(至于很多色彩術(shù)語的準(zhǔn)確,詳細(xì)的解釋,我就不重復(fù)寫出來啦,想了解的自己去百度百科或者買點(diǎn)美術(shù)書籍學(xué)習(xí)一下,這里我主要是直觀的觀察色彩,使用感覺去了解基本的色彩原理):

1. 色環(huán)、色相、明度、對(duì)比色、冷暖色

直接看這種圖,大概你就懂這些色彩術(shù)語指什么了

配色知識(shí),適合新手的零基礎(chǔ)配色方案_m.theoat.com.cn

2. 三原色

三原色分為兩種:

a)光源、顯示屏:紅綠藍(lán)(RGB),設(shè)計(jì)常用。

配色知識(shí),適合新手的零基礎(chǔ)配色方案_m.theoat.com.cn

b)顏料、油漆桶、美術(shù):紅黃藍(lán)。

3. 無色系

說簡(jiǎn)單點(diǎn),黑白灰,現(xiàn)實(shí)生活中,無色系色彩是相當(dāng)多的。

4. 類比色,相似色

直接看圖,色環(huán)中的角度,一目了然。

配色知識(shí),適合新手的零基礎(chǔ)配色方案_m.theoat.com.cn

5. 互補(bǔ)色,對(duì)比色

直接看圖,180度對(duì)角線即是。

配色知識(shí),適合新手的零基礎(chǔ)配色方案_m.theoat.com.cn

6. 單色

某個(gè)色彩的『明度』變化即是。

配色知識(shí),適合新手的零基礎(chǔ)配色方案_m.theoat.com.cn

學(xué)習(xí) · 提示

  • 一定要打開PS,跟著教程做一遍,做完的圖到這交作業(yè):提交作業(yè)
  • 建議練習(xí)時(shí),大家自己找素材,盡量不要用教程提供的素材。
  • 教程有看不懂的地方,可以到論壇發(fā)帖提問:新手求助
  • 加官方微信,隨時(shí)隨地,想學(xué)就能學(xué):ps_bbs,或掃右側(cè)二維碼!
  • 關(guān)注我們學(xué)更多,每天都有新教程:新浪微博 抖音視頻 微信小程序
- 發(fā)評(píng)論 | 交作業(yè) -
最新評(píng)論
向死而生2017-10-07 10:37
颯ki落2017-05-27 06:57
贊贊
暴牙兔兔2017-05-27 06:38
元芳尼瑪貴姓2017-05-27 06:38
肆意WEIYANG2017-05-27 06:38
含靜秀2017-05-27 06:38
挨踢的蝸牛2017-05-27 06:38
背影還不錯(cuò)2017-05-27 06:38
四季平安2017-05-27 06:38
樊戌2017-05-27 06:38
中華長(zhǎng)城永不倒2017-05-27 06:38
liangzaizai12017-05-27 06:38

關(guān)注大神微博加入>>

網(wǎng)友求助,請(qǐng)回答!