首頁?>?知識(shí)?資訊?>?如何用流行的顏色來設(shè)計(jì)網(wǎng)站?>?正文

如何用流行的顏色來設(shè)計(jì)網(wǎng)站

2018/3/13 0:00:00 · 稿源:傳誠信

顏色匹配是每個(gè)網(wǎng)站設(shè)計(jì)人員必修的課程。 無論是插畫師,UI設(shè)計(jì)師還是網(wǎng)頁設(shè)計(jì)師,色彩搭配都不是設(shè)計(jì)的一部分。 隨著材料設(shè)計(jì)和平面設(shè)計(jì)的廣泛流行,相關(guān)色彩理論已成為設(shè)計(jì)師必須掌握的規(guī)則。

近年來,我們?cè)诟鞣N數(shù)碼產(chǎn)品中發(fā)現(xiàn)了大量鮮艷的色彩和不同的漸變效果,這些產(chǎn)品的種類已經(jīng)涵蓋了趣味性和娛樂性的應(yīng)用,以及相對(duì)較為嚴(yán)重的功能性和商業(yè)性產(chǎn)品。 但是,關(guān)于生動(dòng)色彩對(duì)用戶體驗(yàn)的影響仍有許多討論。 今天的文章,我們將一起討論這個(gè)問題。

明艷的色彩是如何提升UI設(shè)計(jì)效果的?

提高可讀性和可讀性

在以前的文章中,我們討論了影響配色方案選擇的一些因素??勺x性和易讀性是設(shè)計(jì)師在選擇顏色匹配時(shí)需要考慮的基本因素??勺x性是用戶閱讀文本內(nèi)容的難度,易讀性與特定字母字符之間的區(qū)別程度有關(guān)。

鮮艷的色彩提供了足夠的對(duì)比度,有助于提高可讀性和易讀性,并使布局中的元素之間的差異可見。但是,高對(duì)比度并不總是奏效。如果文字和背景之間的對(duì)比度太大,可能會(huì)發(fā)生漸暈,使其難以閱讀。這就是為什么設(shè)計(jì)師需要?jiǎng)?chuàng)造相對(duì)溫和和適當(dāng)?shù)膶?duì)比度,而高亮度對(duì)比度是突出顯示元素的不錯(cuò)選擇。

銳化導(dǎo)航并增加互動(dòng)

視覺層次是幾乎所有數(shù)字產(chǎn)品中導(dǎo)航和交互的核心元素。 UI組件需要以結(jié)構(gòu)化的方式進(jìn)行組織。用戶的大腦可以通過圖層創(chuàng)建的差異區(qū)分對(duì)象并理解優(yōu)先級(jí)。

顏色是分層的,但如何理解這個(gè)層次與用戶的想法有關(guān)。 紅色和橙色是大膽而明亮的顏色。 乳白色和奶油色的黃色是柔和的顏色,可以更容易地注意到明亮的顏色。 設(shè)計(jì)師使用它們來表示他們覺得需要突出顯示的元素。 當(dāng)在不同的元素上使用相同的顏色時(shí),相同的顏色將使它們產(chǎn)生重要的或功能性的關(guān)系。

人類大腦強(qiáng)烈反應(yīng)大膽,大膽的色彩,這就是為什么明亮的色彩更容易記住。 在數(shù)碼產(chǎn)品中,色彩更鮮艷的用戶界面將更容易脫穎而出。 但是,即使如此,顏色的選擇也是基于目標(biāo)受眾和市場(chǎng)調(diào)查。

如果公司的LOGO,產(chǎn)品和他們的網(wǎng)站都使用高度統(tǒng)一的顏色搭配,這在某種程度上會(huì)最大限度地提升品牌的身份。 這樣,設(shè)計(jì)人員使用高度一致的可視化解決方案來提高品牌知名度。

創(chuàng)造氛圍并傳遞情感

色彩影響人們的情緒并創(chuàng)造氛圍。 設(shè)計(jì)師需要知道顏色如何影響我們的情緒和行為。 我們的大腦對(duì)不同的顏色有不同的反射,但通常這些反應(yīng)沒有被注意到。 色彩心理學(xué)研究表明,當(dāng)我們的眼睛感知到一種顏色時(shí),大腦會(huì)向內(nèi)分泌系統(tǒng)釋放相應(yīng)的激素,刺激不同情緒的變化。

選擇合適的顏色有助于用戶保持正確的心情并提供正確的信息。 例如,如果您想創(chuàng)建一個(gè)自然或園藝相關(guān)的產(chǎn)品UI界面,使用綠色或藍(lán)色配色可以很好地匹配這個(gè)主題,并傳達(dá)相應(yīng)的感覺。

時(shí)尚的外觀和風(fēng)格

明亮和鮮艷的色彩和漸變是UI設(shè)計(jì)中最流行的趨勢(shì)。 越來越多的移動(dòng)應(yīng)用程序和網(wǎng)站開始使用這種色彩匹配來吸引人們。 盡管競(jìng)爭(zhēng)激烈,但它們確實(shí)吸引了用戶的注意力。

在UI中使用明亮的色彩同樣存在問題

明亮的顏色不容易匹配

第一種配色方案并非基于純粹的感覺。問題很容易。如果你想使用協(xié)調(diào)的配色方案,顏色使用規(guī)則,顏色匹配和技巧是必不可少的。

但是,在UI界面中,顏色越鮮艷,就越難將其與優(yōu)秀的配色方案相匹配。為了讓用戶感到快樂和舒適,設(shè)計(jì)師需要保持整個(gè)UI界面的協(xié)調(diào)和平衡,協(xié)調(diào)的顏色可以讓用戶感覺舒適,給用戶留下良好的第一印象。通常,設(shè)計(jì)師顏色選項(xiàng)使用以下常用選項(xiàng):

單色配色:在同一色彩系統(tǒng)下,不同色調(diào)和飽和度色彩的組合。

類似的配色方案:在色輪上由相鄰顏色組成的配色方案。

互補(bǔ)色匹配:色輪上相對(duì)位置上顏色的顏色。

分割補(bǔ)色:與補(bǔ)色相似,但顏色更多。它通常是一種配色方案,它匹配兩種顏色,它們與色輪上的一種顏色和相對(duì)位置相鄰。例如,藍(lán)色和橙色是相對(duì)互補(bǔ)的顏色。選擇藍(lán)色和橙色兩側(cè)的黃色和紅色。這三種顏色是分開的互補(bǔ)色。

三基色顏色匹配:顏色方案由色輪上的三種顏色組成,彼此之間相隔120度。

雙補(bǔ)色匹配:由兩種互補(bǔ)色組成的四色配色方案。

  • 缺少風(fēng)格和調(diào)性

事實(shí)上,明亮鮮艷的色彩可以讓用戶界面調(diào)整色調(diào)和風(fēng)格,但如果色彩過多,則完全沒有風(fēng)格色調(diào)。

這就是為什么這么多設(shè)計(jì)師會(huì)尊重6:3:1色彩比例。 其中,60%是主色,30%是次色,只有10%是鮮艷的顏色,用于提升整體色調(diào)。 這樣的配色方案可以創(chuàng)建協(xié)調(diào)一致的分層配色方案,而且人們也更容易感受和感受到快樂。

明亮的色彩并不適合所有的用戶群體

用戶研究是網(wǎng)站設(shè)計(jì)的重要組成部分。定義和分析目標(biāo)受眾,以了解網(wǎng)站和應(yīng)用程序的設(shè)計(jì)期望。 諸如年齡,性別和文化等因素影響潛在用戶的偏好。 例如,像黃色和紫色的孩子,但絕大多數(shù)成年人不喜歡這兩種顏色。 很酷的顏色,如藍(lán)色和綠色,幾乎受到男性和女性的喜愛,但女性通常不像男性那么喜歡橘子。 與此同時(shí),男性更喜歡中性色彩,如黑色和白色,而女性則不喜歡。

鮮艷的顏色也是如此。 即使您正在設(shè)計(jì)更具娛樂性的應(yīng)用程序或網(wǎng)站,您也需要考慮目標(biāo)受眾的具體情況。 中年用戶喜歡輕巧的顏色和用戶界面。 明亮,大膽的顏色不符合他們的偏好。

  • 相關(guān)推薦
  • 大家在看
熱文
  • 熱門
  • 最新
客戶服務(wù)
咨詢熱線

010-62199213

24小時(shí)咨詢熱線

139-1050-5354