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