2015年5月12日星期二

網頁設計的秘訣:如何用顏色烘托情感



用色的技巧絕對是一門藝術。

縱觀人類歷史,繪畫大師和其口碑行銷他藝術家們總是憑借對色彩的巧妙運用而蜚聲全球。在近代,這種藝術開始與商業和貿易結合,最初體現在廣告上,現在則是網頁設計。用色的技巧,幾乎永遠存在探索的空間,永遠可以提高和精進。

在本文中,我們將講解基本的顏色理論和配色方案,然後討論某些色彩對人的情緒產生的影響。

顏色理論

光是這個題目本身就可以寫一本書了,所以我們只擷取與 UI 設計相關的部分。根據網頁 UI 設計的需要,我們可以把顏色理論分為三部分:

對比:顏色的每一種濃度都有它的補色,它們之間的對比比和其他任何顏色都要強烈。你可以用下面的色輪來方便地查找某一種顏色的補色,只需看某種顏色對面的顏網路行銷色就可以了。

互補:顏色並不總是彼此獨立的。互補色相互起到強調的作用,恰恰能達到表面上「對比」之外的最佳效果。互補色在色輪上處於相對的位置,例如,紫色的互補色是綠色。

振動:每種顏色都能喚起某種特別的情緒。偏亮、暖的顏色(紅、橙、黃)一般會使人振奮,並讓人更加警覺;而偏深、冷的色調(綠,藍,紫)更趨向於使人放松和平和。CNN 在網頁頂部菜單欄中使用紅色的標識來加強警醒度,就很符合網站突發新聞的內容。

寓意: 顏色的情緒暗示

沒人會否認情緒與顏色之間的關聯————事實上,自中世紀以來,人類一直在研究顏色對心理的影響。自然,網頁設計師們也希望能夠很好地駕馭它,因為合適的顏色才能給你的網頁帶來合適的風格。

我們分析了 Vandeley Design 和 Smashing 雜志的研究員們給出的建議,並結合我們自己在 UXpin 上的經驗對這些建議進行了篩選。

需要注意的是,世界各地不同的文化對顏色的理解是不同的。我們對情緒的聯想多與西方文化相關聯,如果想更深層次地了解不同文化對顏色的解讀,可以讀讀 Web Design Depot 這篇詳盡的文章。

紅色:

代表:力量,重點,青春

作為最具刺激性的顏色,紅色使人振奮、血液循環加快。它是熱情和力量的像征,是最引人注意的顏色,因此常被用在警示和重要通知上。

No Way NSA(美國國家安全局)的網站上使用紅色再台北網頁設計合適不過,因為他們需要讓網站上發布的預警信息引起人們的警戒。而在頁面的第一個段落中使用紅色尤其明智,因為人們從心理上會想要「遠離危險區域」,從而將頁面上滑,這自然而然就促使用戶們瀏覽了更多的內容。

然而,紅色如果使用不當,也可能適得其反。因為它能引起憤怒,或至少是過激反應。如果你追求的是輕松的氛圍,使用時需謹慎(網頁設計台北或者至少用淺一些的紅),或者干脆不用。

橙色:

代表:友好,能量,獨特

作為暖色系中最柔和的顏色,橙色相當通用。作為主色時,它迷人、充滿活力,而作為輔色使用時,它也可以含蓄地體現出這些特性。橙色還可以制網路行銷台中造出運動感和能量感。

在「芬達」商標中,橙色已經成為了其中的一部分,此外在芬達帶有卡通的暖心風格的網頁上,橙色也被很好地利用,表達了一種親和、而又不失創造性的感覺。

黃色:

代表:快樂,激情,古老(深黃色)

黃色是一種更加通用的顏色,具體取決於它的深淺度。

亮黃是最有活力的顏色,而且不像紅色風格那麼強烈。而中間色的黃帶給人一種舒服的感覺,同時依舊不失活潑。深黃(包括金色)則帶有古老的風格,並有永恆、智慧、和奢華之感。

上面的例子來自網頁設計代理 Flash Media,深黃色散發著能量,尊貴,和權威感。這彰顯了用他們的專業和技能創造價值的訴求。

綠色:

代表:成長,穩定,金融主題,環保主題

綠色是暖色和冷色之間的過渡,盡管它稍有些偏向於冷色。這意味著綠色既有藍色的放松效果,又保有黃色的一部分充滿活力的特質。這樣,它就營造出了一種非常平衡、穩定的氛圍。深色調的綠更加能帶來有關金錢和財富的聯想,這一點可以在上面的 Ameritrade 上體現出來。

藍色:

代表: 冷靜,安全,開放(淺藍),可靠(深藍)

如同黃色一樣,不同深度的藍有著不同的含義。總體上看,所有的藍都能讓人感覺放松和安全,不過淺藍會看上去更友好,深色則更陰郁。社交媒體如 twitter 和 facebook,利用了淺藍和中等深度的藍色的優點。而的網站上則用深藍來體現力量和可靠感。

項目設計代理 Van Vliet & Trap 很巧妙地使用了深藍色,在背景的花朵中使用這種藍,除了從視覺上暗示出他們在花朵設計上的專業以外,同時也滲透信任和可靠。這確實起到了作用,他們已經開始策劃婚禮等高端視覺活動(雖然這多少有點讓人頭疼)。

紫色:

代表:奢華,浪漫(淺紫),神秘(深紫)

紫色自古就與皇室緊密相連,帶有奢華甚至是墮落的意味。

總體上,紫色讓人感覺奢靡,這使得它變成潮流和奢侈品(甚至巧克力,像上面的 cadbury)普遍之選。淺色的紫如薰衣草色(摻雜粉色)代表浪漫,而深色調看上去更加華貴和神秘。黑色:

代表:力量,邊緣,復雜

黑色是最強烈的中性色,幾乎存在於所有網頁中。

它可以襯托其他顏色,從而展現不同的特性,也可以通過大量的使用來統領所有的顏色。它蘊含在中性之中的力量使它成為大篇幅文本的首選用色,但作為主色,它會給人邊緣化,復雜,乃至邪惡的感覺。

對於大多數網頁而言,黑色用來營造一種第一眼看上去專業而永恆的感覺。當它與白色字體相搭配,體現在極簡風格的布局中時,就凸顯出了它的優雅,這一點你可以在 Bose 的「夢想與達成」(「Dream and Reach」)的微網頁中看到。


博主好站推薦:氬焊機,陽極處理,電鍍,硬陽處理

没有评论:

发表评论