色彩理論讓你的網站更加出彩
標簽：
網頁設計
2016.10.22
dangnikaishichuangjianwangzhanshi，mianlindeyidawentijiushishejishiyinggaixuanzenaxieyanse。yigewangzhandeyanseshifangwenzheshouxianzhuyidaodeyuansuzhiyi，yincizheyihuanjiezaizhenggewangzhanshejiliuchengzhongfeichangzhongyao。
有(you)的(de)人(ren)甚(shen)至(zhi)不(bu)能(neng)正(zheng)確(que)搭(da)配(pei)衣(yi)服(fu)，那(na)應(ying)該(gai)如(ru)何(he)為(wei)一(yi)個(ge)專(zhuan)業(ye)的(de)網(wang)站(zhan)選(xuan)擇(ze)合(he)適(shi)的(de)顏(yan)色(se)搭(da)配(pei)呢(ne)？這(zhe)時(shi)候(hou)就(jiu)要(yao)用(yong)到(dao)色(se)彩(cai)理(li)論(lun)了(le)。色(se)彩(cai)理(li)論(lun)是(shi)藝(yi)術(shu)與(yu)設(she)計(ji)領(ling)域(yu)的(de)重(zhong)要(yao)概(gai)念(nian)，以(yi)光(guang)學(xue)為(wei)基(ji)礎(chu)。廣(guang)泛(fan)地(di)說(shuo)，色(se)彩(cai)理(li)論(lun)對(dui)藝(yi)術(shu)家(jia)而(er)言(yan)是(shi)創(chuang)造(zao)成(cheng)功(gong)配(pei)色(se)的(de)工(gong)具(ju)。專(zhuan)業(ye)的(de)網(wang)站(zhan)設(she)計(ji)者(zhe)同(tong)樣(yang)看(kan)重(zhong)色(se)彩(cai)理(li)論(lun)。下(xia)麵(mian)是(shi)你(ni)需(xu)要(yao)知(zhi)道(dao)的(de)一(yi)些(xie)東(dong)西(xi)：
初學者的顏色理論
色輪是基於顏色之間的關係而成的一個展示圖片。輪子的基礎是三原色——紅黃藍。它們之間是被稱為二次色的綠橙紫。
基礎色輪有12種顏色，多出來六個三次色，形成了主色和次色的混合——黃綠、藍綠、藍紫、紫紅、橙紅、橙黃。常見的還有24色相色輪，色彩分類更詳細。
暖色vs冷色
色輪可以分為兩大類：黃色、橙色、紅色（包括大部分棕色調）附近的是暖色，對麵的藍色、綠色和紫色（包括大部分灰色調）附近的是冷色。
選(xuan)擇(ze)暖(nuan)色(se)或(huo)者(zhe)冷(leng)色(se)並(bing)沒(mei)有(you)什(shen)麼(me)對(dui)錯(cuo)之(zhi)分(fen)。選(xuan)擇(ze)哪(na)一(yi)個(ge)取(qu)決(jue)於(yu)你(ni)想(xiang)要(yao)達(da)成(cheng)什(shen)麼(me)樣(yang)的(de)效(xiao)果(guo)。暖(nuan)色(se)一(yi)般(ban)被(bei)認(ren)為(wei)有(you)刺(ci)激(ji)性(xing)，傳(chuan)達(da)出(chu)行(xing)動(dong)和(he)活(huo)力(li)。冷(leng)色(se)則(ze)被(bei)認(ren)為(wei)是(shi)平(ping)靜(jing)的(de)，有(you)舒(shu)緩(huan)鎮(zhen)定(ding)的(de)效(xiao)果(guo)。
daodixuanzelengsehaishinuanse，qujueyunidepinpaibiaoshihewangzhanxiangyaodazaodefenwei。dangran，lengsenuansexiangjieheyeshiyizhongxuanze，zhezhongqingkuangxiayoujigexuanxianggongnishiyong。
巧妙配色
成功的配色都遵循一定的配色方案，其中大多數都基於色輪上顏色的位置。比如：
互補方案：zhegefanganshiyongdeyanseganghaoshizaiselunshangxiangduide，biruhonghelv，huanghezi。shiyongduibisenengrangshejigengyouhuopogan。zaijiaruyigezhonghese，jiugengjiawanzhengle。zhonghesezaibiaozhunselunshangshikanbudaode，birumise、淺棕色、淺灰色、黑色和白色等。
近似色方案：這個方案使用的三種顏色在色輪中的位置是相鄰的，比如橙色、橙黃色和黃色，或者紫色、藍紫色和藍色。任何三種在色輪上相鄰的顏色搭配起來都很和諧，因為有一定的相似。
三角對立方案：準備好使用幾何知識了嗎？本方案使用的三種顏色能在色輪上形成完美的等邊三角形。比如黃綠、橙紅、藍紫，橙黃、紫紅、藍綠。這種配色一般很有活力，為了形成某種平衡，要確認三種顏色中的一種為主色。
補色分割方案：先選定一個顏色，再選定它的互補色旁邊的兩個顏色（形成一個等腰三角形）。比如紅、黃綠、藍綠，或者紫、橙黃、黃綠。按照這個方法出來的配色的對比度相比於常規的互補方案略微柔和一些。
四色方案：使用兩對互補色，色輪上形成一個矩形。比如，你可以選擇橙黃、黃綠、藍紫、紫紅。為了不讓網站看起來配色混亂，最好先選定一個基礎色調，然後再使用其他顏色微調。
單色方案：gumingsiyi，zhezhongfanganzhishiyongyizhongyansedebutongsetiao。nikeyishiyongzuilianghezuiandesetiao，yekeyizhishiyongliangsehuoanseyibiandesetiao。zhezhongfangannenggeirenyiqingshuanghejianjiedeshijiaotiyan。
消色方案：經典的黑白配，可以再加上灰色（但不是作為主色）。
網站使用的顏色——實施理論
上麵我們討論了不同的配色方案和可能的效果，下麵我們來看看在實際應用中這些配色方案的效果吧。
除了影響網站的外觀與風格外，顏色還在網站性能方麵發揮著重要作用。換句話說，你為網站所選擇的顏色實際上會影響到瀏覽時間、再次訪問用戶、點擊量、銷售等其他方方麵麵。在網絡上，顏色不僅僅是用來看的，因此在建設網站時一定要考慮這一點。
有(you)的(de)人(ren)甚(shen)至(zhi)不(bu)能(neng)正(zheng)確(que)搭(da)配(pei)衣(yi)服(fu)，那(na)應(ying)該(gai)如(ru)何(he)為(wei)一(yi)個(ge)專(zhuan)業(ye)的(de)網(wang)站(zhan)選(xuan)擇(ze)合(he)適(shi)的(de)顏(yan)色(se)搭(da)配(pei)呢(ne)？這(zhe)時(shi)候(hou)就(jiu)要(yao)用(yong)到(dao)色(se)彩(cai)理(li)論(lun)了(le)。色(se)彩(cai)理(li)論(lun)是(shi)藝(yi)術(shu)與(yu)設(she)計(ji)領(ling)域(yu)的(de)重(zhong)要(yao)概(gai)念(nian)，以(yi)光(guang)學(xue)為(wei)基(ji)礎(chu)。廣(guang)泛(fan)地(di)說(shuo)，色(se)彩(cai)理(li)論(lun)對(dui)藝(yi)術(shu)家(jia)而(er)言(yan)是(shi)創(chuang)造(zao)成(cheng)功(gong)配(pei)色(se)的(de)工(gong)具(ju)。專(zhuan)業(ye)的(de)網(wang)站(zhan)設(she)計(ji)者(zhe)同(tong)樣(yang)看(kan)重(zhong)色(se)彩(cai)理(li)論(lun)。下(xia)麵(mian)是(shi)你(ni)需(xu)要(yao)知(zhi)道(dao)的(de)一(yi)些(xie)東(dong)西(xi)：
初學者的顏色理論
色彩理論的核心是色輪。你以前可能也見過色輪，像下圖這樣：
色輪是基於顏色之間的關係而成的一個展示圖片。輪子的基礎是三原色——紅黃藍。它們之間是被稱為二次色的綠橙紫。
基礎色輪有12種顏色，多出來六個三次色，形成了主色和次色的混合——黃綠、藍綠、藍紫、紫紅、橙紅、橙黃。常見的還有24色相色輪，色彩分類更詳細。
暖色vs冷色
色輪可以分為兩大類：黃色、橙色、紅色（包括大部分棕色調）附近的是暖色，對麵的藍色、綠色和紫色（包括大部分灰色調）附近的是冷色。
選(xuan)擇(ze)暖(nuan)色(se)或(huo)者(zhe)冷(leng)色(se)並(bing)沒(mei)有(you)什(shen)麼(me)對(dui)錯(cuo)之(zhi)分(fen)。選(xuan)擇(ze)哪(na)一(yi)個(ge)取(qu)決(jue)於(yu)你(ni)想(xiang)要(yao)達(da)成(cheng)什(shen)麼(me)樣(yang)的(de)效(xiao)果(guo)。暖(nuan)色(se)一(yi)般(ban)被(bei)認(ren)為(wei)有(you)刺(ci)激(ji)性(xing)，傳(chuan)達(da)出(chu)行(xing)動(dong)和(he)活(huo)力(li)。冷(leng)色(se)則(ze)被(bei)認(ren)為(wei)是(shi)平(ping)靜(jing)的(de)，有(you)舒(shu)緩(huan)鎮(zhen)定(ding)的(de)效(xiao)果(guo)。
daodixuanzelengsehaishinuanse，qujueyunidepinpaibiaoshihewangzhanxiangyaodazaodefenwei。dangran，lengsenuansexiangjieheyeshiyizhongxuanze，zhezhongqingkuangxiayoujigexuanxianggongnishiyong。
巧妙配色
成功的配色都遵循一定的配色方案，其中大多數都基於色輪上顏色的位置。比如：
互補方案：zhegefanganshiyongdeyanseganghaoshizaiselunshangxiangduide，biruhonghelv，huanghezi。shiyongduibisenengrangshejigengyouhuopogan。zaijiaruyigezhonghese，jiugengjiawanzhengle。zhonghesezaibiaozhunselunshangshikanbudaode，birumise、淺棕色、淺灰色、黑色和白色等。
近似色方案：這個方案使用的三種顏色在色輪中的位置是相鄰的，比如橙色、橙黃色和黃色，或者紫色、藍紫色和藍色。任何三種在色輪上相鄰的顏色搭配起來都很和諧，因為有一定的相似。
三角對立方案：準備好使用幾何知識了嗎？本方案使用的三種顏色能在色輪上形成完美的等邊三角形。比如黃綠、橙紅、藍紫，橙黃、紫紅、藍綠。這種配色一般很有活力，為了形成某種平衡，要確認三種顏色中的一種為主色。
補色分割方案：先選定一個顏色，再選定它的互補色旁邊的兩個顏色（形成一個等腰三角形）。比如紅、黃綠、藍綠，或者紫、橙黃、黃綠。按照這個方法出來的配色的對比度相比於常規的互補方案略微柔和一些。
四色方案：使用兩對互補色，色輪上形成一個矩形。比如，你可以選擇橙黃、黃綠、藍紫、紫紅。為了不讓網站看起來配色混亂，最好先選定一個基礎色調，然後再使用其他顏色微調。
單色方案：gumingsiyi，zhezhongfanganzhishiyongyizhongyansedebutongsetiao。nikeyishiyongzuilianghezuiandesetiao，yekeyizhishiyongliangsehuoanseyibiandesetiao。zhezhongfangannenggeirenyiqingshuanghejianjiedeshijiaotiyan。
消色方案：經典的黑白配，可以再加上灰色（但不是作為主色）。
網站使用的顏色——實施理論
上麵我們討論了不同的配色方案和可能的效果，下麵我們來看看在實際應用中這些配色方案的效果吧。
Brown Owl Creative，互補方案，明亮活潑
By-Ghost，黑白優雅
Realtipix，單色方案
Tati e Rodrigo，近似色方案\
三角對立方案，調色板效果
