開始設計工作室 Xuedesign Studio

開始設計工作室 xuedesign studio

2018世界設計趨勢分析(下)

Behance Mindsparkle Mag 設計趨勢
*

Elmo Woo
Mar 16, 2018

前情提要

繼上篇《2018世界設計趨勢分析(上)》的介紹,我們可以理解了今年設計界的趨勢已慢慢由扁平化設計開始往立體化元素靠攏,那接下來還有什麼要點也是我們不可錯過的哩?讓我們繼續看下去...

2018-Design-Trends
image:Rose Pilkington

11、響應式標誌

行動裝置充斥的數位時代,許多企業已在大大小小的媒體上大舉攻佔你的眼球,企業住應該注意的是要讓自家的品牌LOGO,能夠因應在不同解析度上的媒體上顯示清晰並排列正確,才能給予瀏覽者一致性的品牌體驗,而不是一昧的縮小LOGO尺寸而已,HD的時代小尺寸也要清晰才是主流。

Responsive Logos
Project:Responsive Logos │ Author:Joe Harrison

12、簡單帶點層次的2.5D標誌

如同下列的Firefox火狐瀏覽器的LOGO範例,火狐簡化原有的圖形外觀之外,還使用平滑細緻的顏色漸變構成,增加LOGO的視覺層次與深度,讓識別整體變得更加明亮飽和,賦予品牌嶄新前衛的視覺形象。

Formula1
Project:Formula1 │ Author:Wieden + Kennedy
Firefox
Firefox
Firefox
Project & Author:Firefox

13、自訂設計字體

自訂企業或個人專屬的文字設計逐漸變得熱門,這讓品牌自我形象更得以延伸放大。有些設計師更是繪製可與瀏覽者互動的文字作品,關於這些我們可以很清楚知道的是,文字設計將會越來越受矚目,而且跨領域的合作嘗試更加熱絡。

Jeanne Bataille
Project & Author:Jeanne Bataille
Vi Novell
Abschluss HSD
Project:Vi Novell Author:Atipus │ Project & Author:Abschluss HSD

14、更多互動的3D網頁設計

2018年的3D效果使用肯定會在網頁設計領域上更大放異彩,不論是空間感的運用、物件的旋轉環繞及質感紋理的搭配,更讓現有的網頁視覺體驗更加豐富且獨特。例如 Atacac 開發了一個互動式的時裝陳列室,讓瀏覽者以虛擬3D方式來觀看新發表的時尚服飾。

Atacac 2017 Yearbook
Project & Author:Atacac 2017 Yearbook
The Artery
Project & Author:The Artery

15、與瀏覽者的滑鼠互動

2018的網頁設計體驗中與瀏覽者之間的互動將更為常見,以 Ben Mingo 為例,當滑鼠在畫面上移動時,俏皮的小圈圈會追著滑鼠的軌跡行走,彷彿有磁性一般黏住不放。當點選不同的選項時,畫面區塊也會做出不同的反應。另外在 walking men 這網站上有著相似的效果,我們很期待這這一年中可以看見更多有趣的網站互動案例。

Folk
Project:Folk │ Author:Phoenix
Ben Mingo
Ben Mingo
Project & Author:Ben Mingo
Walking Men
Walking Men
Project & Author:Walking Men

16、有意思的網站載入動畫

網站使用單調的加載條來呈現載入進度已顯得枯躁乏味,瀏覽者期待看到更有創意的加載呈現。以下是兩個很有創意的案例呈現, ContempleAwwwards 懂得充分發揮異想天開的想像讓等待網站載入的時間不會顯得漫長。

Contemple
Project & Author:Contemple
Folk
Credits:Awwwards Conference │ Design & Development:Adoratorio

17、使用 Instagram 限時動態

自2017年 Instagram 發佈限時動態功能以來,已經可以看見不少設計師或品牌的愛用,Ales Nesetril 是一個很好的例子,他甚至藉此出了本電子書" The Perfect Grid:Instagram創意指南 " 。限時動態讓品牌的粉絲追隨者黏著度更為提升,大家都不想錯過新奇有趣的訊息。可想而知在2018年上,我們可以預見限時動態會有更加不同的運用方式展現,如教學或直播影片等等。

18、3D模擬手工藝質感

我們有注意到數位工具與傳統手工藝質感結合有逐漸上升的趨勢,手工藝術的製作是種有意思的技術,它可以為設計作品增添了一種觸感的層次。在 Maxim Shkret 的作品中我們可以看見,他利用3D工具做出以假亂真的紙雕質感。

3D Art
3D Art
3D Art
Credits:3D Art │ Author:Maxim Shkret

19、兩點透視視角設計

兩點透視技法一般是用於工程繪圖上,在平面的紙上表現3D物件的技法。這項技法逐漸被設計師採用,無論是在攝影、插畫或是3D圖像設計中皆可見到,為設計作品帶來些深度的空間層次感。在2018年我們可以預見會有更多結合兩點透視的作品出現。

Ultraviolet Break of Day
Credits:Ultraviolet Break of Day │ Author:Field.io
Abstractions Vol.1
Project:Abstractions Vol.1 │ Author:Mohamed Samir
Isometric House
Project:Isometric House │ Author:Angela Chan

20、在平面上用陰影堆疊層次感

利用逼真的物體陰影結合到平面設計之中,可以創造出真實的空間立體感,當在同一空間中透過不同物件的陰影堆疊,以銳利和模糊的屬性組合搭配,立體感將越發強烈。

Nike Promotion Ads
Credits:Nike Promotion Ads │ Author:Jardson Almeida
Flyknit Lunar 1 & 3
Flyknit Lunar 1 & 3
Credits:Flyknit Lunar 1 & 3 │ Author:Callum Notman

觀察結語

我感覺業界的趨勢就像鐘擺一般,一直往兩個端點不停地來回擺動,正所謂風水輪流轉,依照 Mindsparkle Mag 分享的這20點設計趨勢看來,以往前幾年盛行的 FlatDesign 扁形化設計將面臨進化的關卡,往多樣化漸層與微立體感邁進,以營造出更豐富的畫面層次,設計師們下次在經營作品畫面時,也可以參考這次分享的幾個要點進去,讓自己的作品也能與時俱進,一起站上世界趨勢的浪頭。