更新時(shí)間:2019-12-15 來(lái)源:黑馬程序員 瀏覽量:
色彩是網(wǎng)站風(fēng)格表現(xiàn)的重要部分之一,網(wǎng)站訪問(wèn)者最先受到影響的就是一個(gè)網(wǎng)站的配色,統(tǒng)一風(fēng)格的色彩設(shè)計(jì)不僅能帶來(lái)優(yōu)秀的視覺(jué)體驗(yàn),色彩所表現(xiàn)的情感與內(nèi)流也會(huì)影響到訪問(wèn)若對(duì)網(wǎng)站的理解。良好的色彩搭配是非常重要的,但是牽涉的學(xué)問(wèn)也比較多。
什么是色彩?
當(dāng)光線照射到物體上之后投射到人的眼睛中時(shí),由視覺(jué)神經(jīng)產(chǎn)生的一種反應(yīng),使得人們感受到各種各樣的色彩,色彩的來(lái)源是光,如果沒(méi)有光,那么眼睛就無(wú)法感受到色彩,在現(xiàn)實(shí)生活中人們能感知到的色彩多種多樣,但是如果進(jìn)行歸納分類,基本上也就知下兩大類。
·原色:又稱基本色,是人眼所見(jiàn)的色彩中的三種基本顏色,一般是指紅(R)、綠(G)、藍(lán)(B)三種顏色,也稱為三原色。所有其他的色調(diào)都是通過(guò)三原色按比例配置出來(lái)的。
·混合色:由紅、綠、藍(lán)進(jìn)行混合所得出的各種不同的顏色,也稱為復(fù)色,通過(guò)稱三原色進(jìn)行不同程度的混合,就可以創(chuàng)建豐富多彩的色彩。
顏色具有3種基本的屬性,分別如下所示。
·色相:反射自物體或投射自物體的顏色。在0到360°的標(biāo)準(zhǔn)色輪上,按位置度量色相,在通常的使用中,色相由顏色名稱標(biāo)識(shí),如紅色、橙色或綠色。
·飽和度:顏色的強(qiáng)度或純度(有時(shí)稱為色度)。飽和度表示色相中灰色分量所占的比例,它使用從0% (灰色)至100% (完全飽和)的百分比來(lái)度量。在標(biāo)準(zhǔn)他輪上,飽和度從中心到邊緣遞增。
·亮度:亮度是顏色的相對(duì)明暗程度,通常使用從0%(黑色)至100% (白色)的百分比來(lái)度量。
什么是web安全色?
在使用Photoshop的取色時(shí),可以通過(guò)設(shè)置R、G、B不同的比值和顏色的基本屬性來(lái)得到自己想要的顏色,Photoshop取色器如下圖。
在網(wǎng)頁(yè)設(shè)計(jì)中,由于同樣的顏色會(huì)受限于不同的顯示設(shè)備、操作系統(tǒng)、顯卡甚至是不同的瀏藍(lán)器,導(dǎo)致配出來(lái)的顏色會(huì)顯得不同,這會(huì)嚴(yán)重影響到網(wǎng)站的整體風(fēng)格,為此人們通過(guò)研究,發(fā)現(xiàn)并指定了216種Web安全色。
Web安全色是指在不同的硬件環(huán)境、不同操作系統(tǒng)硬件及不同的瀏覽器中都能正常顯示的色彩的集合。在考慮網(wǎng)站的配色時(shí),應(yīng)該盡量使用216種Web安全色彩。
猜你喜歡:
色彩學(xué)原理是什么?
什么是對(duì)比構(gòu)成?
Javascript常用對(duì)象有哪些?JavaScript對(duì)象詳細(xì)介紹
2019-12-13JavaScript函數(shù)入門|語(yǔ)法規(guī)則、函數(shù)調(diào)用、變量作用域5分鐘學(xué)會(huì)
2019-12-13如何制作HTML模板?[web前端培訓(xùn)]
2019-12-13H5如何嵌入視頻?[web前端開發(fā)]
2019-12-05Web前端培訓(xùn)之CSS滑動(dòng)門技術(shù)應(yīng)用
2019-11-28css3選擇器用法介紹[web前端培訓(xùn)]
2019-11-26