注:在今天,漸變色幾乎就是時(shí)尚的代名詞。從微妙而優(yōu)雅的漸變,到多彩失真的復(fù)古效果,漸變所帶來(lái)的視覺(jué)吸引力,從視覺(jué)到交互上都有不錯(cuò)的提升。如果你對(duì)于漸變無(wú)感,那么今天的文章,會(huì)給你 10 個(gè)讓你無(wú)法拒絕的使用漸變的理由。
原文作者 : CARRIE COUSINS
譯者: 陳子木
漸變的背景能夠幫助用戶更好地感知和理解設(shè)計(jì)。當(dāng)眼睛感知到屏幕上的色調(diào)和明暗變化的時(shí)候,會(huì)有意識(shí)地注意到特定的色彩和視覺(jué)焦點(diǎn)。
漸變是非常有有用的吸引人的視覺(jué)工具,為很多設(shè)計(jì)項(xiàng)目增色不少。雖然使用漸變的方法很多,但是最流行的依然是將圖片和文本放置在有漸變色彩的背景上。
下面的案例就是這么做的。柔和的色彩讓視線更容易找到被安放的地方,空曠的背景因?yàn)闈u變而顯得富有高級(jí)感,前景元素?fù)碛胁诲e(cuò)的可讀性,底部的“發(fā)現(xiàn)更多”也更容易被人注意到。
漸變可以在背景中使用,而前景元素同樣可以使用漸變。如果將高飽和度的漸變色彩疊加在字體當(dāng)中,能夠創(chuàng)造出頗為抓人眼球的設(shè)計(jì)感。不過(guò)值得注意的是,在色彩的選取上,一定要有意識(shí)地控制對(duì)比度,這樣才能保證可讀性。
色彩是有情緒的,將色彩疊加到圖片上,能夠賦予圖片以情感和情緒。漸變色疊加在圖片上的時(shí)候,即使圖片本身的素質(zhì)和形式感并不強(qiáng),色彩的加持同樣能夠讓整個(gè)場(chǎng)景更加時(shí)尚。
漸變色彩的誒額加能夠強(qiáng)化品牌,為網(wǎng)站賦予個(gè)性。明亮的色彩和柔和的色彩所帶來(lái)的效果是截然不同的。
不過(guò)考慮到漸變和色彩疊加的使用頻率已經(jīng)很高了,在設(shè)計(jì)的時(shí)候一定要注意就加入一些獨(dú)特、有個(gè)性的元素。
好的漸變?cè)O(shè)計(jì),能夠起到引導(dǎo)視線的作用。絕大多數(shù)的用戶在獲取信息的時(shí)候,都是從上到下,從左到右來(lái)看的,我們常說(shuō)的F式的閱讀方式就是這樣。
你可以使用漸變色彩的明暗變化來(lái)強(qiáng)化這種閱讀習(xí)慣,比如從用戶的閱讀起點(diǎn)(左上角的LOGO或者頂部的導(dǎo)航),色彩逐步漸變到底部的CTA按鈕上,眼睛會(huì)先注意到明亮的部分,然后逐步移動(dòng)到較暗的部位。
雖然漸變?cè)絹?lái)越流行,但是每種不同的配色方案所帶來(lái)的體驗(yàn)其實(shí)是截然不同的。一些殺手級(jí)的配色非常值得長(zhǎng)期使用,品牌化的配色也可以讓用戶更容易記住品牌的視覺(jué)特征。
漸變能夠讓色彩之間產(chǎn)生關(guān)聯(lián),甚至漸變能夠讓這幾種色彩組成的漸變?nèi)缤环N全新的色彩一樣使用。尤其當(dāng)這幾種色彩和你的配色方案相互匹配的時(shí)候,這種視覺(jué)上的關(guān)聯(lián)就顯得非常強(qiáng)大了。