激情六月丁香婷婷|亚洲色图AV二区|丝袜AV日韩AV|久草视频在线分类|伊人九九精品视频|国产精品一级电影|久草视频在线99|在线看的av网址|伊人99精品无码|午夜无码视频在线

高校合作1：010-59833514 ?咨詢電話：400-810-1418 服務(wù)與監(jiān)督電話：400-810-1418轉(zhuǎn)接2

UI設(shè)計(jì)中——顏色使用的6個(gè)技巧

發(fā)布時(shí)間：2024-02-22 13:22:55 瀏覽量：142次

關(guān)注公眾號(hào)“設(shè)計(jì)攝影”獲得更多有用知識(shí)





本文揭示了為移動(dòng)UI和Web界面選擇顏色的六個(gè)技巧。它展示了幫助UI設(shè)計(jì)師提高用戶對(duì)產(chǎn)品興趣的技術(shù)。

用戶體驗(yàn)設(shè)計(jì)涉及許多需要仔細(xì)完成的過程，以便界面滿足目標(biāo)受眾的需求。每一步都需要對(duì)細(xì)節(jié)進(jìn)行深入關(guān)注，即使它看起來并不太復(fù)雜。

UI創(chuàng)建中耗時(shí)但至關(guān)重要的一個(gè)階段是顏色選擇。設(shè)計(jì)師有時(shí)可能花費(fèi)數(shù)小時(shí)來選擇合適的調(diào)色板。在本文中，我們將介紹六個(gè)有用的技巧，幫助設(shè)計(jì)人員為UI選擇強(qiáng)大的顏色，并使這個(gè)過程更容易，更高效。

60-30-10規(guī)則

這個(gè)規(guī)則或技術(shù)來自室內(nèi)設(shè)計(jì)，因此它經(jīng)常用于房屋裝飾。這個(gè)想法很簡單。為了使組合平衡，顏色應(yīng)該以60％-30％-10％的比例組合。最重要的部分應(yīng)該是主導(dǎo)色調(diào)，第三部分采用二次色，10％百分比采用有助于制作強(qiáng)調(diào)的顏色。

這種比例被認(rèn)為對(duì)人眼來說是愉快的，因?yàn)樗试S逐漸感知所有視覺元素。知道適當(dāng)?shù)谋壤O(shè)計(jì)師可以成功地組合顏色，而沒有將UI變成彩色混亂的風(fēng)險(xiǎn)。




對(duì)比是朋友

顏色對(duì)比是任何視覺構(gòu)圖的關(guān)鍵部分。它為每個(gè)UI元素帶來個(gè)性，并使所有這些元素都引人注目。僅包含來自相同顏色系列的陰影的用戶界面吸引用戶注意的機(jī)會(huì)較少。此外，此UI中的復(fù)制內(nèi)容看起來難以辨認(rèn)，這使得與產(chǎn)品的交互幾乎不可能。

設(shè)計(jì)師根據(jù)應(yīng)該達(dá)到的目標(biāo)來控制對(duì)比度。例如，如果您需要用戶特別注意特定的UI元素，最好應(yīng)用兩種高對(duì)比度的顏色，如藍(lán)色和紅色。高對(duì)比度通常用于CTA按鈕設(shè)計(jì)。

然而，說到UI作為一個(gè)整體組成，高水平的色彩對(duì)比可能并不總是很好。如果復(fù)制內(nèi)容和背景顏色相互對(duì)比太多，則難以閱讀或掃描文本。這就是為什么設(shè)計(jì)師建議創(chuàng)建一個(gè)溫和的對(duì)比度，并僅為突出顯示元素應(yīng)用高對(duì)比度的顏色。在各種設(shè)備上進(jìn)行用戶測(cè)試可以幫助設(shè)計(jì)人員確保其解決方案的有效性。




色彩心理學(xué)

正如我們?cè)谥暗奈恼轮刑岬降模睦韺W(xué)是幫助設(shè)計(jì)工作流程的基礎(chǔ)研究之一。心理學(xué)的一個(gè)分支顯示了顏色對(duì)人類情緒和行為的影響，稱為色彩心理學(xué)。它表明我們的思維會(huì)對(duì)顏色作出反應(yīng)，而我們通常不會(huì)注意到顏色。當(dāng)人類的眼睛感知到一種顏色時(shí)，我們的大腦會(huì)向內(nèi)分泌系統(tǒng)發(fā)出信號(hào)，釋放出對(duì)情緒和情緒負(fù)責(zé)的激素。

每種顏色對(duì)我們的思想都有自己的影響，對(duì)可能的反應(yīng)的了解可以幫助設(shè)計(jì)師傳遞正確的信息并呼叫用戶做出預(yù)期的行動(dòng)。這是一個(gè)顏色含義的簡短列表。

紅色。它象征著包括愛，信心，激情和憤怒在內(nèi)的好感和壞感。

橙色。充滿活力和溫暖的色彩帶來令人興奮的感覺。

黃。這是幸福的顏色，陽光，喜悅和溫暖。

綠色。自然的顏色帶來平靜和更新的感覺。

藍(lán)。它通常代表一些企業(yè)形象?？赡芘c距離和悲傷有關(guān)。

紫色。與皇室和財(cái)富密切相關(guān)。它也是一種神秘和魔力的顏色。

黑色。它與悲劇和死亡聯(lián)系在一起，意味著一個(gè)謎。同時(shí)，它可以是傳統(tǒng)的和現(xiàn)代的。

白色。顏色意味著純潔和純真，以及整體和清晰。

此外，設(shè)計(jì)師需要記住視覺感知對(duì)每個(gè)人來說都是個(gè)人的。年齡和性別等因素對(duì)顏色偏好有很大影響，因此了解目標(biāo)受眾的特點(diǎn)至關(guān)重要。您可以在我們之前的文章中找到顏色含義和首選項(xiàng)的詳細(xì)說明。




不要忘記文化差異

每種文化都有自己的傳統(tǒng)和信仰，所以在選擇顏色之前，你需要確保它們按你的意思解釋。問題是，有時(shí)一種顏色在不同的國家可能具有完全相反的含義。例如，在歐洲國家，白色表示純度，經(jīng)常在婚禮上使用，而在許多亞洲國家，這種顏色意味著死亡和悲傷。不正確的使用可能會(huì)導(dǎo)致誤解，這對(duì)產(chǎn)品可能是致命的。通過承認(rèn)文化色彩感知的特性，設(shè)計(jì)師可以降低被誤解的風(fēng)險(xiǎn)。

努力實(shí)現(xiàn)色彩和諧

和諧是UI設(shè)計(jì)所追求的目標(biāo)。為了讓用戶感到高興和舒適，設(shè)計(jì)師試圖將平衡融入用戶界面設(shè)計(jì)中。顏色和諧是關(guān)于設(shè)計(jì)中顏色的排列，以最有吸引力和最有效的方式提供給用戶的感知。諧色可以為網(wǎng)站或應(yīng)用程序帶來良好的第一印象。

經(jīng)過多年的搜索，設(shè)計(jì)師們將有效工作的基本配色方案區(qū)分開來。讓我們看看它們是什么。

單色。色彩和諧基于一種顏色，具有各種色調(diào)和色調(diào)。

類比。該方案在色輪上應(yīng)用彼此相鄰的顏色。

補(bǔ)充。它是色輪上相互混合的顏色組合，旨在產(chǎn)生高對(duì)比度。

分裂 - 互補(bǔ)。該方案與前一種方案類似，但它采用了更多顏色。例如，如果您選擇藍(lán)色，則需要使用與其相對(duì)顏色相鄰的另外兩個(gè)顏色，即黃色和紅色。

三重奏。它基于三種不同顏色，在色輪上等距。專業(yè)人士建議使用一種顏色作為主導(dǎo)，其他顏色作為重音。

Tetradic / Double-Complementary。四色配色方案采用來自車輪的四種顏色，它們是互補(bǔ)對(duì)。如果連接所選顏色上的點(diǎn)，則它們形成矩形。




竊取自然界的想法

大自然母親是世界上最好的藝術(shù)家和設(shè)計(jì)師。我們?cè)谧匀画h(huán)境中可以看到的顏色組合總是接近完美。人們喜歡看日落和黎明，秋天的森林和冬季的山脈，因?yàn)樗鼈兂錆M了自然的色彩組合。

那么，你為什么不試著借用一些想法呢？去散步或搜索美麗的自然照片，你一定會(huì)找到靈感。




數(shù)字產(chǎn)品的成功在很大程度上取決于為其UI選擇的顏色。正確的顏色可以幫助用戶感覺舒適。設(shè)計(jì)師可以將人們放在心靈的框架中，迫使他們僅通過應(yīng)用適當(dāng)?shù)恼{(diào)色板來采取行動(dòng)。明智地做出你的選擇。



關(guān)注公眾號(hào)“設(shè)計(jì)攝影”獲得更多有用知識(shí)

熱門課程推薦

熱門資訊

請(qǐng)綁定手機(jī)號(hào)

獲取驗(yàn)證碼
x

同學(xué)您好！

您已成功報(bào)名0元試學(xué)活動(dòng)，老師會(huì)在第一時(shí)間與您取得聯(lián)系，請(qǐng)保持電話暢通！
確定