六種視覺設計趨勢值得學習

剛告別2017,整個滬江用戶體驗設計團隊便投入到2018視覺和交互設計趨勢的研究當中。

經過前兩年的設計趨勢分析,總結當下預測未來已經成為HJUX的一項傳統。

事實上2017的設計趨勢中的確有一部分內容被印證,並且應用到產品與運營設計之中。

而這次我們再次溫故而知新,首先從網際網路、平面媒體、時尚等相關領域分小組蒐集資料,然後以顏色、圖形、質感、版式等視覺維度進行研究分析,最後根據流行趨勢提煉設計語言,整個過程歷時一個月,總結出2018年視覺設計流行趨勢的風格關鍵詞。

在過程中我們發現設計趨勢並非無規律可循,事實上它往往是受到社會大環境及熱點等因素影響下的結果使然。

同時我們也意識到不同設計領域存在著相當多的通用性,希望這份報告能給各位從事並熱愛設計的同學們帶來一些啟發和幫助。

一、鐳射虹彩漸變

Color-gel Laser Gradient

熒光/ 流體/ 夢幻感

1. 概念簡述

熒光色自然融合下的流體漸變運用。

在科技成為近些年的熱點後,設計配色也潛移默化地受其影響。

鐳射(激光)作為科技下的視覺產物,呈現出光彩陸離的漸變,浪漫而不失刺激,致幻而不失理性,使人有種穿越時光隧道來到異次元的夢幻感。

隨著如今顯示設備顯色能力的提升,熒光色下的鐳射虹彩漸變也在向更廣的色彩領域延伸。

我們預測明快,透氣,強感官衝擊下的鐳射虹彩漸變,將成為2018年熱議的配色方式。

2. 運用案例

由於鐳射材質在光下變換莫測的炫彩感,讓其在印刷,服裝,甚至彩妝上都有著巨大的發揮空間。

這種充滿未來感的視覺體驗受到當下沉浸於網路娛樂的年輕人青睞。這場色彩的狂歡已在時尚領域掀起熱潮,相信很快也會在整個視覺領域大放異彩。

二、賽博故障風格

Cyberpunk-glitch Art

霓虹/ 錯位拉伸/ 未來感

1. 概念簡述

藍紫調下的故障科技風格。

上世紀80年代科幻小說出現一個分支——賽博朋克。自此從文學到影視都開始熱衷對人工智慧展開暢想。

而2018年正處於當年小說描寫的近未來年代,同時人工智慧,VR,AR恰恰也是當今熱議的主題之一。

種種巧合讓賽博故障風格開始流行於各個領域。

賽博故障風格往往以藍紫的暗冷色調為主,搭配霓虹光感的對比色,用錯位,拉伸,扭曲等故障感圖形體現電子科技的未來感。

2. 運用案例

從天貓造物節到中國有嘻哈的海報,我們不難看出賽博故障風在設計領域的影響。

賽博朋克張揚的調性,符合現在年輕人標榜自我的價值觀。

而故障藝術這種刻意展現文件損壞狀態的視覺效果,令畫面更加具有科技發展中的不確定和未知感。

三、 圖形通感化解構

Synesthetic Graphic Deconstruction

解構 / 反邏輯 / 通感體驗

1. 概念簡述

將主體物用解構的方式賦予其全新感官體驗。

物體是由形狀,材質,顏色,排列等維度所構成的。若將主體物進行打碎、分解、疊加等方式進行重組解構,從邏輯上打破其固有感官印象,由此物體將被賦予全新的含義。

這種圖形通感化解構的手段會讓人在視覺,味覺,嗅覺等多個方面觸發人的通感,從而引發人們對畫面下深層內涵的聯想與思考。

2. 運用案例

解構的手段融入了設計衝突感,會讓觀者產生耳目一新的體驗。

而解構下的物體本身帶有的符號屬性,又令設計真實而顯得有據可循。

台灣藝術大學學生用污水製作冰棒,打破了人們對冰棒美味可食用的固有印象,經驗與現實的強烈反差,直觀的引發人們對水污染問題的思考。

四、三維純色渲染

3D Solid Color Rendering

去材質 / 純色系 / 平面感

1. 概念簡述

統一三維物體的色系,將立體畫面平面化。

隨著C4D的流行,三維的表現形式在設計中變得愈演愈烈。

不過在后扁平化時代,如何在扁平與立體的形式中間尋找平衡是大家關注的焦點,而三維純色渲染恰恰是一種很好的嘗試。

空間感的布局拓展了畫面深度,同時物體純色系的渲染方式又強化了畫面的平面感。

設計將干擾人們注意力的因素排除,只留下需要傳達的主題部分,令人印象深刻,這樣的形式已經在攝影及三維藝術中流行起來,充滿儀式感的畫面讓設計者愛不釋手。

2. 運用案例

三維純色渲染在時尚設計、產品設計領域中應用廣泛。FENDI的2017情人節系列廣告通過紅色系的產品組合,很直觀的體現熱烈的節日氛圍。而HypnoShine系列太陽眼鏡廣告中,利用統一綠色系的元素的搭配,強調了「超防曬叢林主題」,將產品本身無法表達的時尚感通過環境的組合放大強化。

五、極簡化設計

Complexion Reduction Design

大字型大小 / 訊息優先 / 去風格化

1. 概念簡述

以訊息內容為優先的去風格化設計。

訊息爆炸的時代,讓用戶聚焦訊息的難度越來越高。

如何減少干擾,讓訊息有效傳達給用戶正是極簡化設計所推崇的。加大字型大小,拉大層級對比,增加留白,減少顏色以及不必要的裝飾等手段越來越多的在設計中體現。

2. 運用案例

極簡化設計的核心是圍繞訊息內容本身而呈現的,因此這種方式首先在產品UI設計層面開始流行起來。

儘管極簡的設計風格導致很多應用的風格越來越趨同。但它是真正以用戶為核心的設計發展趨勢。

設計不再作為獨立於內容之外的元素存在,而將著眼于內容本身,為用戶打造直觀的視覺體驗。

六、光感透氣疊加

Light Sensation Superimposition

光感 / 漸變 / 氤氳感

1. 概念簡述

具有光感的半透明漸變疊加。

去年我們曾經總結過半透明疊加這種形式。今年我們發現這樣的疊加方式開始融入新的視覺元素——光感。

光因為其剔透,純凈,反射的特性,一直被人們所青睞著。

人們不再滿足於簡單的色彩疊加,增加光感的設計將會為產品增添更多的未來迷幻屬性。

2. 運用案例

光感透氣疊加的方式讓顏色與其背後的內容更和諧地相融在一起。

在《國家地理》這組關於氣候變暖宣傳設計中,由於光感疊加令顏色漸變產生氤氳之感,直觀的傳達給讀者氣候變化的感受。


 

【想讓你的網站其他人優秀嗎?這些設計趨勢一個都不要錯過!】

1.9種讓你的網頁很專業
2.預測2018網頁設計趨勢
3.2018年手機應用UI設計趨勢
4.這3個設計趨勢是網頁設計師的最愛


 

給你最好的網頁設計Gogoshark


Also published on Medium.

GogoShark 小編主要分享: 網頁設計, 數位行銷, SEO, 品牌策略...等領域。是你的數位行銷解決方案專家。提供數位行銷知識、分析工具、解決方案與資源夥伴;精準蒐羅數位網路行銷懶人包、關鍵字行銷、社群行銷、內容行銷等。GogoShark 是間位於台北的網頁設計公司

客服支援

您的問題,由我們來解決 - 位於台北的專業網頁設計服務 GogoShark 可協助您拓展事業版圖,透過更加簡單快速的方法將一切數位化