>
學(xué)校機(jī)構(gòu) >
上海跑贏職場(chǎng) >
學(xué)習(xí)資訊>
UI設(shè)計(jì)如何零配色無(wú)色參考:安全配色
UI設(shè)計(jì)如何零配色無(wú)色參考:安全配色
59 2016-01-04
學(xué)習(xí)配色的3種方法
學(xué)習(xí)方法1:顏料涂鴉
買一點(diǎn)顏料,水彩,水粉,丙烯都可以,學(xué)習(xí)一點(diǎn)點(diǎn)色彩的基礎(chǔ)知識(shí),然后使用各種顏料大膽的調(diào)色,你會(huì)發(fā)現(xiàn),原來(lái)色彩與色彩之間很神奇,又那么好玩,何為優(yōu)秀?無(wú)需去考慮,跟著自己的喜好走,亂涂亂畫,使用顏料大膽調(diào)和。
學(xué)習(xí)方法2:觀察生活
比如我們的木質(zhì)桌子,它由那些相似的棕色組成?雜點(diǎn),灰塵,晚上使用臺(tái)燈或者白天的自然光下,桌子的顏色的飽和度,明暗度會(huì)有什么改變。再如外面的大樹(shù),不同的時(shí)間,它的陰影的長(zhǎng)短,深淺,角度,有什么不同,不同植物的綠色有什么樣的差別,多看看,多拍拍,你會(huì)有很多色彩的感覺(jué)。
學(xué)習(xí)方法3:玩轉(zhuǎn)軟件
比如使用PhotoshopCS以上的插件AdobeKuler,CC2015版本是AdobeColorThemes.觀察他們的色彩模式,色環(huán)角度,顏色位置,也能大幅度找到很多色彩感覺(jué)。
要零配色,不經(jīng)過(guò)任何參考創(chuàng)造UI界面設(shè)計(jì)的安全配色方案,我們可以通過(guò)四個(gè)階段來(lái)訓(xùn)練,來(lái)學(xué)習(xí)。
第一階段,色彩知識(shí)理解
熟悉一下基本的『常用的色彩常識(shí)』,快速熟悉,你可以不去記憶概念,術(shù)語(yǔ)解釋,只需要看圖即可!!!當(dāng)然如果你學(xué)習(xí)精神可佳,自己去學(xué)習(xí)了解下術(shù)語(yǔ)概念啦。
(這一階段的圖片多出自互聯(lián)網(wǎng),自己用過(guò)的一些配色軟件截圖,其它美術(shù)書籍,都是些比較常見(jiàn)的圖片,這里我根據(jù)自己學(xué)習(xí)理解程度,根據(jù)自己的喜好做了一定的篩選整理)
如果要對(duì)色彩把控準(zhǔn)確一些,多一些感覺(jué),我們可以學(xué)習(xí)一些常用的色彩知識(shí),當(dāng)然一些不是怎么用的了解一下,我這里也不列出來(lái),下面是我自己常用的一些色彩知識(shí)。
(至于很多色彩術(shù)語(yǔ)的準(zhǔn)確,詳細(xì)的解釋,我就不重復(fù)寫出來(lái)啦,想了解的自己去百度百科或者買點(diǎn)美術(shù)書籍學(xué)習(xí)一下,這里我主要是直觀的觀察色彩,使用感覺(jué)去了解基本的色彩原理):
1.色環(huán)、色相、明度、對(duì)比色、冷暖色
直接看這種圖,大概你就懂這些色彩術(shù)語(yǔ)指什么了
2.三原色
三原色分為兩種:
a)光源、顯示屏:紅綠藍(lán)(RGB),設(shè)計(jì)常用。
b)顏料、油漆桶、美術(shù):紅黃藍(lán)。
3.無(wú)色系
說(shuō)簡(jiǎn)單點(diǎn),黑白灰,現(xiàn)實(shí)生活中,無(wú)色系色彩是相當(dāng)多的。
4.類比色,相似色
直接看圖,色環(huán)中的角度,一目了然。
5.互補(bǔ)色,對(duì)比色
直接看圖,180度對(duì)角線即是。
掃一掃
獲取更多福利
獵學(xué)網(wǎng)企業(yè)微信
獵學(xué)網(wǎng)訂閱號(hào)
獵學(xué)網(wǎng)服務(wù)號(hào)