UI——PS色彩搭配
UI——PS色彩搭配
色彩三部曲:
1, 色彩感知
2, 色彩的基礎(chǔ)知識(shí)
3, 色彩搭配
RGB:
RGB的色彩模式是一種顏色標(biāo)準(zhǔn),是通過對(duì)紅?,綠(G),藍(lán)(B)三個(gè)顏色通道的變化以及它們相互之間的疊加來得到的各種顏色(電子熒屏的專用色)。
CMYK:
(印刷專用色)。
HSB:
HSB色彩是通過色相(H),飽和度(S),明度(B)三個(gè)元素來表達(dá)色彩的(通常使用HSB來調(diào)節(jié)顏色)。
上圖便是HSB的調(diào)節(jié)面板
也可通過曲線調(diào)節(jié)
彩色系
包含了可見光的所有顏色,以紅橙黃綠青藍(lán)紫,基本色混合進(jìn)而產(chǎn)生的眾多色彩,彩色系中的任何一種顏色,都具有色相,明度和純度(飽和度)的三種屬性
無彩色系
指黑色,白色以及黑白兩色混合而成的各種灰色系列。
無彩色系只有一種基本性質(zhì)——明度
1,色相:指色彩的樣貌,用來區(qū)分不同的顏色
2,飽和度:指色彩的鮮艷程度
3,明度:指色彩的明暗程度,即深淺程度
~~~~~~~~~~~~~~ 色相環(huán)~~~~~~~~~~~~~~~
同色相下,拾色器中
明度:從上至下越來越高
飽和度:從左至右越來越高
同類色,鄰近色,對(duì)比色,互補(bǔ)色
同類色:
色相環(huán)上,夾角60度以內(nèi)的色彩,色相對(duì)比差異不是很大
鄰近色:
色相環(huán)上,夾角在60度到90度之間的色彩
對(duì)比色:
色相環(huán)上,夾角在120左右的色彩,在色相環(huán)上的位置大致相反
互補(bǔ)色:
色相環(huán)上,夾角互為180度的色彩,互補(bǔ)色具有極其強(qiáng)烈的對(duì)比
四方色:
在色相環(huán)上畫一個(gè)正方形,取四個(gè)角的顏色
色彩搭配的原則
1,由相同或相近色相可增強(qiáng)畫面的統(tǒng)一性
由相同或者相近色相構(gòu)成的配色可以輕松地營造出和諧,統(tǒng)一的印象
同一色相配色體現(xiàn)統(tǒng)一性
鄰近色相配色演繹自然,和諧的印象
2,互補(bǔ)色或?qū)Ρ壬嗫赏滑F(xiàn)出畫面的變化性
無明度差的高純度互補(bǔ)色搭配在一起時(shí),會(huì)使人眼產(chǎn)生暈光現(xiàn)象,色彩看起來仿佛飄忽閃爍,使文字等信息難以閱讀,這一點(diǎn)應(yīng)當(dāng)加以注意。
對(duì)比色相配色效果清晰,醒目。
3,調(diào)整配色色調(diào),為創(chuàng)作增添個(gè)性
無論色相如何,只要將其色調(diào)統(tǒng)一,就可以體現(xiàn)整體性和統(tǒng)一性,形成具有和諧,自然效果的配色。相反,通過將對(duì)比性的色調(diào)搭配組合,可以演繹富于變化的效果。
同一色調(diào)的配色和諧統(tǒng)一
便和豐富的類似色調(diào)配色為設(shè)計(jì)增添個(gè)性
技巧
1,有效使用主題色
2,通過控制顏色數(shù)量可以突出主題
3,文字和圖形色調(diào)相反同樣顯眼
4,鮮艷的底色可以創(chuàng)造活潑的頁面效果
5,暗淡的底色可以體現(xiàn)品味感和豐富感
五種色系的搭配
單色系,冷色系,暖色系,明亮色系,補(bǔ)色系
色彩中,加入黑白,分六個(gè)層級(jí)
總結(jié)
以上是生活随笔為你收集整理的UI——PS色彩搭配的全部內(nèi)容,希望文章能夠幫你解決所遇到的問題。
- 上一篇: 【收集】程序员资源大全
- 下一篇: 惠普HP Photosmart 7960