小卓卓在這里一說Bigbang,很多妹子指不定就尖叫起來,對于YG公司目前最有影響力的男團,吸引萬千粉絲為之瘋狂。當大家在看他們的MV時,除了聽覺上極強的節(jié)奏感,視覺上更是一場色彩盛宴,作為設(shè)計師的你難道不看?想要做好網(wǎng)站建設(shè)中的網(wǎng)頁設(shè)計,一定要去看一看,今天就讓張家港網(wǎng)站建設(shè)的小編我給各位具體講講吧!
第一印象決定一切,大家都可以從各自的外表上大概看出一個人的性格。同樣的,這個理論也可以延伸到設(shè)計工作里。影響設(shè)計工作的因素有很多,但是第一時間被關(guān)注到的應該是顏色。
大家看完這些配色分析之后,對于什么是互補色?相似色?對比色?是不是也想深入的了解一下呢?下面我們就來給大家講講配色的基礎(chǔ)知識。
所謂安全配色,就是遵循一些設(shè)計規(guī)范,色彩規(guī)范,適應于Web和其它方面的UI設(shè)計,在這些色彩的基礎(chǔ)上,只要能控制好比例,就可以大膽的配色,無需參考,無需臨摹,無需借鑒。一種感性的安全配色,一種符合標準的安全配色。
學習配色的3種方法
1:顏料涂鴉
買一點顏料,水彩,水粉,丙烯都可以,學習一點點色彩的基礎(chǔ)知識,然后使用各種顏料大膽的調(diào)色,你會發(fā)現(xiàn),原來色彩與色彩之間很神奇,又那么好玩,何為優(yōu)秀?無需去考慮,跟著自己的喜好走,亂涂亂畫,使用顏料大膽調(diào)和。
2:觀察生活
比如我們的木質(zhì)桌子,它由那些相似的棕色組成?雜點,灰塵,晚上使用臺燈或者白天的自然光下,桌子的顏色的飽和度,明暗度會有什么改變。再如外面的大樹,不同的時間,它的陰影的長短,深淺,角度,有什么不同,不同植物的綠色有什么樣的差別,多看看,多拍拍,你會有很多色彩的感覺。
3:玩轉(zhuǎn)軟件
比如使用Photoshop CS以上的插件Adobe Kuler, CC2015版本是Adobe Color Themes. 觀察他們的色彩模式,色環(huán)角度,顏色位置,也能大幅度找到很多色彩感覺。
要零配色,不經(jīng)過任何參考創(chuàng)造UI界面設(shè)計的安全配色方案,我們可以通過四個階段來訓練,來學習。
第一階段,色彩知識理解
如果要對色彩把控準確一些,多一些感覺,我們可以學習一些常用的色彩知識,當然一些不是怎么用的了解一下,我這里也不列出來,下面是我自己常用的一些色彩知識。
1. 色環(huán)、色相、明度、對比色、冷暖色
2. 三原色
三原色分為兩種:
a)光源、顯示屏:紅綠藍(RGB),設(shè)計常用。
b)顏料、油漆桶、美術(shù):紅黃藍。
3. 無色系
說簡單點,黑白灰,現(xiàn)實生活中,無色系色彩是相當多的。
4. 類比色,相似色
5. 互補色,對比色
6. 單色
7. 分裂補色
8. 二次色(三位一體)
9. CMYK
CMY是3種印刷油墨名稱的首字母:青色Cyan、品紅色Magenta、黃色Yellow。而K取的是Black最后一個字母,之所以不取首字母,是為了避免與藍色(Blue)混淆。
10. 色彩心理學
這個是我自己看了美國視覺設(shè)計教材后摘下的,也就是大家常說的色彩的內(nèi)涵,色彩傳達的意義。當你使用顏料玩色彩的時候就比較常用啦,如果用Photoshop 去玩的話,那是可以反悔的。
偏黃:減黃
偏紅、品:加青(紅色的補色)、減品
偏紫:(多大量藍,少量紅)加黃,減品
偏綠:加品
第二階段,配色軟件運用
快速了解了上面常用的一些色彩知識后,就可以使用軟件進行配色啦,小編沒吃飯,就不上圖了。
1. 馬賽克配色法
這種方法非常簡單,不需要使用軟件搭建色彩關(guān)系,隨便選一張圖片,建議『風景照』,因為大自然的色彩是最和諧的,最安全的,不建議使用別人的插畫或者設(shè)計作品來馬賽克。
a)首先要想想自己做的設(shè)計的目標是什么?我是要做個人網(wǎng)站?還是要做萬圣節(jié)UI?還是要做企業(yè)產(chǎn)品站?還是要做女生主題?還是…….
b)然后根據(jù)你了解的色彩心理學,如果是要做女生使用的UI,那我們可以使用粉紅,紫色等等女生會喜歡的鮮艷的色彩,那我們嘗試找一張『秋天,落葉,唯美』風景照
c)然后使用Photoshop把它馬賽克了,濾鏡下的馬賽克,記得要大大的碼。
d)好了,配色方案已經(jīng)出來了,很安全,你還要怎樣?如果你嫌棄這個顏色,要調(diào)整,圖層建立一個飽和度調(diào)節(jié)層即可,方便快速。
第三階段,色彩記憶感
熟悉web設(shè)計中的常用配色,甚至可以多記憶,培養(yǎng)一種下意識的色彩感覺,記憶常用的色彩的英文名稱和中文名稱。
常用背景顏色
常用文字顏色
第四階段,高質(zhì)量色彩資源探索學習
學習譬如Google design中的Color,Material design等新玩意兒,學習新的色彩思維和創(chuàng)意方法。
通過以上4各階段的學習,或者一般情況學習到第二個階段,你就可以運用軟件安全的創(chuàng)造一套配色方案。不需要太深的色彩基礎(chǔ)。如果你確實很懶,沒關(guān)系,只要掌握了第二階段的軟件配色方法,就OK,當然色彩的比例要自己多練習多把控了,并不是說你創(chuàng)造了配色方案就能做出漂亮的作品。這就需要我們掌握色彩比例控制。
![]() |
|