2021-04-10 分類: 網(wǎng)站建設(shè)
合理運用色彩是每個設(shè)計師都應(yīng)必須具備的技能,特別是插畫師和ui設(shè)計師。隨著扁平化設(shè)計和material design 的日益普及,色彩理論知識的重要性也變得愈加明顯!
在許多數(shù)字化產(chǎn)品的界面中我們都能看到一些明亮的色彩和漸變色,從趣味性和娛樂性app到商業(yè)app和網(wǎng)站。然而,關(guān)于明亮的色彩對用戶體驗的影響仍有很多爭議。本文就ui 中使用亮色的優(yōu)缺點進行了一些分析和總結(jié)。
1. 增加可讀性和易讀性
在我們之前的一篇文章中,我們介紹了影響配色方案選擇的因素??勺x性和易讀性是設(shè)計師考慮色彩應(yīng)用的基本因素。這里需要注意的是,可讀性代表了人們閱讀文本內(nèi)容的容易程度,易讀性決定了用戶區(qū)分特定字體和字母的速度。
鮮艷的色彩可以為界面提供足夠高的對比度,也有助于提高可讀性和易讀性。由于對比的存在,布局元素變得清晰可見。但是,高對比度的色彩可能并不總是能奏效。如果文本內(nèi)容和背景顏色對比太強,用戶則很難閱讀或瀏覽文本。這就是為什么建議設(shè)計師創(chuàng)造一個比較溫和的對比度,只在突出顯示某些元素使用高對比度的顏色。
2. 制作導(dǎo)航并增強直觀的交互
視覺層次結(jié)構(gòu)是所有數(shù)字化產(chǎn)品建立清晰導(dǎo)航和直觀交互系統(tǒng)的核心要素。ui組件一般以這種結(jié)構(gòu)組織,大腦可以通過產(chǎn)品的物理差異(包括顏色)來區(qū)分對象。
如何區(qū)分顏色的層次結(jié)構(gòu)?這是受用戶的思維決定的。例如紅色和橙色被通常被認為是大膽的顏色,而白色和奶油類似的色彩則被認為是柔弱的顏色。明亮的色彩很容易引起用戶的注意,所以設(shè)計師經(jīng)常使用它們作為強調(diào)或?qū)Ρ鹊氖侄?。如何合理地?yīng)用視覺層次結(jié)構(gòu)?常見的使用方法有:將一種顏色應(yīng)用于多個元素中,以顯示它們之間的某種聯(lián)系。在ui界面中將購買按鈕設(shè)置為紅色,以便人們可以在需要時直觀地找到它們。
3. 提高品牌的可識別性
人類大腦對大膽的色彩反應(yīng)十分強烈,因此,明亮的色彩組合更容易引起用戶的注意。色彩鮮艷的ui設(shè)計,往往能在眾多產(chǎn)品中脫穎而出。但需注意,色彩的選擇在一定程度上要基于目標(biāo)受眾的偏好和市場調(diào)查。
如果一家企業(yè)在其logo、商品、網(wǎng)站中使用統(tǒng)一明亮的色彩,這在一定程度上不失為一個將品牌大化的好辦法。通過這種方式,設(shè)計師借助高度一致的可視化提高品牌的可識別性。
4. 傳遞情緒和營造氛圍
為了傳達正確的信息和號召用戶做出預(yù)期的行動,設(shè)計師需要知道顏色是如何影響我們的情緒和行為。我們的大腦對不同的顏色有不同的反應(yīng),不過通常我們都忽略了。據(jù)“色彩心理學(xué)”這項研究表明:當(dāng)我們的眼睛感知到一種顏色時,大腦會向內(nèi)分泌系統(tǒng)發(fā)出信號,釋放負責(zé)情緒變化的荷爾蒙。
正確選擇顏色有助于營造正確的氛圍向用戶傳遞正確的信息,讓用戶處于正確的情緒中,引導(dǎo)他們采取預(yù)期的行動。例如,如果設(shè)計師創(chuàng)建與自然或園藝相關(guān)產(chǎn)品的用戶界面,那么這個界面的主打色很有可能是綠色和藍色。這樣的色彩應(yīng)用就會給用戶營造一種產(chǎn)品或服務(wù)相關(guān)聯(lián)的感覺。
5. 打造時尚的外觀和風(fēng)格
明亮的色彩和漸變色在ui設(shè)計中占據(jù)著最重要的位置?,F(xiàn)在,你可以在不同類型的數(shù)字化產(chǎn)品中看到更多是這些時髦的風(fēng)格,而嚴(yán)肅呆板的商業(yè)風(fēng)格早已不見蹤影。
用戶界面中明亮的色彩和漸變色彩可帶給用戶強烈的現(xiàn)代科技感和新鮮感。而且,通常根據(jù)最新趨勢設(shè)計的移動應(yīng)用程序或網(wǎng)站往往看起來很吸引人,盡管競爭激烈,它們?nèi)阅芨鼊僖换I。
1. 明亮的顏色很難搭配
對于那些只依靠直覺和美感來搭配色彩的設(shè)計師來說,他們往往會犯很多低級錯誤。如果想要創(chuàng)作出令人滿意的視覺作品,那么關(guān)于如何應(yīng)用和搭配顏色的基本知識是必不可少的。
在ui中應(yīng)用的色彩越鮮艷,就越難搭配。為了讓用戶感到滿意和舒適,設(shè)計師試圖在ui設(shè)計中實現(xiàn)一些平衡。色彩的和諧是關(guān)于設(shè)計中顏色的排列對用戶的感知最有吸引力和有效的。和諧的色彩組合有助于網(wǎng)站或應(yīng)用程序獲得良好的第一印象。顏色理論定義了幾種基本的配色方案,以供大家參考!
單色,單色配色是基于一種顏色,選擇其不同的色調(diào)進行色彩組合。
類似色,該配色方案應(yīng)用于色輪上彼此相鄰的顏色。
互補色,它是在色輪上彼此相對放置的顏色組合方案,旨在產(chǎn)生色彩的高對比度。
拆分互補色, 這個配色方案的工作原理類似于互補色,但是不同的是采用了更多的顏色。例如,如果你選擇了藍色,配色則需要組合兩個與其相反顏色(橙色)相鄰的其他顏色(黃色和紅色)。
三元色,它基于色輪上等距的三種不同的顏色。專業(yè)人士建議使用一種顏色作為主色調(diào),其他兩種色彩用來提亮。
雙色互補,這種配色方案采用了兩對互補色組合。如果連接這四種顏色在色輪上的位置,就會形成一個矩形。
2. 失去產(chǎn)品的特色
大膽的色彩是在ui中創(chuàng)造個性與風(fēng)格的工具,但它們也可能是特色消失的原因。在單一視覺構(gòu)圖中使用許多鮮艷的色彩會有失去界面特色的風(fēng)險,因為它們會導(dǎo)致整個界面色彩過于混亂。
這就是為什么建議設(shè)計師應(yīng)用色彩時使用6:3: 1 的比例。大的部分應(yīng)該是設(shè)計中主導(dǎo)色調(diào),占據(jù)三分之一的部分是次要顏色,最小的占比部分用于幫助打造特色的顏色。這樣的比例可以讓用戶逐漸感知所有的視覺元素,因此這樣的比例被認為是最合適的。
3. 明亮的色彩并不適合所有用戶群體
用戶研究是數(shù)字化產(chǎn)品創(chuàng)建的核心階段之一。首先,設(shè)計師需要定義和分析目標(biāo)受眾,以了解他們對網(wǎng)站或應(yīng)用程序的期望。其次,年齡,性別和文化等因素都可能影響潛在用戶的偏好。例如,孩子們一般都很喜歡黃色;但是當(dāng)他們變成大人時,黃色看起來便不再那么有吸引力了。另外,男人和女人通常都喜歡冷色調(diào),如藍色,綠色和其他色調(diào)。但與女性不同,男性通常更喜歡無色的顏色,包括白色,黑色和灰色。
應(yīng)用明亮的色彩也是一樣的,需要定義和分析目標(biāo)受眾。即使你為娛樂應(yīng)用創(chuàng)建ui設(shè)計,你也需要考慮目標(biāo)受眾的具體情況。中年人通常更喜歡輕量級的用戶界面,他們可能不喜歡屏幕上的大膽色彩,因為那會使他們分心。
4. 明亮的色彩在手機屏幕上可能顯得過于突兀
正如上文所說,明亮的色彩可以產(chǎn)生強烈的對比,有助于突出重要的用戶界面元素,并提供理想的易讀性和可讀性。然而,使用過多的色彩對比可能會造成一些低級錯誤,尤其是在移動界面這樣有限的空間上。
在像這樣較小的屏幕上,環(huán)境光線和明亮的字體會讓用戶感覺眼睛不舒服。這就是為什么ui設(shè)計師在移動設(shè)備界面中應(yīng)用明亮的色彩需要注意謹(jǐn)慎的原因。只有合理設(shè)置色彩之間的對比度,才能讓用戶在手機上閱讀文字時感覺舒適。
色彩無疑是設(shè)計師手中的一把雙刃劍,它有自己的優(yōu)點和缺點。如果你能趨利避害有效地利用它,你就能夠找到適合于產(chǎn)品設(shè)計的色彩應(yīng)用方案。
本文題目:ui設(shè)計中明亮色彩的使用,利與弊你知多少?
網(wǎng)站地址:http://jinyejixie.com/news/106778.html
成都網(wǎng)站建設(shè)公司_創(chuàng)新互聯(lián),為您提供ChatGPT、定制開發(fā)、網(wǎng)站建設(shè)、做網(wǎng)站、小程序開發(fā)、服務(wù)器托管
聲明:本網(wǎng)站發(fā)布的內(nèi)容(圖片、視頻和文字)以用戶投稿、用戶轉(zhuǎn)載內(nèi)容為主,如果涉及侵權(quán)請盡快告知,我們將會在第一時間刪除。文章觀點不代表本網(wǎng)站立場,如需處理請聯(lián)系客服。電話:028-86922220;郵箱:631063699@qq.com。內(nèi)容未經(jīng)允許不得轉(zhuǎn)載,或轉(zhuǎn)載時需注明來源: 創(chuàng)新互聯(lián)
猜你還喜歡下面的內(nèi)容