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