阿里裝修托管
微信人工客服 |
深圳做網(wǎng)站網(wǎng)頁(yè)規(guī)劃色彩運(yùn)用技巧
發(fā)布日期：2019-06-14 關(guān)鍵詞:深圳做網(wǎng)站網(wǎng)頁(yè)規(guī)劃色彩運(yùn)用技巧 已有 3424 人瀏覽
用戶(hù)界面的構(gòu)建過(guò)程中，最為耗時(shí)的工作是色彩的挑選。真正可以和整個(gè)規(guī)劃項(xiàng)目貼合、可以掩蓋整個(gè)規(guī)劃中所有元素需求的配色，需求在規(guī)劃中不斷的調(diào)整和驗(yàn)證。一套強(qiáng)大而有效的配色計(jì)劃，可能需求好幾個(gè)小時(shí)來(lái)回的打磨。
所以，今日的文章，深圳做網(wǎng)站總結(jié)了6個(gè)要害的配色技巧，協(xié)助規(guī)劃師在進(jìn)行網(wǎng)頁(yè)規(guī)劃的時(shí)分，挑選合適的色彩，使得配色的過(guò)程更加輕松高效。
技巧1、把握60-30-10準(zhǔn)則
60-30-10準(zhǔn)則最早是源自于室內(nèi)規(guī)劃領(lǐng)域，室內(nèi)規(guī)劃師借助這一準(zhǔn)則，創(chuàng)造出和諧的室內(nèi)規(guī)劃配色。這一準(zhǔn)則很簡(jiǎn)單理解，為了到達(dá)平衡的配色，幾種色彩遵循這60%—30%—10%這樣的色彩配比。其間占有60% 的是主色，而30%則是次住色，而占有10%的色彩應(yīng)當(dāng)為提亮色。
這一的配色比例被認(rèn)為是較為令人愉悅的，在視覺(jué)感知上，它提供了一個(gè)較為讓人舒適的色彩層次，這樣的控制讓整個(gè)網(wǎng)頁(yè)的色彩以一種可控的比例呈現(xiàn)出來(lái)，而不是將整個(gè)規(guī)劃弄得一團(tuán)糟。
技巧2、比照是你最好的朋友
色彩的比照幾乎是任何視覺(jué)構(gòu)圖的要害部分。比照度創(chuàng)造了UI元素的差異，也賦予它們以性格。值得注意的是，UI當(dāng)中來(lái)自同一色系的色彩往往不會(huì)呈現(xiàn)出顯著的比照度，而可辨認(rèn)度較低的文本更是界面信息傳達(dá)和交互的妨礙。
規(guī)劃師需求根據(jù)規(guī)劃方針，來(lái)合理地控制整個(gè)產(chǎn)品的比照度高低。舉個(gè)比方，假如你需求讓用戶(hù)注意到特定的元素，那么最好運(yùn)用高比照度的色彩來(lái)到達(dá)引人矚目的視覺(jué)體會(huì)，比方運(yùn)用高比照度的赤色和藍(lán)色。CTA按鈕常常便是運(yùn)用這樣的色彩。
可是，將UI視作為整體的話(huà)，高比照度的色彩可能并總能奏效。文本內(nèi)容和布景的比照需求控制在一個(gè)合理的度上面，不然就會(huì)因?yàn)楸日者^(guò)大產(chǎn)生「暈影」的視覺(jué)效果，這會(huì)影響長(zhǎng)時(shí)間閱覽的閱覽體會(huì)。這便是為什么會(huì)建議規(guī)劃師選用溫和的比照度控制，而且只在特定的元素上運(yùn)用高比照度。經(jīng)過(guò)在不同的設(shè)備上測(cè)驗(yàn)，可以讓規(guī)劃師保持配色的可用性和泛用性。
技巧3、參考色彩心理學(xué)
正好像咱們?cè)谇拔闹兴f(shuō)到的，很多咱們所熟知的規(guī)劃工作流程都是根據(jù)心理學(xué)原理展開(kāi)的。色彩心理學(xué)是和規(guī)劃息息相關(guān)的一個(gè)心理學(xué)分支，它首要研討色彩關(guān)于人類(lèi)心情和行為上的影響。咱們大腦關(guān)于色彩的反響其實(shí)是相當(dāng)靈敏和多樣的，可是在日常日子中咱們很難直觀地、迅速地感觸到。當(dāng)人的眼睛感知到一種色彩的時(shí)分，會(huì)向大腦內(nèi)的分泌系統(tǒng)發(fā)出信號(hào)，而且開(kāi)釋影響產(chǎn)生對(duì)應(yīng)心情的激素。
每種色彩關(guān)于咱們的感知和思想都有共同的影響力，了解這些可能的反響最終可以協(xié)助規(guī)劃師正確地傳遞信息，而且引導(dǎo)用戶(hù)依照規(guī)劃師的預(yù)期來(lái)執(zhí)行。下面是一些色彩的根本的特征和意義：
赤色，象征愛(ài)情，自信，激情和憤恨，它是充滿(mǎn)活力和溫暖的色彩，給人帶來(lái)興奮的感覺(jué)。
黃色，能傳遞出美好，陽(yáng)光，高興和溫暖的心情。
綠色，則常常能給人天然、清新、富有生命力的感覺(jué)。
藍(lán)色，是目前最受歡迎的色彩之一，企業(yè)常常會(huì)運(yùn)用藍(lán)色來(lái)傳遞自信和讓人信賴(lài)的感覺(jué)。
紫色，和皇室、財(cái)富相關(guān)親近，這也是代表神秘和茉莉的色彩。
黑色，雖然和逝世、悲慘劇有關(guān)，可是也能營(yíng)建沉穩(wěn)大氣的高級(jí)感。
白色，代表純真無(wú)暇，傳達(dá)出高雅，純粹和明晰的感覺(jué)。
技巧4、不要忘了文明差異
正好像前文所說(shuō)的，文明布景關(guān)于色彩有著深刻的影響。不同的文明有著不同的傳統(tǒng)文明和信仰特征，甚至同一種色彩在不同的國(guó)家有著截然不同的解讀方法。白色在歐美國(guó)家常常象征著純真和高貴，可是在亞洲地區(qū)，兇事也常常被稱(chēng)為“白事”，代表著逝世和哀痛。在中國(guó)，色彩飽和度高的正色是傳承了幾千年的視覺(jué)文明元素，可是在日本，卻以間色和低飽和度的色彩為美。
只有在專(zhuān)業(yè)的色彩知識(shí)架構(gòu)下，深化了解受眾當(dāng)?shù)氐奈拿魈卣鳎鸥筛玫慕档捅徽`解的危險(xiǎn)，創(chuàng)造出優(yōu)異的規(guī)劃。
技巧5、盡力讓色彩和諧起來(lái)
和諧的UI規(guī)劃是規(guī)劃師的方針之一，而這意味著配色一定要和諧而令人感到舒適。經(jīng)過(guò)色彩來(lái)營(yíng)建富有吸引力的和諧規(guī)劃，可以讓用戶(hù)明晰明晰地感知到UI中的內(nèi)容，同時(shí)留下杰出的第一印象。
隨著多年的探索，在配色計(jì)劃上前人總結(jié)了一些根本的配色方法：
單色配色。單色配色并不是說(shuō)只有一種色彩，而是根據(jù)同一色系來(lái)進(jìn)行配色，不同明暗、飽和度的色彩組合到一同，構(gòu)成配色計(jì)劃。
類(lèi)似色。在色輪上互相挨近的色彩構(gòu)成的配色計(jì)劃。
比照色。色輪上互相處于相對(duì)位置的色彩可以構(gòu)成明顯的比照，這些比照色可以構(gòu)成高比照度的配色計(jì)劃。
拆分互補(bǔ)色。拆分互補(bǔ)色的配色原理和互補(bǔ)色類(lèi)似，可是不同的當(dāng)?shù)卦谟冢@樣的配色當(dāng)中會(huì)選用更多的色彩，當(dāng)你挑選藍(lán)色之后，與之搭配的不是對(duì)位上的橙色，而是橙色兩邊的黃色和赤色。
三元色。它是在色輪上挑選互為120度角的三個(gè)色彩類(lèi)進(jìn)行配色。建議運(yùn)用其間的一種色彩為主導(dǎo)，別的兩種色彩用來(lái)提亮。
雙互補(bǔ)色。選用兩對(duì)互補(bǔ)色來(lái)作為首要的配色計(jì)劃。
技巧6、從天然獲取配色
大天然是世界上最好的藝術(shù)家和規(guī)劃師，咱們?cè)谔烊画h(huán)境中看到的色彩組合大多都非常的和諧，甚至可以說(shuō)挨近完美。人們所喜愛(ài)的日落和黎明，喜愛(ài)秋日的落葉和冬天的山野，因?yàn)檫@些色彩組合有著共同的美感。那么你為何不企圖從這些天然風(fēng)景中獲取配色呢？
所以，今日的文章，深圳做網(wǎng)站總結(jié)了6個(gè)要害的配色技巧，協(xié)助規(guī)劃師在進(jìn)行網(wǎng)頁(yè)規(guī)劃的時(shí)分，挑選合適的色彩，使得配色的過(guò)程更加輕松高效。
技巧1、把握60-30-10準(zhǔn)則
60-30-10準(zhǔn)則最早是源自于室內(nèi)規(guī)劃領(lǐng)域，室內(nèi)規(guī)劃師借助這一準(zhǔn)則，創(chuàng)造出和諧的室內(nèi)規(guī)劃配色。這一準(zhǔn)則很簡(jiǎn)單理解，為了到達(dá)平衡的配色，幾種色彩遵循這60%—30%—10%這樣的色彩配比。其間占有60% 的是主色，而30%則是次住色，而占有10%的色彩應(yīng)當(dāng)為提亮色。
這一的配色比例被認(rèn)為是較為令人愉悅的，在視覺(jué)感知上，它提供了一個(gè)較為讓人舒適的色彩層次，這樣的控制讓整個(gè)網(wǎng)頁(yè)的色彩以一種可控的比例呈現(xiàn)出來(lái)，而不是將整個(gè)規(guī)劃弄得一團(tuán)糟。
技巧2、比照是你最好的朋友
色彩的比照幾乎是任何視覺(jué)構(gòu)圖的要害部分。比照度創(chuàng)造了UI元素的差異，也賦予它們以性格。值得注意的是，UI當(dāng)中來(lái)自同一色系的色彩往往不會(huì)呈現(xiàn)出顯著的比照度，而可辨認(rèn)度較低的文本更是界面信息傳達(dá)和交互的妨礙。
規(guī)劃師需求根據(jù)規(guī)劃方針，來(lái)合理地控制整個(gè)產(chǎn)品的比照度高低。舉個(gè)比方，假如你需求讓用戶(hù)注意到特定的元素，那么最好運(yùn)用高比照度的色彩來(lái)到達(dá)引人矚目的視覺(jué)體會(huì)，比方運(yùn)用高比照度的赤色和藍(lán)色。CTA按鈕常常便是運(yùn)用這樣的色彩。
可是，將UI視作為整體的話(huà)，高比照度的色彩可能并總能奏效。文本內(nèi)容和布景的比照需求控制在一個(gè)合理的度上面，不然就會(huì)因?yàn)楸日者^(guò)大產(chǎn)生「暈影」的視覺(jué)效果，這會(huì)影響長(zhǎng)時(shí)間閱覽的閱覽體會(huì)。這便是為什么會(huì)建議規(guī)劃師選用溫和的比照度控制，而且只在特定的元素上運(yùn)用高比照度。經(jīng)過(guò)在不同的設(shè)備上測(cè)驗(yàn)，可以讓規(guī)劃師保持配色的可用性和泛用性。
技巧3、參考色彩心理學(xué)
正好像咱們?cè)谇拔闹兴f(shuō)到的，很多咱們所熟知的規(guī)劃工作流程都是根據(jù)心理學(xué)原理展開(kāi)的。色彩心理學(xué)是和規(guī)劃息息相關(guān)的一個(gè)心理學(xué)分支，它首要研討色彩關(guān)于人類(lèi)心情和行為上的影響。咱們大腦關(guān)于色彩的反響其實(shí)是相當(dāng)靈敏和多樣的，可是在日常日子中咱們很難直觀地、迅速地感觸到。當(dāng)人的眼睛感知到一種色彩的時(shí)分，會(huì)向大腦內(nèi)的分泌系統(tǒng)發(fā)出信號(hào)，而且開(kāi)釋影響產(chǎn)生對(duì)應(yīng)心情的激素。
每種色彩關(guān)于咱們的感知和思想都有共同的影響力，了解這些可能的反響最終可以協(xié)助規(guī)劃師正確地傳遞信息，而且引導(dǎo)用戶(hù)依照規(guī)劃師的預(yù)期來(lái)執(zhí)行。下面是一些色彩的根本的特征和意義：
赤色，象征愛(ài)情，自信，激情和憤恨，它是充滿(mǎn)活力和溫暖的色彩，給人帶來(lái)興奮的感覺(jué)。
黃色，能傳遞出美好，陽(yáng)光，高興和溫暖的心情。
綠色，則常常能給人天然、清新、富有生命力的感覺(jué)。
藍(lán)色，是目前最受歡迎的色彩之一，企業(yè)常常會(huì)運(yùn)用藍(lán)色來(lái)傳遞自信和讓人信賴(lài)的感覺(jué)。
紫色，和皇室、財(cái)富相關(guān)親近，這也是代表神秘和茉莉的色彩。
黑色，雖然和逝世、悲慘劇有關(guān)，可是也能營(yíng)建沉穩(wěn)大氣的高級(jí)感。
白色，代表純真無(wú)暇，傳達(dá)出高雅，純粹和明晰的感覺(jué)。
除此之外，規(guī)劃師還需求理解一個(gè)工作，便是人和人的視覺(jué)感觸通常是不同的，關(guān)于色彩的認(rèn)知還受到文明布景的影響，性別的要素關(guān)于色彩偏好的影響也不小。因此，了解方針用戶(hù)的特征是很有必要的。
技巧4、不要忘了文明差異
正好像前文所說(shuō)的，文明布景關(guān)于色彩有著深刻的影響。不同的文明有著不同的傳統(tǒng)文明和信仰特征，甚至同一種色彩在不同的國(guó)家有著截然不同的解讀方法。白色在歐美國(guó)家常常象征著純真和高貴，可是在亞洲地區(qū)，兇事也常常被稱(chēng)為“白事”，代表著逝世和哀痛。在中國(guó)，色彩飽和度高的正色是傳承了幾千年的視覺(jué)文明元素，可是在日本，卻以間色和低飽和度的色彩為美。
只有在專(zhuān)業(yè)的色彩知識(shí)架構(gòu)下，深化了解受眾當(dāng)?shù)氐奈拿魈卣鳎鸥筛玫慕档捅徽`解的危險(xiǎn)，創(chuàng)造出優(yōu)異的規(guī)劃。
技巧5、盡力讓色彩和諧起來(lái)
和諧的UI規(guī)劃是規(guī)劃師的方針之一，而這意味著配色一定要和諧而令人感到舒適。經(jīng)過(guò)色彩來(lái)營(yíng)建富有吸引力的和諧規(guī)劃，可以讓用戶(hù)明晰明晰地感知到UI中的內(nèi)容，同時(shí)留下杰出的第一印象。
隨著多年的探索，在配色計(jì)劃上前人總結(jié)了一些根本的配色方法：
單色配色。單色配色并不是說(shuō)只有一種色彩，而是根據(jù)同一色系來(lái)進(jìn)行配色，不同明暗、飽和度的色彩組合到一同，構(gòu)成配色計(jì)劃。
類(lèi)似色。在色輪上互相挨近的色彩構(gòu)成的配色計(jì)劃。
比照色。色輪上互相處于相對(duì)位置的色彩可以構(gòu)成明顯的比照，這些比照色可以構(gòu)成高比照度的配色計(jì)劃。
拆分互補(bǔ)色。拆分互補(bǔ)色的配色原理和互補(bǔ)色類(lèi)似，可是不同的當(dāng)?shù)卦谟冢@樣的配色當(dāng)中會(huì)選用更多的色彩，當(dāng)你挑選藍(lán)色之后，與之搭配的不是對(duì)位上的橙色，而是橙色兩邊的黃色和赤色。
三元色。它是在色輪上挑選互為120度角的三個(gè)色彩類(lèi)進(jìn)行配色。建議運(yùn)用其間的一種色彩為主導(dǎo)，別的兩種色彩用來(lái)提亮。
雙互補(bǔ)色。選用兩對(duì)互補(bǔ)色來(lái)作為首要的配色計(jì)劃。
技巧6、從天然獲取配色
大天然是世界上最好的藝術(shù)家和規(guī)劃師，咱們?cè)谔烊画h(huán)境中看到的色彩組合大多都非常的和諧，甚至可以說(shuō)挨近完美。人們所喜愛(ài)的日落和黎明，喜愛(ài)秋日的落葉和冬天的山野，因?yàn)檫@些色彩組合有著共同的美感。那么你為何不企圖從這些天然風(fēng)景中獲取配色呢？
深圳做網(wǎng)站擁有專(zhuān)業(yè)的團(tuán)隊(duì)，期待與你的合作，期待與你的合作，為你排憂(yōu)解難。專(zhuān)業(yè)的團(tuán)隊(duì)，值得信賴(lài)！
注：本文來(lái)自深一集團(tuán)原創(chuàng)或轉(zhuǎn)截 http://www.laohuxinshiji.cn/newslist_6917_2.html 如需轉(zhuǎn)載，請(qǐng)注明出處！
專(zhuān)注設(shè)計(jì)14年
深一云服務(wù)器
拒絕不當(dāng)利
500強(qiáng)企業(yè)網(wǎng)
10000家客戶(hù)案
83位技術(shù)團(tuán)隊(duì)
只做有排名
200人服務(wù)團(tuán)隊(duì)
