Godzilla. 2018-10-17
網(wǎng)站建設(shè)
如何巧妙地運(yùn)用顏色來(lái)創(chuàng)建優(yōu)秀的UI界面(二)
巧妙地運(yùn)用顏色的小技巧
(1)在特定的使用模式中選擇合理的顏色
我們不能說(shuō)配色是難看的,只是當(dāng)你沒(méi)有合理使用時(shí),它可能看起來(lái)就很糟糕。想象一下,如果麥當(dāng)勞使用的是灰色和黑色而不是黃色和紅色,你仍然有食欲嗎?派對(duì)上,女人穿黑色的裙子和紅色的口紅,為什么?這樣子看起來(lái)很性感,很迷人。
在7條用于創(chuàng)建UI配色方案的實(shí)用技巧(一)中也提到過(guò),不同的顏色傳達(dá)不同的含義和感覺(jué)。巧妙地運(yùn)用它意味著達(dá)到5個(gè)“合適”:選擇合適的顏色,在合適的時(shí)間,在合適的使用模式下,與合適的用戶,并瞄準(zhǔn)合適的目標(biāo)。如果你想在UI設(shè)計(jì)中使用顏色,請(qǐng)注意合理使用配色方案,不要冒大的風(fēng)險(xiǎn)去使用不合理的配色。
(2)注意藍(lán)色的運(yùn)用
為什么要談?wù)撍{(lán)色?只要看看你最常用的手機(jī)應(yīng)用或網(wǎng)站,如QQ,Twitter,微軟,Safari,等等,你會(huì)看到,它們都使用藍(lán)色系配色方案。
研究表明,藍(lán)色是女人和男人都喜歡的一種顏色。藍(lán)色出現(xiàn)在很多事物中,在大自然中,在網(wǎng)站上,在衣服上,等等。當(dāng)我輸入單詞時(shí),我看到QQ的輸入界面是藍(lán)色的。藍(lán)色是UI設(shè)計(jì)中最常用的顏色,它是一種安全的顏色,可以培養(yǎng)用戶的信任并被用戶很好地接受。如果你沒(méi)有更好的選擇,那就用藍(lán)色吧。
(3)背景和元素之間的顏色變化
看下看下方的界面。讓我們把注意力集中在界面的藍(lán)色變化上。主色調(diào)是藍(lán)色,而其他元素則是較暗的藍(lán)色變化和更明亮的藍(lán)色變化。但總的來(lái)說(shuō),他們看起來(lái)很好,很和諧,彼此緊密聯(lián)系。具體怎么做呢?請(qǐng)參考以下規(guī)則:在同色系中,較暗的顏色變化是通過(guò)降低亮度和增加飽和度來(lái)實(shí)現(xiàn)的。更明亮的顏色是通過(guò)增加亮度和降低飽和度來(lái)實(shí)現(xiàn)的。
(4)顏色比例中的黃金比例:6:3:1規(guī)則
在做UI界面設(shè)計(jì)時(shí),你不得不使用顏色組合,因?yàn)檫@是人性化用戶體驗(yàn)設(shè)計(jì)的最佳實(shí)踐。在UI設(shè)計(jì)中配色并不難,但是如何避免顏色搭配的混亂和過(guò)度使用呢?如何擺脫平庸,保持恰到好處的配比呢?記住這兩個(gè)原則:
第一條: 6:3:1規(guī)則
60%+30%+10%規(guī)則是在顏色之間達(dá)到平衡的最佳比例。這一標(biāo)準(zhǔn)可以在創(chuàng)作平衡、簡(jiǎn)潔、和諧的界面時(shí)完美地發(fā)揮作用,給用戶帶來(lái)好的視覺(jué)體驗(yàn)。此外,它還可以讓用戶的眼睛輕松地從一個(gè)點(diǎn)移動(dòng)到另一個(gè)點(diǎn)。
第二條:至多3個(gè)主要顏色
這條規(guī)則可與第一條規(guī)則搭配運(yùn)用。這也是一種避免顏色混亂的好方法,幫你在配色方案中保持平衡。
?。?)顏色組合和補(bǔ)充:清晰的和養(yǎng)眼的
第一條:色調(diào)、色度和色相
基于“色調(diào)”,你可以在色輪上創(chuàng)造許多變化。這里有一個(gè)訣竅:添加白色,你就可以得到一個(gè)較亮的顏色。添加黑色,你就可以得到一個(gè)較暗的顏色。添加灰色,你將降低顏色的飽和度。在這里,我建議使用單一顏色方案。
第二條:對(duì)比
在UI設(shè)計(jì)中,色彩對(duì)比也是一種實(shí)用的配色方案。對(duì)比配色可以喚起用戶的各種情緒反應(yīng)。在色輪的兩邊的顏色可以產(chǎn)生強(qiáng)烈的對(duì)比,比如黑色和白色。強(qiáng)烈的對(duì)比會(huì)吸引用戶的注意力并增加緊張感;雖然色光對(duì)比可以帶來(lái)舒適感,并可以通過(guò)展示一種放松和隨意的設(shè)計(jì)來(lái)獲得舒適感。
注意不要過(guò)度加強(qiáng)顏色對(duì)比效果,否則你會(huì)給用戶帶來(lái)不適和困惑。
(6)黑色,白色搭配顯得優(yōu)雅大氣
黑色是所有中性色中最強(qiáng)烈的顏色,而白色則是最常用的背景色。如上所述,這兩者搭配產(chǎn)生最大的顏色對(duì)比。正確使用黑色和白色,你可以創(chuàng)建一個(gè)優(yōu)雅大氣的UI界面。這種配色方案主要用于網(wǎng)站。黑色可以給人一種成熟的感覺(jué),而白色的空間可以創(chuàng)造一種自由和想象的氛圍。
(7)從大自然和藝術(shù)作品中獲取靈感
大自然和藝術(shù)是色彩靈感的主要來(lái)源。只要走到外面,看看天空,你就會(huì)看到變化多端的大自然的藍(lán)色。來(lái)自大自然的顏色是創(chuàng)造一種自然的、對(duì)用戶友好的界面的最佳選擇。從大自然中提取的色彩讓人眼更舒適,大自然的顏色更加自然、美觀。藝術(shù)是現(xiàn)實(shí)世界的直接寫照,所以要充分借鑒來(lái)自大自然和藝術(shù)作品中的顏色。
(8)性別對(duì)顏色有影響
就像生來(lái)如此,女人不喜歡灰色、橙色和棕色。她們喜歡藍(lán)色、紫色和綠色,而男人不喜歡橙色、紫色和棕色。男人喜歡藍(lán)色、綠色和黑色。如果你用紫色來(lái)做運(yùn)動(dòng)類設(shè)計(jì),那絕對(duì)是一個(gè)錯(cuò)誤的選擇。只要記住,無(wú)論何時(shí)你把目標(biāo)對(duì)準(zhǔn)男人,選擇他們喜歡的顏色。同樣,使用女性喜歡的色彩來(lái)做女性產(chǎn)品的設(shè)計(jì)。還有一點(diǎn),粉色并不是女性普遍喜愛(ài)的顏色。當(dāng)然了,這也并不是絕對(duì)的參考標(biāo)準(zhǔn)。
文章標(biāo)簽:
UI界面設(shè)計(jì) 網(wǎng)站設(shè)計(jì)
Godzilla 簽
為了在編輯、圖象設(shè)計(jì)方面進(jìn)一步的提高,我想投身于網(wǎng)站行業(yè)中,一展所長(zhǎng),為所在的公司和社會(huì)貢獻(xiàn)一分力量!
文章評(píng)論: