配色知識(shí),適合新手的零基礎(chǔ)配色方案
今天對(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ù)語指什么了
2. 三原色
三原色分為兩種:
a)光源、顯示屏:紅綠藍(lán)(RGB),設(shè)計(jì)常用。
b)顏料、油漆桶、美術(shù):紅黃藍(lán)。
3. 無色系
說簡(jiǎn)單點(diǎn),黑白灰,現(xiàn)實(shí)生活中,無色系色彩是相當(dāng)多的。
4. 類比色,相似色
直接看圖,色環(huán)中的角度,一目了然。
5. 互補(bǔ)色,對(duì)比色
直接看圖,180度對(duì)角線即是。
6. 單色
某個(gè)色彩的『明度』變化即是。
學(xué)習(xí) · 提示
相關(guān)教程
推薦教程
- 圖片畫冊(cè)平面設(shè)計(jì)排版ps理論教程
- 用戶體驗(yàn),分享20個(gè)有影響力的包裝設(shè)計(jì)
- 顏色管理,讓自己的照片在網(wǎng)上正確地顯示
- 移動(dòng)設(shè)計(jì),移動(dòng)應(yīng)用導(dǎo)航模式設(shè)計(jì)方法
- Photoshop初級(jí)教程-命令的技巧
- 色彩知識(shí),講解顏色基礎(chǔ)知識(shí)和配色理論
- 設(shè)計(jì)界面最常用最舒服的12種顏色(含色
- UI知識(shí),尺寸對(duì)UI設(shè)計(jì)的影響
- 用戶體驗(yàn),如何讓用戶心動(dòng)?
- 調(diào)色知識(shí),簡(jiǎn)單實(shí)用的調(diào)色原理