愛伊米

色彩是使用者體驗的萬靈藥(5):層次感營造

這是煙中雯城的第 182 篇原創文章

大家好!

今天這一篇是“色彩是體驗的萬靈藥”系列的收官之作,來講講富有層次感的色彩視覺體驗會給我們帶來怎樣的感受。

兩週前,筆者去了上海崇明的花博會展館進行參觀,參觀後的最大感受就是在親近自然的同時,也讓自己一飽眼福,眼中的視覺細胞全部被充分調動了起來。

色彩是使用者體驗的萬靈藥(5):層次感營造

很多展館的花卉採用富有層次感的排布,與其他周圍佈景的顏色結合起來,獨具美感。

最重要的是,這些富有層次感的顏色全部來源於花卉植物本身的顏色,雖然有一定的人工干預,但也只是在視覺效果上的加深,自然的顏色保持了主導地位。

除了花卉植物外,在我們的生活中,其實也有很多事物是極富層次感的,這些層次感既讓我們享受到了無與倫比的美的享受,同時也可作為一種靈感,在我們其他的藝術作品中借鑑呈現。

層次感的應用I:平面設計

無論是畫冊設計,還是一份演示PPT的設計,富有層次感的色彩設計方案往往能帶給我們非常好的視覺體驗。

色彩是使用者體驗的萬靈藥(5):層次感營造

層次感可以體現在以下兩個方面:

1. 同色/鄰近色漸變

在平面設計中,漸變的應用是非常多的。

在我眼裡,漸變不僅僅是一種美感的體現,更是一種視覺方向的引導,透過漸變,可以讓讀者沿著色彩的變化方向,將自己的視線漸漸移動到需要突出的位置。

在PPT的演示過程中,如果能透過良好的漸變色設計來實現視覺的引導,那麼這個時候,色彩的漸變對於這場演示的價值要遠遠大於其本身呈現的美感。

用一個流行詞來說,其實就是透過漸變色的設計,為演示這一工作“賦能”,讓這場演示產生更大價值,甚至帶來更多的商業機會,或是給觀看者帶來更多的感觸。

2. 色彩對比

色彩對比其實是一種邏輯上的應用。透過色彩的對比,能夠將需要表達出來的資訊突出顯示,讓觀看者第一眼就能看到重要資訊。

比如,透過藍底黃字這對對比色的組合,我們能夠很高效地識別出黃色文字。

在產品介面中,我們往往會看到很多資料統計的結果,以一個個單獨的數字呈現,這樣的結果是需要突出顯示的,單純的字型放大可能無法解決問題,因為在這樣的介面中,往往也會存在各種體積較大、並且已經應用了色彩的圖表元素。

在這種情況下,一旦結合了對比色,我們可以非常方便地從資訊塊中快速定位到所需的資訊,甚至可以直接跳過那些對內容起到指示作用的標題。

層次感的應用II:空間設計

這次去崇明花博會,讓我深刻感受到了原來花卉和植物也可以透過不同色彩的搭配。

色彩是使用者體驗的萬靈藥(5):層次感營造

只要與視覺相關的,都可以用到層次感。

比如,在各種空間的裝飾中,富有層次感的設計可以讓空間中的各個模組以一種非常清晰,但又不會留下生硬痕跡的視覺來進行區分,讓各個功能區盡收眼底。

除了功能區的區分外,色彩的層次本身就具有美感,比如星巴克的所有門店統一以偏深的原木色和黑色組合起來,原木色和店內的燈光和咖啡本身的顏色又是一種相映成趣,保持一種色系的統一。

每次進入星巴克門店,總會感覺到一種視覺上的舒適感,也可以說是有一種氛圍上的高階感,無論是辦公、交流還是用餐的人群,都能找到其最佳的感受。