發(fā)布時間:2024-02-22 13:22:55 瀏覽量:142次
關(guān)注公眾號“設(shè)計攝影”獲得更多有用知識
本文揭示了為移動UI和Web界面選擇顏色的六個技巧。它展示了幫助UI設(shè)計師提高用戶對產(chǎn)品興趣的技術(shù)。
用戶體驗設(shè)計涉及許多需要仔細(xì)完成的過程,以便界面滿足目標(biāo)受眾的需求。每一步都需要對細(xì)節(jié)進(jìn)行深入關(guān)注,即使它看起來并不太復(fù)雜。
UI創(chuàng)建中耗時但至關(guān)重要的一個階段是顏色選擇。設(shè)計師有時可能花費數(shù)小時來選擇合適的調(diào)色板。在本文中,我們將介紹六個有用的技巧,幫助設(shè)計人員為UI選擇強(qiáng)大的顏色,并使這個過程更容易,更高效。
60-30-10規(guī)則
這個規(guī)則或技術(shù)來自室內(nèi)設(shè)計,因此它經(jīng)常用于房屋裝飾。這個想法很簡單。為了使組合平衡,顏色應(yīng)該以60%-30%-10%的比例組合。最重要的部分應(yīng)該是主導(dǎo)色調(diào),第三部分采用二次色,10%百分比采用有助于制作強(qiáng)調(diào)的顏色。
這種比例被認(rèn)為對人眼來說是愉快的,因為它允許逐漸感知所有視覺元素。知道適當(dāng)?shù)谋壤O(shè)計師可以成功地組合顏色,而沒有將UI變成彩色混亂的風(fēng)險。
對比是朋友
顏色對比是任何視覺構(gòu)圖的關(guān)鍵部分。它為每個UI元素帶來個性,并使所有這些元素都引人注目。僅包含來自相同顏色系列的陰影的用戶界面吸引用戶注意的機(jī)會較少。此外,此UI中的復(fù)制內(nèi)容看起來難以辨認(rèn),這使得與產(chǎn)品的交互幾乎不可能。
設(shè)計師根據(jù)應(yīng)該達(dá)到的目標(biāo)來控制對比度。例如,如果您需要用戶特別注意特定的UI元素,最好應(yīng)用兩種高對比度的顏色,如藍(lán)色和紅色。高對比度通常用于CTA按鈕設(shè)計。
然而,說到UI作為一個整體組成,高水平的色彩對比可能并不總是很好。如果復(fù)制內(nèi)容和背景顏色相互對比太多,則難以閱讀或掃描文本。這就是為什么設(shè)計師建議創(chuàng)建一個溫和的對比度,并僅為突出顯示元素應(yīng)用高對比度的顏色。在各種設(shè)備上進(jìn)行用戶測試可以幫助設(shè)計人員確保其解決方案的有效性。
色彩心理學(xué)
正如我們在之前的文章中提到的,心理學(xué)是幫助設(shè)計工作流程的基礎(chǔ)研究之一。心理學(xué)的一個分支顯示了顏色對人類情緒和行為的影響,稱為色彩心理學(xué)。它表明我們的思維會對顏色作出反應(yīng),而我們通常不會注意到顏色。當(dāng)人類的眼睛感知到一種顏色時,我們的大腦會向內(nèi)分泌系統(tǒng)發(fā)出信號,釋放出對情緒和情緒負(fù)責(zé)的激素。
每種顏色對我們的思想都有自己的影響,對可能的反應(yīng)的了解可以幫助設(shè)計師傳遞正確的信息并呼叫用戶做出預(yù)期的行動。這是一個顏色含義的簡短列表。
紅色。它象征著包括愛,信心,激情和憤怒在內(nèi)的好感和壞感。
橙色。充滿活力和溫暖的色彩帶來令人興奮的感覺。
黃。這是幸福的顏色,陽光,喜悅和溫暖。
綠色。自然的顏色帶來平靜和更新的感覺。
藍(lán)。它通常代表一些企業(yè)形象??赡芘c距離和悲傷有關(guān)。
紫色。與皇室和財富密切相關(guān)。它也是一種神秘和魔力的顏色。
黑色。它與悲劇和死亡聯(lián)系在一起,意味著一個謎。同時,它可以是傳統(tǒng)的和現(xiàn)代的。
白色。顏色意味著純潔和純真,以及整體和清晰。
此外,設(shè)計師需要記住視覺感知對每個人來說都是個人的。年齡和性別等因素對顏色偏好有很大影響,因此了解目標(biāo)受眾的特點至關(guān)重要。您可以在我們之前的文章中找到顏色含義和首選項的詳細(xì)說明。
不要忘記文化差異
每種文化都有自己的傳統(tǒng)和信仰,所以在選擇顏色之前,你需要確保它們按你的意思解釋。問題是,有時一種顏色在不同的國家可能具有完全相反的含義。例如,在歐洲國家,白色表示純度,經(jīng)常在婚禮上使用,而在許多亞洲國家,這種顏色意味著死亡和悲傷。不正確的使用可能會導(dǎo)致誤解,這對產(chǎn)品可能是致命的。通過承認(rèn)文化色彩感知的特性,設(shè)計師可以降低被誤解的風(fēng)險。
努力實現(xiàn)色彩和諧
和諧是UI設(shè)計所追求的目標(biāo)。為了讓用戶感到高興和舒適,設(shè)計師試圖將平衡融入用戶界面設(shè)計中。顏色和諧是關(guān)于設(shè)計中顏色的排列,以最有吸引力和最有效的方式提供給用戶的感知。諧色可以為網(wǎng)站或應(yīng)用程序帶來良好的第一印象。
經(jīng)過多年的搜索,設(shè)計師們將有效工作的基本配色方案區(qū)分開來。讓我們看看它們是什么。
單色。色彩和諧基于一種顏色,具有各種色調(diào)和色調(diào)。
類比。該方案在色輪上應(yīng)用彼此相鄰的顏色。
補(bǔ)充。它是色輪上相互混合的顏色組合,旨在產(chǎn)生高對比度。
分裂 - 互補(bǔ)。該方案與前一種方案類似,但它采用了更多顏色。例如,如果您選擇藍(lán)色,則需要使用與其相對顏色相鄰的另外兩個顏色,即黃色和紅色。
三重奏。它基于三種不同顏色,在色輪上等距。專業(yè)人士建議使用一種顏色作為主導(dǎo),其他顏色作為重音。
Tetradic / Double-Complementary。四色配色方案采用來自車輪的四種顏色,它們是互補(bǔ)對。如果連接所選顏色上的點,則它們形成矩形。
竊取自然界的想法
大自然母親是世界上最好的藝術(shù)家和設(shè)計師。我們在自然環(huán)境中可以看到的顏色組合總是接近完美。人們喜歡看日落和黎明,秋天的森林和冬季的山脈,因為它們充滿了自然的色彩組合。
那么,你為什么不試著借用一些想法呢?去散步或搜索美麗的自然照片,你一定會找到靈感。
數(shù)字產(chǎn)品的成功在很大程度上取決于為其UI選擇的顏色。正確的顏色可以幫助用戶感覺舒適。設(shè)計師可以將人們放在心靈的框架中,迫使他們僅通過應(yīng)用適當(dāng)?shù)恼{(diào)色板來采取行動。明智地做出你的選擇。
關(guān)注公眾號“設(shè)計攝影”獲得更多有用知識
熱門資訊
1. iPhone6的UI設(shè)計尺寸規(guī)范,原來如此重要!
想要了解iPhone6界面設(shè)計的尺寸規(guī)范嗎?這里為您詳細(xì)介紹iPhone6的UI設(shè)計尺寸規(guī)范,包括界面尺寸、圖標(biāo)尺寸、可點擊高度規(guī)范、搜索欄高度規(guī)范以及界面元素之間的距離規(guī)范。
2. 12個絕佳的UI設(shè)計網(wǎng)站,助力你的創(chuàng)作之旅!
將為大家介紹12個絕佳的UI設(shè)計網(wǎng)站,這些網(wǎng)站不僅可以為你提供靈感,還可以幫助你學(xué)習(xí)新的技巧,助力你的創(chuàng)意之旅!dribbbleDribbble 是一個面向設(shè)計師的...
3. 移動端UI設(shè)計中常見的5種APP界面類型,你get到了嗎?
通過介紹移動端UI設(shè)計中的閃屏頁、引導(dǎo)頁、浮層引導(dǎo)頁、空白頁和首頁等5種APP界面類型,幫助大家更好地了解UI設(shè)計的基本知識
4. 10個免費學(xué)習(xí)UI設(shè)計的網(wǎng)站 提升你的設(shè)計能力
怎樣可以提升你的UI設(shè)計能力!第一個:站酷站酷想必是設(shè)計師都知道的一個網(wǎng)站,里面不止有UI設(shè)計的資源,還有其他設(shè)計的,不如:平面設(shè)計、網(wǎng)頁設(shè)計、字體...
5. 移動端列表頁和表單頁設(shè)計秘訣:讓你的APP點擊率翻倍
在移動端設(shè)計中,列表頁和表單頁是不可或缺的部分。一個好的列表頁和表單頁設(shè)計能夠讓用戶輕松地獲取信息并產(chǎn)生點擊欲望,從而提高點擊率。本文將為你...
6. 推薦10本適合UI設(shè)計師看的書籍,輕松掌握技能!
對于想要提高自己的設(shè)計能力和創(chuàng)造力的小白和UI設(shè)計師來說,這本書是一個很好的選擇。4.《設(shè)計的覺醒》(IKKO TANAKA)推薦理由: 這本書是日本現(xiàn)代平面...
7. 零基礎(chǔ)學(xué)UI設(shè)計要多久?培訓(xùn)完能拿多少工資?
探索零基礎(chǔ)UI設(shè)計培訓(xùn)的時長與薪資前景。了解數(shù)字藝術(shù)教育領(lǐng)域的專業(yè)課程,以及培訓(xùn)后的職業(yè)發(fā)展機(jī)會。
8. 設(shè)計中的色彩心理學(xué):淺析中西方色彩的歷史演變與設(shè)計應(yīng)用
摘要:本文探討了色彩的歷史演變和設(shè)計應(yīng)用。通過對色彩在早期文明社會中的實用運用、不同文化背景下色彩觀念的差異、色彩在設(shè)計中的重要性以及新興技...
9. 物聯(lián)網(wǎng)APP UI設(shè)計:創(chuàng)造智能硬件領(lǐng)域的沉浸式體驗
ui設(shè)計應(yīng)該讓用戶一目了然,能夠快速找到所需的信息和功能。在設(shè)計過程中,應(yīng)盡量使用簡潔的圖標(biāo)、文字和色彩,避免過多的視覺干擾。符合用戶習(xí)慣:ui設(shè)...
10. 武漢UI設(shè)計培訓(xùn)班費用怎么樣?想學(xué)UI設(shè)計要多少錢?
想了解武漢UI設(shè)計培訓(xùn)班的費用是多少嗎?不知道學(xué)UI設(shè)計要花多少錢?不妨看看這篇文章,了解UI設(shè)計培訓(xùn)班的學(xué)費價格以及學(xué)習(xí)內(nèi)容。
最新文章
同學(xué)您好!