顏色是一個(gè)非常有趣的元素,可以設(shè)定設(shè)計(jì)的基調(diào)和氛圍。它可以使設(shè)計(jì)看起來(lái)整潔或混亂,還可以將人們的注意力吸引到所需的關(guān)鍵點(diǎn)上。
在這篇文章中,我們將探討如何通過(guò)多種方式來(lái)操縱顏色以引起對(duì)某事物的注意。我們將討論重復(fù)性,攝影和缺乏色彩等例子。
讓我們開(kāi)始分析如何通過(guò)顏色來(lái)吸引注意力。
彩色文字也能引起注意
讓我們來(lái)談?wù)勅绾胃淖兾谋镜念伾?,例如?biāo)題或大段文字。有兩個(gè)驚人的例子說(shuō)明了文本顏色如何吸引訪問(wèn)者的注意力。第一個(gè)例子是加利福尼亞的大自然保護(hù)協(xié)會(huì)的網(wǎng)站。這個(gè)網(wǎng)站是一個(gè)很好的例子,原因有兩個(gè)。
首先,設(shè)計(jì)利用了顏色和層次結(jié)構(gòu)。層次結(jié)構(gòu)是一種出色的設(shè)計(jì)工具,可以確定最重要到最不重要的元素。在上面的截圖中,一眼就可以看出什么是重要的?!拔覀兊姆椒ā笔沁@個(gè)部分中最暗的一段文字。
文本的其余部分使用相同的顏色,但更重要的是由大小決定。在這個(gè)例子中,顏色是一個(gè)統(tǒng)一的元素,除了標(biāo)題左側(cè)的數(shù)字等更細(xì)微的元素之外。很高興知道這些部分的順序,但或多或少,數(shù)字與用戶(hù)體驗(yàn)無(wú)關(guān)。因此,它們的顏色較淺。
此外,以Founders網(wǎng)站為例,當(dāng)您進(jìn)入主頁(yè)后,您會(huì)看到至少三種不同的字體顏色。綠色的主角文字會(huì)立即引起您的注意,因?yàn)樗挥陧?yè)面中心且顏色突出。但是,當(dāng)您注意到它實(shí)際上是一種深綠色時(shí),它會(huì)更加吸引您的注意力。這種綠色有些出人意料,因此會(huì)讓游客感到好奇。
至少,如果綠色標(biāo)題被忽略,很難再注意到中間部分文本的顏色變化。標(biāo)題采用深藍(lán)色,而支持內(nèi)容則采用灰色。淺灰色與藍(lán)色標(biāo)題的對(duì)比使標(biāo)題本身更加突出?;疑彩诡^條新聞更加突出。我喜歡這種看似無(wú)關(guān)但高效的操作,只需使用顏色即可完成。
使用五顏六色的裝飾來(lái)創(chuàng)造一個(gè)焦點(diǎn)
在本節(jié)和下一節(jié)中,我們將探討如何利用形狀、圖案和顏色來(lái)獲得優(yōu)勢(shì)。首先,我們將討論形狀的裝飾性方面。不幸的是,裝飾在網(wǎng)頁(yè)設(shè)計(jì)中名聲不佳,這確實(shí)是一種遺憾。然而,您可以通過(guò)使用裝飾輕松地在設(shè)計(jì)或特定部分中創(chuàng)建焦點(diǎn),而無(wú)需添加視覺(jué)噪聲。
形狀、顏色和重復(fù)性構(gòu)成了視覺(jué)語(yǔ)言
視覺(jué)語(yǔ)言是一種利用視覺(jué)元素(如顏色、形狀、標(biāo)題等)進(jìn)行交流的系統(tǒng)。它不僅僅是一套風(fēng)格指南,還包括元素之間的詳細(xì)關(guān)系,指定了可以做什么和不能做什么,并解釋了如何將元素相互結(jié)合以最好地呈現(xiàn)視覺(jué)風(fēng)格。視覺(jué)語(yǔ)言構(gòu)建了一個(gè)完整的視覺(jué)組件庫(kù),并詳細(xì)說(shuō)明了它們的使用方式。
顏色是視覺(jué)語(yǔ)言的重要組成部分,就像它也是風(fēng)格指南的重要組成部分一樣。然而,這里討論的是在線銀行轉(zhuǎn)賬服務(wù)Wyre的視覺(jué)語(yǔ)言。該公司的品牌很大程度上依賴(lài)于重復(fù)的葉子狀形狀這一設(shè)計(jì)元素。從主頁(yè)到關(guān)于頁(yè)面,再到注冊(cè)頁(yè)面,這個(gè)形狀在他們的網(wǎng)站上被廣泛使用。
此外,網(wǎng)站設(shè)計(jì)中還重復(fù)使用各種藍(lán)色。通常,形狀和特定的顏色使用相結(jié)合,例如主頁(yè)上的常見(jiàn)CTA以開(kāi)始使用。在主頁(yè)上,藍(lán)色形狀多次用作CTA按鈕,專(zhuān)門(mén)用于注冊(cè)。這是開(kāi)發(fā)出色的視覺(jué)語(yǔ)言的重要基礎(chǔ)。用戶(hù)每次看到有文字的葉子狀形狀時(shí),即使沒(méi)有閱讀文字內(nèi)容,在一段時(shí)間的使用后也可以很容易地識(shí)別它是網(wǎng)站上主要且唯一的CTA。如果沒(méi)有形狀和顏色的冗余,這種相關(guān)性是無(wú)法建立的。
缺乏顏色變化可能是一件好事
并非每個(gè)設(shè)計(jì)都需要使用豐富多彩的配色方案。Storq這個(gè)示例就通過(guò)限制色彩的運(yùn)用,成功吸引了注意力。讓我們?cè)賮?lái)看兩個(gè)示例,它們通過(guò)去掉作為焦點(diǎn)的顏色來(lái)突出特定元素。
突出點(diǎn)點(diǎn)滴滴
有時(shí),使用顏色來(lái)吸引注意力就像簡(jiǎn)單地使用它作為亮點(diǎn)一樣。無(wú)論如何,突出顯示是強(qiáng)調(diào)色背后的主要思想。與主要顏色應(yīng)該代表的內(nèi)容相比,強(qiáng)調(diào)色是為了關(guān)注不太重要的信息。那么,如何使用顏色來(lái)突出顯示呢?
顏色是一種非常強(qiáng)大的設(shè)計(jì)工具。它既可以用來(lái)保持秩序,也可以引發(fā)混亂,這取決于你需要實(shí)現(xiàn)的目標(biāo)。本文介紹了幾種可以戰(zhàn)略性地使用顏色的方法,以吸引人們對(duì)特定事物的關(guān)注。本文的目的是闡明如何以具有策略性和謹(jǐn)慎性的方式來(lái)考慮在設(shè)計(jì)中使用顏色。