建站常識(shí)
網(wǎng)頁(yè)界面設(shè)計(jì)教程四:色彩設(shè)計(jì)
2007-01-15 16:15:00
普通24位顯示適配器可產(chǎn)生約1670萬(wàn)種顏色,雖然數(shù)字很大,但RGB的色彩范圍要遠(yuǎn)遠(yuǎn)小于可見(jiàn)光譜的范圍。由于CMYK與RGB分別是減色原理和加色原理,因此輸出的圖像與在顯示器上看到的色彩相比要暗一些。Lab色彩模式以明度、純度和色相對(duì)色彩進(jìn)行表述,因此其在進(jìn)行圖像處理或在不同平臺(tái)和系統(tǒng)間交換時(shí),都不會(huì)產(chǎn)生色偏或失真的情況。
人由亮處進(jìn)入暗環(huán)境后,最初大約15分鐘可以基本適應(yīng),達(dá)到完全的暗適應(yīng)大約需要40分鐘。
從生理角度講,眼睛最能適應(yīng)的光是中等明度的全色光,即中間灰色,當(dāng)外界光并非中間灰色時(shí),視覺(jué)會(huì)自動(dòng)調(diào)整這種不平衡現(xiàn)象,因而會(huì)出現(xiàn)視覺(jué)殘像。為了降低視覺(jué)殘像的影響,應(yīng)避免使用高純度的單一色彩,或是在純色中加入一定量的灰。明度高的色彩在視網(wǎng)膜上形成的物象邊緣會(huì)有一圈光包圍著,視覺(jué)感受好像物象擴(kuò)大了一些。
不同色光在視網(wǎng)膜上所成影像位置有前差異,因此產(chǎn)生色彩的進(jìn)退感。日光中波長(zhǎng)較長(zhǎng)的色光如紅橙黃成像在視網(wǎng)膜的較前部位,因而產(chǎn)生色彩靠近的感覺(jué);而波長(zhǎng)較短的色光如綠藍(lán)紫成像在視網(wǎng)膜的靠后部位,因而產(chǎn)生色彩后退的感覺(jué)。
中國(guó)傳統(tǒng)年畫(huà)和西方教學(xué)的彩色玻璃藝術(shù)大量使用色相對(duì)比手法。色相的差別是由可見(jiàn)光波的波長(zhǎng)差異造成的,查在色相對(duì)比中不能完全依據(jù)波長(zhǎng)的差別來(lái)確定色相的對(duì)比程度,紅色光與紫色光的波長(zhǎng)差異雖然很大,但都處于可見(jiàn)光的兩極,都接近不可見(jiàn)光的波長(zhǎng),因而從視覺(jué)感受上兩者的色相是相近的。
明度是色彩三要素中具有相對(duì)獨(dú)立性的一個(gè)要素,它可以擺脫任何有彩色的特征而獨(dú)立存在。色相和純度都必須依賴(lài)明度而存在。
色彩形狀的認(rèn)識(shí)程度主要取決于形的色彩與周?chē)实年P(guān)系,特別是它們之間明度對(duì)比的關(guān)系,色相對(duì)比也可以造成對(duì)形的識(shí)別,但其作用遠(yuǎn)不如明度對(duì)比那么重要,例如,紅綠對(duì)比是最強(qiáng)的色相對(duì)比,但因明度差異較小,形的清晰度不高,淺綠與深綠配色,雖然屬于同類(lèi)色相,但明度差別大,因此形就具有較高的清晰度。
為了達(dá)到色彩和諧的目的,除改變色彩的三要素外,合理安排各種色彩所占的面積是調(diào)整色彩配合效果的有效手段。當(dāng)兩種色彩以相等的面積出現(xiàn)時(shí),色彩的沖突達(dá)到最高峰,對(duì)比效果最為突出,如將一方面積減小力量削弱,整體色彩對(duì)比效果也就相應(yīng)減弱。
色彩的力量取決于色彩的明度和面積,明度比例如下:黃:橙:紅:紫:藍(lán):綠=9:8:6:3:4:6
由上述比例可推導(dǎo)出各對(duì)補(bǔ)色的明度比例關(guān)系,并進(jìn)一步確定各補(bǔ)色之間達(dá)到色彩力量平衡的面積比例關(guān)系:黃:紫=1:3 橙:藍(lán)=1:2 紅:綠=1:1
色彩面積比例關(guān)系依據(jù)的原理是人視覺(jué)生理需求的色量平衡,即調(diào)和出視覺(jué)樂(lè)于接受的中性灰色所需要的色量比例。該平衡理論可以通過(guò)色盤(pán)的旋轉(zhuǎn)混合的方法得以驗(yàn)證。
從上面的理論看,紅綠配色面積比1:1時(shí)為和諧,但實(shí)際應(yīng)用中紅綠面積相等時(shí)會(huì)給人以刺激強(qiáng)烈的感受,并不能真正體現(xiàn)出色彩的調(diào)和統(tǒng)一,這是由于色彩的純度在配色中起到相當(dāng)重要的作用,紅色的純度大約為綠色的兩倍,因此在配色時(shí)紅的面積應(yīng)縮小至綠
色面積的二分之一,這樣才能獲得調(diào)和的色彩效果。
色彩的秩序調(diào)和主要依靠色立體來(lái)實(shí)現(xiàn),孟賽爾色立體和奧斯特瓦德色立體都是可應(yīng)用的色彩模型。在色立體中做規(guī)則幾何線(xiàn)形,線(xiàn)形所經(jīng)過(guò)的色彩就會(huì)形成有序的排列。
色彩的輕重感主要取決于色彩的明度,明度高的色感覺(jué)輕,明度低的色感覺(jué)重,在相等明度條件下,冷色一般比暖色感覺(jué)略輕。色彩構(gòu)圖中上輕下重符合人的視覺(jué)習(xí)慣,輕色通常用于上部,重色用于下部,如果界面上部為重色時(shí),在下部的邊緣部位應(yīng)呼應(yīng)一塊重色范圍,可以達(dá)到平衡構(gòu)圖的目的。
近期更新
- [2023-06-25 23:22:29] 優(yōu)秀網(wǎng)站設(shè)計(jì)的五大特點(diǎn)
- [2023-04-27 14:05:55] Html 5 響應(yīng)式網(wǎng)站設(shè)計(jì)制作
- [2023-04-10 11:07:30] 網(wǎng)站建設(shè)制作流程知多少
- [2022-10-14 10:11:30] 做網(wǎng)站設(shè)計(jì)應(yīng)該更看重框架搭建還是視覺(jué)觀感?
- [2022-08-09 15:57:48] 以“產(chǎn)品”思維搭建網(wǎng)站!
- [2022-08-08 09:12:57] 一家公司的網(wǎng)站應(yīng)該有哪些板塊內(nèi)容?
- [2022-08-05 09:28:06] 企業(yè)網(wǎng)站建設(shè)為什么要設(shè)置新聞板塊?
- [2022-07-04 15:58:06] 網(wǎng)站首頁(yè)設(shè)計(jì)的好看,這個(gè)網(wǎng)站就成功了一大半!
- [2022-05-20 09:34:19] 網(wǎng)站后臺(tái)管理系統(tǒng)是什么?有什么作用?
- [2022-05-17 11:29:32] 作為消費(fèi)者,應(yīng)該如何選擇一家水平高的網(wǎng)站建設(shè)公司
- [2022-05-17 11:27:01] 高端網(wǎng)站定制與模板化網(wǎng)站應(yīng)該怎么選擇?
- [2022-04-22 16:00:41] 現(xiàn)在高端的網(wǎng)站設(shè)計(jì)都有哪些新的趨勢(shì)?
延伸閱讀
- [2007-01-15 16:17:00] 網(wǎng)頁(yè)界面設(shè)計(jì)教程六:版式的構(gòu)成與設(shè)計(jì)
- [2007-01-15 16:12:00] 網(wǎng)頁(yè)界面設(shè)計(jì)教程二:與視覺(jué)傳達(dá)的設(shè)計(jì)
- [2010-03-14 21:27:00] 深色調(diào)網(wǎng)頁(yè)界面設(shè)計(jì)注意事項(xiàng)
- [2019-04-08 15:12:39] 視覺(jué)感知在互動(dòng)動(dòng)畫(huà)的過(guò)程中起到關(guān)鍵作用
- [2007-01-15 16:13:00] 網(wǎng)頁(yè)界面設(shè)計(jì)教程三:圖形圖象設(shè)計(jì)
- [2010-09-11 08:57:00] 淺析網(wǎng)頁(yè)界面設(shè)計(jì)-首頁(yè)
- [2007-01-15 16:16:00] 網(wǎng)頁(yè)界面設(shè)計(jì)教程五:文字的編排設(shè)計(jì)
- [2007-01-15 16:11:00] 網(wǎng)頁(yè)界面設(shè)計(jì)教程一:基礎(chǔ)理論
- [2007-01-15 16:18:00] 網(wǎng)頁(yè)界面設(shè)計(jì)教程七:動(dòng)畫(huà)設(shè)計(jì)
解決方案
輪胎行業(yè)網(wǎng)站設(shè)計(jì)解決方案 機(jī)械行業(yè)網(wǎng)站設(shè)計(jì)解決方案 房地產(chǎn)行業(yè)網(wǎng)站設(shè)計(jì)解決方案 科技企業(yè)網(wǎng)站設(shè)計(jì)解決方案 電子家電網(wǎng)站設(shè)計(jì)解決方案 食品行業(yè)網(wǎng)站設(shè)計(jì)解決方案 集團(tuán)公司網(wǎng)站設(shè)計(jì)解決方案 企事業(yè)單位網(wǎng)站設(shè)計(jì)解決方案 外貿(mào)行業(yè)網(wǎng)站設(shè)計(jì)解決方案 健身運(yùn)動(dòng)網(wǎng)站設(shè)計(jì)解決方案 美容與化妝品網(wǎng)站設(shè)計(jì)解決方案 建筑設(shè)計(jì)行業(yè)網(wǎng)站設(shè)計(jì)解決方案 物流行業(yè)網(wǎng)站設(shè)計(jì)解決方案
TAGS關(guān)鍵字
css 審美 微信開(kāi)發(fā) 青島高端網(wǎng)站設(shè)計(jì)公司哪家好 英文網(wǎng)站建設(shè) H5定制設(shè)計(jì) 平面設(shè)計(jì) 插畫(huà) 力圖數(shù)字科技 網(wǎng)站建設(shè)的步驟有哪些 蘋(píng)果系統(tǒng) 青島網(wǎng)站營(yíng)銷(xiāo) 手機(jī)網(wǎng)站 外貿(mào)網(wǎng)站建設(shè) 網(wǎng)站開(kāi)發(fā) html和css 舒適的界面 微信營(yíng)銷(xiāo)的優(yōu)勢(shì) 青島網(wǎng)絡(luò)公司 色彩心理學(xué) 網(wǎng)站視覺(jué) php程序 青島開(kāi)發(fā)區(qū)建站公司 扁平化設(shè)計(jì) 視覺(jué)靈感 交互設(shè)計(jì) 青島網(wǎng)站建設(shè)公司哪家好 集團(tuán)公司網(wǎng)站建設(shè) SEO IT資訊