APP設(shè)計(jì)涉及許多流程,需要仔細(xì)深入地思考才能使Ui界面滿足目標(biāo)受眾的需求。即使看起來不太復(fù)雜,每一步都需要對(duì)細(xì)節(jié)的深入推敲。
顏色搭配是ui界面設(shè)計(jì)過程中一個(gè)比較耗時(shí)的階段。設(shè)計(jì)師有時(shí)需要花幾個(gè)小時(shí)選擇正確的顏色。在本文中,25學(xué)堂將介紹6個(gè)有用的技巧,幫助設(shè)計(jì)師在APP設(shè)計(jì)過程中,能夠?yàn)楫a(chǎn)品選擇恰當(dāng)?shù)念伾钆洹?
技巧1. 了解60-30-10原則
這個(gè)原則來自室內(nèi)設(shè)計(jì),常用于室內(nèi)設(shè)計(jì)。這個(gè)原則很簡(jiǎn)單:為了使構(gòu)圖達(dá)到平衡,顏色應(yīng)該以60%-30%-10%的比例組合。最大的比重應(yīng)該是主色調(diào),次要顏色占三分之一,剩余10%的顏色用于幫助強(qiáng)調(diào)和點(diǎn)綴。
這樣的比例被認(rèn)為是可以令人愉悅的,因?yàn)樗軌蚴褂脩糁饾u感知所有的視覺元素。了解了適當(dāng)?shù)念伾壤?,設(shè)計(jì)師就可以成功地將顏色搭配起來,而不會(huì)讓界面看起來多彩混亂。
技巧2. 巧用色彩對(duì)比
色彩對(duì)比是任何視覺構(gòu)圖的關(guān)鍵部分。它為每個(gè)UI元素帶來了獨(dú)立性,并使所有這些元素都引人注目。如果只有明暗度不同而色系相同的顏色,很難吸引用戶的注意。而且,在這個(gè)UI中復(fù)制內(nèi)容看起來難以辨認(rèn),這使得與產(chǎn)品的交互幾乎不可能。
設(shè)計(jì)師根據(jù)它應(yīng)該完成的目標(biāo)來控制對(duì)比度的等級(jí)。例如,如果您需要用戶特別注意特定的用戶界面元素,最好使用兩種高對(duì)比度的顏色,例如藍(lán)色和紅色。CTA按鈕設(shè)計(jì)通常使用高對(duì)比度的顏色搭配。
但是,從UI的整體構(gòu)成來說,高對(duì)比的色彩對(duì)比可能并不總是奏效。如果復(fù)制內(nèi)容和背景顏色對(duì)比太強(qiáng)烈,則很難閱讀或掃描文本。這就是為什么設(shè)計(jì)師被建議創(chuàng)造一個(gè)溫和的對(duì)比度等級(jí),并應(yīng)用高對(duì)比度的顏色來突出顯示元素。各種設(shè)備上的用戶測(cè)試可幫助設(shè)計(jì)人員確保其解決方案的有效性。
技巧3. 運(yùn)用色彩心理學(xué)
正如我們?cè)谇拔奶岬降?,心理學(xué)是幫助設(shè)計(jì)工作流程的基礎(chǔ)研究之一。有一種心理學(xué)分支表明顏色對(duì)人類情緒和行為的影響,稱為色彩心理學(xué)。它表明我們的大腦對(duì)顏色有反應(yīng),而我們通常不會(huì)注意到它。當(dāng)人眼看到一種顏色時(shí),我們的大腦向內(nèi)分泌系統(tǒng)發(fā)出信號(hào),釋放對(duì)心情和情感負(fù)責(zé)的激素。
每種顏色對(duì)我們的想法都會(huì)產(chǎn)生影響,正確的顏色可以幫助設(shè)計(jì)師傳遞正確的信息并傳達(dá)給用戶,讓用戶做出正確的操作。以下是各種顏色代表的心理學(xué)含義。
紅色 :它同時(shí)具有好與壞的象征,象征著愛情,自信,激情和憤怒等。
橙色 :充滿活力和溫暖的色彩帶來興奮的感覺。
黃色 :這是幸福,陽光,歡樂和溫暖的顏色。
綠色 :自然的色彩帶來平靜和煥然新生的感覺。
藍(lán)色 :它通常代表一些企業(yè)形象,也可能與距離和悲傷有關(guān)。
紫色 :長期與皇室和財(cái)富有關(guān)。這也是一種神秘和魔力的顏色。
黑色 :它與悲劇和死亡聯(lián)系在一起,意味著神秘。它可以同時(shí)是傳統(tǒng)的和現(xiàn)代的。
白色 :顏色意味著純潔無瑕,以及整體性和清晰度。
另外,設(shè)計(jì)師需要記住,視覺感受對(duì)每個(gè)人來說都是獨(dú)一無二的。年齡和性別等因素對(duì)色彩偏好有很大影響,因此了解目標(biāo)受眾的特征至關(guān)重要。
技巧4. 不要忘記文化差異
每種文化都有自己的傳統(tǒng)和信仰,所以在選擇顏色之前,你需要確保它們會(huì)被解讀成你想表達(dá)的含義。
同一種顏色在不同國家可能有完全相反的意思。例如,在歐洲國家,白色代表純度,常用于婚禮,而在許多亞洲國家,這種顏色意味著死亡和悲傷。錯(cuò)誤的使用可能會(huì)導(dǎo)致對(duì)產(chǎn)品可能致命的誤解。通過承認(rèn)文化色彩感知的特點(diǎn),設(shè)計(jì)師可以減少被誤解的風(fēng)險(xiǎn)。
技巧5. 努力使顏色和諧
和諧是UI界面設(shè)計(jì)努力的目標(biāo)。為了讓用戶感到高興和舒適,設(shè)計(jì)師應(yīng)該將平衡帶入用戶界面設(shè)計(jì)。色彩和諧是關(guān)于設(shè)計(jì)中色彩以最有吸引力和最有效的方式用于用戶感知的方式。和諧的顏色有助于app獲得良好的第一印象。
經(jīng)過多年的經(jīng)驗(yàn)總結(jié),我們總結(jié)出一套基本配色方案:
單色:色彩和諧基于一種顏色的各種色調(diào)和明暗關(guān)系。
相近色:該方案應(yīng)用在色輪上彼此相鄰的顏色。
互補(bǔ)色:它是在色輪上彼此相對(duì)放置的顏色混合,旨在產(chǎn)生高對(duì)比度。
互補(bǔ)色分割:這個(gè)方案與前一個(gè)方案類似,但是它采用了更多的顏色。例如,如果您選擇藍(lán)色,則需要取兩個(gè)與其補(bǔ)色相鄰的其他顏色,例如黃色和紅色。
三位一體:它基于色輪上等距的三種不同顏色。專業(yè)人士建議使用一種顏色作為主導(dǎo)色,其他作為點(diǎn)綴色。
四聯(lián)/雙互補(bǔ)色:四色配色方案采用了四種互補(bǔ)配對(duì)的色輪顏色。如果連接所選顏色的點(diǎn),它們將形成矩形。
技巧6. 從大自然中獲取靈感
大自然是世界上最好的藝術(shù)家和設(shè)計(jì)師。我們?cè)谧匀画h(huán)境中看到的色彩組合總是接近完美。人們喜歡看日落和黎明,秋天的森林和冬天的山脈,因?yàn)樗鼈兂錆M了自然的色彩組合。
那么,你為什么不嘗試借用這些自然靈感呢?去散散步或搜索美麗的大自然的照片,你一定會(huì)找到靈感。
數(shù)碼產(chǎn)品的成功在很大程度上取決于用戶界面的顏色。正確的顏色會(huì)使用戶在產(chǎn)品的使用中感到舒適。僅僅通過使用適當(dāng)?shù)念伾?,設(shè)計(jì)師可以將人們置于思維的框架中以驅(qū)使他們采取相應(yīng)的行動(dòng)。所以在APP設(shè)計(jì)中,顏色搭配也是重要的一環(huán)。
全站高品質(zhì)素材免費(fèi)下載!