用戶體驗(yàn)設(shè)計(jì)涉及很多流程,需要足夠的深思熟慮才能設(shè)計(jì)出符合用戶需求的UI界面。雖然聽起來不太復(fù)雜,但每個(gè)細(xì)節(jié)都需要設(shè)計(jì)師反復(fù)推敲。
用戶界面創(chuàng)建過程中耗時(shí)最長的階段便是顏色選擇,設(shè)計(jì)師往往可能要花上幾個(gè)小時(shí)才能挑選到合適的顏色。在本文中,我們將介紹六個(gè)實(shí)用的配色技巧,幫助設(shè)計(jì)師為界面選擇最適合的顏色,并使選擇過程更加輕松,更高效!
技巧1:掌握60-30-10原則
這一原則或者說技巧源于室內(nèi)設(shè)計(jì),因此經(jīng)常被用于裝飾房屋。這個(gè)技巧很簡單:為了達(dá)到平衡的配色效果,所使用的顏色應(yīng)以6:3:1的比例進(jìn)行配色。占據(jù)最大比例的為主色,30%為輔助色,10%為裝飾色,幫助提高整體亮度。
這樣的配色比例被認(rèn)為是令人愉悅的,從視覺感知上來講,它帶給用戶一個(gè)舒適的色彩層次。掌握恰當(dāng)?shù)呐渖壤梢詭椭O(shè)計(jì)師成功地組合顏色,避免了將用戶界面變得光怪陸離。
技巧2:巧用色彩對比
色彩對比幾乎是所有視覺構(gòu)圖中的關(guān)鍵部分。它賦予了每個(gè)UI元素獨(dú)特性,并使其引人注目。需要注意的是:用戶界面中來自相同色系的色彩對比度較低,無法達(dá)到吸引用戶注意力的效果。此外,在這種用戶界面上復(fù)制的文本內(nèi)容辨認(rèn)度較低,這使得設(shè)置產(chǎn)品交互也十分困難。
設(shè)計(jì)師硬根據(jù)所要實(shí)現(xiàn)的目標(biāo)來控制色彩對比度的高低。例如,如果你需要用戶注意到某個(gè)特定的界面元素,則最好使用像藍(lán)色和紅色這樣高度對比的顏色。CTA按鈕設(shè)計(jì)就常常使用高對比度的顏色。
但是,將UI作為一個(gè)整體來說,高對比度的顏色可能并不總是奏效。如果文本內(nèi)容和背景顏色之間的差異太大,則很難讀取或掃描文本。這就是為什么建議設(shè)計(jì)師采用溫和的色彩對比,并只在某些特定元素上應(yīng)用高對比度的顏色。通過在不同的設(shè)備上進(jìn)行用戶測試,可以幫助設(shè)計(jì)人員確保其配色方案的有效性。
提示3:考慮顏色的心理學(xué)
正如我們在前幾篇文章中提到的,心理學(xué)是一種為設(shè)計(jì)工作流程的提供助力的研究之一。其中,色彩心理學(xué)就屬于這種心理學(xué)的一個(gè)分支,它主要研究色彩對人類情緒和行為的影響。研究表明,我們的大腦會對不同的顏色做出多種反應(yīng),但我們通常都忽略了這些感知。當(dāng)人的眼睛感知到一種顏色時(shí),我們的大腦會向內(nèi)分泌系統(tǒng)發(fā)出信號,釋放出對應(yīng)情緒的荷爾蒙,從而讓我們產(chǎn)生不同的情緒和感受。
每種顏色對我們的感知都有其獨(dú)特的影響力,了解用戶對于顏色可能產(chǎn)生的反應(yīng)可以幫助設(shè)計(jì)師傳遞正確的信息,并引導(dǎo)用戶做出預(yù)期的行為。以下是一個(gè)顏色含義的列表可供參考。
紅色,它既象征著愛情,自信,激情,也象征著憤怒。
橙色,這是一種充滿活力和溫暖的色彩,能帶給人興奮的感覺。
黃色,這是一種象征幸福,陽光,歡樂和溫暖的顏色。
綠色,一種最接近大自然的色彩,給人平靜和清新的感覺。
藍(lán)色,它通常用于代表一些企業(yè)形象,給人沉靜,可靠的感覺。
紫色,這是一種神秘又高貴的顏色,一直與貴族和財(cái)富有著密切聯(lián)系。
黑色,它通常與悲劇和死亡聯(lián)系在一起,象征著神秘。它同時(shí)符合傳統(tǒng)的和現(xiàn)代的審美。
白色,這種顏色象征著純潔和天真,也帶給人純粹和清晰的感覺。
另外,設(shè)計(jì)師需要記住,每個(gè)人的視覺感知都是獨(dú)特的。除了年齡和性別等因素對色彩偏好有很大的影響,文化差異也是其中一個(gè)重要因素,因此了解受眾的特征至關(guān)重要。
提示4:重視色彩的文化差異
總所周知,每種文化都有自己的傳統(tǒng)和信仰,文化差異對于色彩的選擇也有很大的影響。在不同國家對于同一種顏色可能有完全相反的含義。例如,在歐洲國家,白色象征純潔,常用于婚禮。而在許多亞洲國家,這種顏色意味著死亡和悲傷。因此,不正確的色彩選擇可能會導(dǎo)致用戶對產(chǎn)品產(chǎn)生致命的誤解。通過了解色彩不同的文化特點(diǎn),設(shè)計(jì)師們能夠大大降低產(chǎn)品被誤解的風(fēng)險(xiǎn)。
提示5:促使色彩協(xié)調(diào)
色彩協(xié)調(diào)是UI設(shè)計(jì)師努力的重要目標(biāo)。為了讓用戶感到舒適和滿意,設(shè)計(jì)師試圖將平衡引入用戶界面設(shè)計(jì)。色彩的協(xié)調(diào)是指設(shè)計(jì)中色彩的排列,以最吸引人的、最有效的方式來吸引用戶的感覺。協(xié)調(diào)的顏色有助于網(wǎng)站或應(yīng)用程序的良好的第一印象。
經(jīng)過多年的探索,設(shè)計(jì)師們區(qū)分了一些基本的配色方案,使其色彩運(yùn)用更加有效。以下是一些基礎(chǔ)的配色方案:
單色,單色配色是基于一種顏色,選擇其不同的色調(diào)進(jìn)行色彩組合。
類似色,該配色方案應(yīng)用于色輪上彼此相鄰的顏色。
互補(bǔ)色,它是在色輪上彼此相對放置的顏色組合方案,旨在產(chǎn)生色彩的高對比度。
拆分互補(bǔ)色, 這個(gè)配色方案的工作原理類似于互補(bǔ)色,但是不同的是采用了更多的顏色。例如,如果你選擇了藍(lán)色,配色則需要組合兩個(gè)與其相反顏色(橙色)相鄰的其他顏色(黃色和紅色)。
三元色,它基于色輪上等距的三種不同的顏色。專業(yè)人士建議使用一種顏色作為主色調(diào),其他兩種色彩用來提亮。
雙色互補(bǔ),這種配色方案采用了兩對互補(bǔ)色組合。如果連接這四種顏色在色輪上的位置,就會形成一個(gè)矩形。
提示6:從大自然中獲取靈感
大自然是世界上最好的藝術(shù)家和設(shè)計(jì)師。我們在自然環(huán)境中看到的顏色組合總是接近完美的。人們喜歡看的日落和黎明,秋天的森林和冬天的山脈,因?yàn)樗麄兂錆M了自然的色彩組合。
那么,你為什么不試圖從中獲取一些想法呢?去美麗的大自然里散散步,你一定會找到靈感!
數(shù)碼產(chǎn)品的成功在很大程度上取決于設(shè)計(jì)師為其用戶界面所選擇的顏色,正確的顏色給用戶帶來極大的舒適感。設(shè)計(jì)師通過運(yùn)用合適的配色方案,就能使用戶迅速明白產(chǎn)品的設(shè)計(jì)思想,引導(dǎo)他們執(zhí)行適當(dāng)?shù)牟僮鳌?/span>
作者:Tubik Studio
填寫下面表單即可預(yù)約申請免費(fèi)試聽!怕錢不夠?可先就業(yè)掙錢后再付學(xué)費(fèi)! 怕學(xué)不會?助教全程陪讀,隨時(shí)解惑!擔(dān)心就業(yè)?一地學(xué)習(xí),可推薦就業(yè)!
?2007-2022/ m.5wd995.cn 北京漫動者數(shù)字科技有限公司 備案號: 京ICP備12034770號 監(jiān)督電話:010-53672995 郵箱:bjaaa@aaaedu.cc