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