配色真的需要天賦嗎？有沒有技巧？
2022-08-04 分類： 網(wǎng)站建設(shè)
UI設(shè)計(jì)包含了太多的步驟過程，每一步都必須深思熟慮，考慮到所有的細(xì)節(jié)，這樣最終呈現(xiàn)的界面才能滿足目標(biāo)用戶的需求。
其中一個(gè)比較耗時(shí)間的就是配色，為了選擇正確的用色，設(shè)計(jì)師在這一過程上可能會花費(fèi)數(shù)幾個(gè)小時(shí)甚至更久。接下來我們就給大家分享6個(gè)有用的配色技巧，幫助設(shè)計(jì)師們更高效的完成配色設(shè)計(jì)。
1. 學(xué)會60-30-10法則
這個(gè)法則來自于室內(nèi)設(shè)計(jì)領(lǐng)域，而且也經(jīng)常用于家居裝飾上。原理很簡單，為了達(dá)到作品中的平衡，顏色比例通常在60%-30%-10%。主色占比大，30%的部分為輔色，其余10%為點(diǎn)綴色。
這樣的比例經(jīng)實(shí)驗(yàn)證明是符合人們閱讀習(xí)慣的，人的眼睛通?？吹降囊曈X元素是遞進(jìn)的。了解了正確的比例，設(shè)計(jì)師們能更好的搭配色彩，而不會讓UI界面陷入顏色雜多的混亂中。
Digital Agency 登陸頁
2. 和對比成為“好朋友”
顏色對比是視覺組成的重要部分，給每個(gè)UI元素帶來不同的個(gè)性，而只包含同色系的用戶界面很難引起用戶的注意力。
對比度的選擇取決于設(shè)計(jì)目標(biāo)。比如說，如果需要用戶看到那些特別的UI元素，那采用高對比度的顏色比如紅藍(lán)色，則是一個(gè)很好的選擇。高對比度通常用在CTA （Call to Action）按鈕設(shè)計(jì)中。
然而，作為UI整體的部分，高對比顏色則可能不太適合。如果內(nèi)容和背景色對比太大，則會造成很難閱讀。因此建議是，整體采用中對比度，在需要特殊強(qiáng)調(diào)的元素上再使用對比度高的顏色。同時(shí)在不同的設(shè)備終端測試顏色效果，可以提高配色方案的有效性。
Urban Sketcher 應(yīng)用程序
3. 靈活運(yùn)用色彩心理學(xué)
色彩心理學(xué)研究表明，大腦對每種顏色都會產(chǎn)生反應(yīng)，但是我們自己卻經(jīng)常忽略這一點(diǎn)。眼睛看到顏色，大腦就會發(fā)出信號，內(nèi)分泌系統(tǒng)產(chǎn)生激素，從而影響我們的情緒和反應(yīng)。
每種顏色對我們的大腦影響各不相同，設(shè)計(jì)師們了解這些知識，就能選擇正確的色彩來傳遞信息，引導(dǎo)用戶產(chǎn)生預(yù)期反應(yīng)。下面是一些簡要的色彩含義：
紅色： 同時(shí)包含正面和消極的意義，比如愛、自信、激情、生氣等等。
橙色： 熱情、溫暖、興奮。
黃色： 開心、陽光、愉悅。
綠色： 安靜、生命力。
藍(lán)色： 經(jīng)常作為企業(yè)色使用，也有距離和悲傷的意思。
紫色： 象征忠誠和奢華，代表著神秘和魔幻色彩。
黑色： 通常和悲劇和死亡聯(lián)系在一起，既可以很傳統(tǒng)、也可以代表現(xiàn)代的。
白色： 純真、無邪、完整、清澈。
此外設(shè)計(jì)師還應(yīng)記住每個(gè)人對色彩的理解都有差異，其中，年齡和性別對色彩的偏愛影響大， 因此前期應(yīng)當(dāng)調(diào)查清楚目標(biāo)用戶的喜好。
Dance Academy 網(wǎng)站
4. 不要忽略文化差異
每個(gè)文化都有自己的傳統(tǒng)習(xí)慣和信仰，在選擇用色前要了解用戶是否能理解你所傳達(dá)的信息。很有可能在不同的國家，同一種顏色代表的意思卻完全相反。比如歐洲國家白色代表純潔，經(jīng)常用在婚禮上；而在亞洲國家白色則意味著死亡和悲傷。
錯(cuò)誤的選擇可能會引起誤解，這對產(chǎn)品來說可能是致命的。設(shè)計(jì)師們了解這些文化內(nèi)涵，可以降低被誤會的風(fēng)險(xiǎn)。
5. 保持色彩平衡
平衡是UI設(shè)計(jì)所追求的，可以讓用戶們感到安心、舒適。色彩平衡是指設(shè)計(jì)中顏色的合理搭配，有效的吸引用戶。網(wǎng)站和app中和諧的色彩，可以給用戶不錯(cuò)的一印象。
以下是一些基本配色方案：
同類色搭配： 同一種顏色，不同的色度 (Shade) 和色調(diào) (Tone) 。
鄰近色搭配： 采用色相環(huán)中相鄰的顏色。
互補(bǔ)色搭配： 采用色相環(huán)中相對的顏色，對比度高。
分裂補(bǔ)色： 結(jié)合補(bǔ)色和同類色搭配，比如選擇藍(lán)色則需同時(shí)選擇相對的黃色和紅色。
三色系調(diào)和： 色相環(huán)中距離相等地三種顏色搭配，建議其中一種作為主色，其它為輔色搭配使用。
矩形配色： 色相環(huán)中2組互補(bǔ)色對，即四種顏色結(jié)合，在色相環(huán)中連起來形成一個(gè)矩形。
6. 從自然中“偷”取靈感
自然屆是地球上最棒的藝術(shù)家和設(shè)計(jì)師。我們看到自然環(huán)境中的色彩組合通常趨于好。人們熱衷于去追逐日出日落，秋天的森林，冬天的群山等等美景，它們充滿著自然色彩的結(jié)合。
所以，我們?yōu)槭裁床唤梃b一些靈感呢？到自然中走一走，欣賞美麗的自然風(fēng)光，相信你一定會有新的想法。
Big City Guide 登陸頁
最后：
人們天生對顏色有反應(yīng)，生活中和顏色的聯(lián)系非常密切，但是設(shè)計(jì)師使用顏色是有一些技巧和竅門的，本文就試圖給大家講解一些關(guān)于色彩設(shè)計(jì)的技巧。數(shù)碼產(chǎn)品的成功與否很大程度取決于UI的配色選擇。正確的配色會讓用戶使用產(chǎn)品時(shí)感到舒心。“好的設(shè)計(jì)給人以幫助，或給人以愉悅。” 設(shè)計(jì)師們要時(shí)常關(guān)注用戶的需求，做出最明智的選擇。
分享名稱：配色真的需要天賦嗎？有沒有技巧？
文章鏈接：http://www.rwnh.cn/news/185225.html
成都網(wǎng)站建設(shè)公司_創(chuàng)新互聯(lián)，為您提供網(wǎng)站營銷、Google、網(wǎng)站建設(shè)、品牌網(wǎng)站建設(shè)、微信公眾號、面包屑導(dǎo)航
聲明：本網(wǎng)站發(fā)布的內(nèi)容（圖片、視頻和文字）以用戶投稿、用戶轉(zhuǎn)載內(nèi)容為主，如果涉及侵權(quán)請盡快告知，我們將會在第一時(shí)間刪除。文章觀點(diǎn)不代表本網(wǎng)站立場，如需處理請聯(lián)系客服。電話：028-86922220；郵箱：631063699@qq.com。內(nèi)容未經(jīng)允許不得轉(zhuǎn)載，或轉(zhuǎn)載時(shí)需注明來源： 創(chuàng)新互聯(lián)
猜你還喜歡下面的內(nèi)容
- 企業(yè)制作網(wǎng)站對于顏色方面的把控 2022-08-04
- 小程序新能力啟動了！ 2022-08-04
- 成功的網(wǎng)頁設(shè)計(jì)，背后必有一位專案管理師（項(xiàng)目經(jīng)理） 2022-08-04
- 企業(yè)網(wǎng)站建設(shè)的重點(diǎn)——互動交流體驗(yàn) 2022-08-04
- 企業(yè)做營銷型網(wǎng)站建設(shè)有哪些要求 2022-08-04
- 企業(yè)網(wǎng)站的運(yùn)營管理方法 2022-08-04
- 網(wǎng)站設(shè)計(jì)背景圖片選擇有什么技巧 2022-08-04
- 設(shè)計(jì)師該如何學(xué)習(xí)提升？ 2022-08-04
- 如何制作自己的網(wǎng)站，建設(shè)個(gè)人網(wǎng)站要掌握哪些步驟，看了即懂! 2022-08-04
- 英國服務(wù)器怎么樣，英國有多少個(gè)服務(wù)器機(jī)房？ 2022-08-04
- 企業(yè)做網(wǎng)站要重視的一些方面 2022-08-04
- 四川企業(yè)如何選擇建站公司 2022-08-04
- 為什么現(xiàn)在的企業(yè)網(wǎng)站大多發(fā)揮不了作用 2022-08-04
- 成都企業(yè)網(wǎng)站建設(shè)：怎樣設(shè)計(jì)才能重點(diǎn)突出網(wǎng)站主打產(chǎn)品 2022-08-04
- 成都網(wǎng)站建設(shè)提升百度推廣轉(zhuǎn)化率的方式 2022-08-04
- 網(wǎng)站建設(shè)中如何對其結(jié)構(gòu)進(jìn)行優(yōu)化，看一看 2022-08-04
- 網(wǎng)站推廣中不可忽視的一些關(guān)鍵點(diǎn) 2022-08-04
- 營銷型網(wǎng)站創(chuàng)建找哪家好就找創(chuàng)新互聯(lián) 2022-08-04
- 營銷型網(wǎng)站應(yīng)該具備的三個(gè)條件 2022-08-04