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