互聯網設計圈大盤點:回顧2018,展望2019

8 評論 36783 瀏覽 226 收藏 35 分鐘

本篇文章是對2018的回顧和對2019的展望,希望對你有所幫助。

前一段時間關于“2019的設計趨勢”這類文章相信大家已經被刷屏了,寫的都很棒,對2019預計會流行的設計趨勢進行了系統的總結,所以本文只進行一些個人觀點的補充,以避免重復。

OK,那就言歸正傳,還是老規矩先看一下整體的目錄:

(文中配圖來源于網絡,僅作為設計交流使用,侵刪)

流行設計趨勢一覽

2018流行了哪些設計風格?2019又將有哪些設計趨勢?

1. 極簡主義/MUJI風格(性冷淡風格)

極簡主義這種風格已經流行了很多年,追求Less is more的理念,設計上追求極簡和留白,拒絕奢華,減少視覺上的干擾,讓用戶得以聚焦內容本身。這一理念深深影響著設計行業的各個領域,尤其是在家居和服飾等流域,這種設計給人帶來一種舒適、簡單的生活感受。

這一風格MUJI最具代表性,設計風格簡潔時尚,提倡簡約、自然、富質感的生活哲學,配色柔和、舒適、小清新,故深受年輕消費者的追隨和喜愛。不過目前MUJI在中國的市場份額急劇下降,因為目前國內網易嚴選、淘寶心選、小米有品、名創優品等品牌也在走這種精品電商的路線,都是對應了同一類型的目標用戶,所以競爭相當激烈。

2. 扁平化

扁平化設計也受到極簡主義的影響,去除冗余、厚重和繁雜的裝飾效果,倡導簡單、清晰、空間、留白等,突出核心的設計元素一直是扁平化的設計核心,已經流行多年,相信大家都很熟悉了,就不多贅述了,這種設計風格在2019勢必依舊會流行。

不過2017年微軟推出了流暢設計體系(Fluent Design System),包含五大核心元素:光線、深度、動效、材質和縮放,拓展了UI的設計維度,營造出空間感、3D立體感、未來感,這種風格有別于扁平化,相信會在未來的設計趨勢中注入新的血液。

3. 大標題+大圓角+去線化+留白+投影

iOS 11的發布引領了2018App的設計潮流,大標題、大字體的設計變得很常見,不單單在UI設計上,還有在網頁設計和品牌包裝設計中也變得很常見;但在電商產品中這種設計很少,因為電商的頁面空間寸土寸金,不會輕易浪費。

預測這種風格在2019年還會繼續流行,但是估計隨著時間的推移,相信大標題設計未來會逐漸淡去。

大圓角的使用在UI設計中也十分常見,人的大腦對圓形和圓角矩形接受程度比直角矩形高,所以圓角的使用對用戶來說更加友好,內容也更容易聚焦。例如:這次微信7.0更新,也將頭像的直角改為了圓角。

弱化分割線或去掉分割線的使用,用大間距留白效果來構筑空間,打造出清新自然的界面。另外加大文字大小和色彩的對比,帶來優雅舒適的界面閱讀體驗,這也是未來UI設計的趨勢。但是去掉線條不代表沒有邊界,交互上要注意點擊狀態下(Pressed)點擊區域的可視性,這一點比較容易被忽視。

另外,去年卡片加投影的設計手法十分常見,這種手法能夠清晰的體現出層級關系,能給設計增加深度,但是在開發過程中,投影的實現開發成本高、效果不理想,建議酌情使用;

4. icon的細節刻畫

相信大家都知道,icon的種類有:線性icon、面性icon、填充icon、扁平icon、軸測icon(2.5D icon)、擬物icon、微擬物icon、實物icon等;主要應用于導航欄、標簽欄、金剛區、宮格導航、列表導航等位置。

和以往單調的在面性icon上做顏色漸變等效果不同的是,去年在icon的設計中對細節的刻畫會越來越注重,比如:用色彩的搭配和明暗對比來表現icon的層次、顏色的透明度疊加效果等;再比如:微擬物icon,通過模擬真實物體的質感、細節、光亮等表現手法,icon的識別度會變得更高,再結合明亮的配色,icon會變得更加真實。

實物icon則是在生鮮類電商中運用的比較多,除了識別性最高之外,也可以直觀地傳達出商品的新鮮度。

另外在icon上加動效也比較常見了,更有甚者還加上了音效,相信這在2019年也會繼續流行。

5. 插畫風格

去年最火的風格當屬插畫無疑了,廣泛應用于App中的啟動頁、缺省頁、banner圖、專題頭圖、彈窗插畫、icon等,插畫配色豐富,比圖片更容易出效果,運用時要和App的整體風格搭配。有趣味、富有創意的插畫會讓用戶對產品的好感大幅提升。

插畫的種類很多,去年最流行的還屬手繪插畫、扁平插畫、漸變插畫、肌理插畫、2.5D插畫。從事UI和視覺設計的小伙伴有必要多掌握一門技藝了,相信插畫風格在2019年依舊還會十分流行。

去年還常見到一些線條插畫和實物結合的手法,具有趣味和創意感,腦洞十足。

6. 色彩漸變

漸變色的使用已經流行兩年有余,在2019年依舊是大熱的趨勢,和MUJI風完全不同的是,漸變色風格色調使用上有冷暖色調漸變、同色系漸變、大膽的多色漸變等,風格多樣、顏色豐富明快,在電商設計中使用這種手法比較能突出節日的熱鬧氛圍,刺激用戶的購買欲。

另外流體漸變的設計手法也十分流行,常作為設計點綴配合使用,在電商設計中十分常見。

金屬幻彩漸變去年貌似也很流行,類似光折射在金屬上產生的彩色光暈效果,記得新發布的ViVo X23手機背面就是采用這種漸變,十分具有時尚感,故而比較吸引年輕消費者。

7. 漸變色新趨勢:柔和漸變

得益于全面屏手機的發展,追求無邊界設計理念,柔和漸變風格主張讓色彩自然延伸,打破邊界限制,用顏色牽引視覺走向,更加輕量化,讓心靈獲得一份純粹。

(配圖來源于ColorOS)

8. 年輕、大膽的配色

去年視覺設計上的用色開始變得越來越大膽了,高明度、高飽和度配色的使用越來越多,更加年輕化、時尚、更有視覺沖擊力的配色,對年輕人來說接受度也比較高。

上個月權威色彩機構潘通Pantone公布了2019年的年度代表色:珊瑚橘(PANTONE 16-1546 Living Coral),這款顏色熱情、積極、富有生機,勢必會成為今年的流行色。

Shutterstock也發布了一組2019年度流行色:UFO Green、Plastic Pink、Proton Purple,另外它還針對各個國家發布了帶有地域特色的代表色,有興趣的就去百度搜一下吧,這些配色大家在做設計練習的時候不妨多多使用。

9. 字體效果處理

(1)字體錯層手法

這種手法常見于banner中的字體處理上,將設計好的字體使用蒙版和漸變處理,看起來像是字與字之間形成了投影。同樣也可以在字的筆畫上進行處理,這種手法加強了層級關系和層次感,主題變得更加突出。

(2)油漆字風格

去年比較火的綜藝節目《這就是街舞》就是使用了油漆字的字體處理手法,這種屬于賽博朋克風格,以藍、綠、紫冷色調為主,視覺沖擊力極強,十分符合當下年輕人的審美口味。

還有一種使用C4D制作的油漆字效果,也十分時尚前衛、年輕化,線下看見OPPO R15新機發布時就使用了這一效果,讓人一看就有想買的沖動。

10. 故障風

得益于抖音的火熱,故障風在今年也十分流行,錯位、失真、變形是這一風格的特色,另外還給人的感覺就是時尚、年輕、酷,有的還搭配有霓虹等元素,配以動效的話更能出效果,十分符合當下年輕人的審美。在海報設計和電商設計中用的比較多,網絡上關于這類教程蠻多的,感興趣的可以搜來學習一下。

順便安利各位一個制作故障風的網站:https://photomosh.com,自己動手試一試吧~

另外波普風格、蒸汽波風格、剪紙風格、NOD風格、歐普風格等設計手法也經??梢钥匆?,這些風格基本每年都會有,這里就不多說了;

11. 雙重曝光風格

這種風格源于攝影手法,最近兩年看到很多使用雙重曝光的手法來處理海報,通過將兩個主體疊加在一起,產生一種更有深意的視覺感受。比如:將人臉和自然風景結合,給人一種意境優美、虛無縹緲的感覺,十分引人入勝。

12. C4D風格

今年C4D的流行度相信大家都已經有所感受,其在視覺設計方面的使用相當廣泛,無論是線上線下的活動海報、還是品牌營銷和宣傳等方面,都能看見這一風格,商業化設計中運用十分廣泛。

還有一些C4D作品結合孟菲斯等風格,混搭出來的效果也很棒;我身邊很多做視覺的朋友也紛紛開始學習它了,你還不行動起來?

13. 多使用線條

點、線、面是平面視覺設計的基本元素,也是永遠不會過時的設計元素;去年在視覺設計中經??梢钥匆娋€條的使用,整體給人的感受是動感、現代、時尚,線條的走向引導著視覺的走向,很多大牌設計中也運用了這一手法,比如:2018天貓雙十一設計中也用到了,不妨在你的設計中也試試。

14. 動效設計/微交互

動效設計的重要性不言而喻,每一年都很流行,使用也很廣泛,在App、網頁、插畫或是品牌設計中都比較常見,它的幾點特性:快速且流暢、恰到好處的反饋、提升操作感受、提供良好的視覺效果,好的動效會給產品加分。

另外,結合陀螺儀、重力感應等,產生的動效也可以帶給用戶使用時的趣味性和驚喜感;

15. 響應式設計/柵格化設計

響應式設計一直是產品追求的、最好的體驗設計,但是奈何人力、技術成本等因素限制,很多產品都沒有花費大的精力去做。

要做好響應式設計,必須要結合柵格化設計,柵格化可以讓你的設計變得有依據,同時也能提升工作效率;網絡上關于如何使用柵格化的文章很多,需要學習的可以去搜索一下。

安利大家一個生成柵格的網站:http://grid.guide,可以設置總寬度、間距、列數、列寬等數值,再下載png作為參照標準;當然最方便的還是Sketch軟件自帶的這一功能,可在布局設置中直接設置。

16. VR/AR

VR/AR近兩年開始經常出現我們的視野中,在游戲領域出現頻率較高,還有一些線下的營銷活動也會使用這種技術;除了游戲、視頻中使用外,在家居、服飾領域使用AR進行體驗,用戶參與度較高,成效也十分顯著。

17. VUI

VUI指的是人通過對話與計算機進行交互,從Siri、Amazon echo、Google home、小冰、小愛同學、天貓精靈等發展來看,VUI是最自然也是最省事的交互方式,解放了雙手,但是還不能做到很智能,目前還不會完全取代GUI,而是更好的協作。

18. 車載UI

去年似乎是造車熱潮的一年,特斯拉、小鵬、蔚來、FF、拜騰等一眾新能源車相繼問世,車載UI設計也將會是一個新的設計門類,需要我們的時刻關注。

(配圖來源:虎嗅)

和GUI不同的是,車載UI的設計需要注意以下幾點:

  • 屏幕大,觸控區應該盡量在觸手可及的位置,要縮短操作距離,操作要簡單;
  • 考慮到夜間駕駛的情況,所以屏幕色彩不宜太亮,不要干擾駕駛人的視線;
  • 三秒原則:在三秒內給出用戶操作反饋,可以是視覺也可以是聽覺;
  • 文字主次明顯,遵循易掃原則;
  • ICON設計簡潔,識別性要高;
  • 多考慮使用場景,比如異常天氣情況。

19. 重視用戶體驗

什么是好的用戶體驗?

周鴻偉說:當產品的功能超出用戶預期就是好的用戶體驗;張小龍說:“簡單而自然”,就是不需要用戶去思考就是好的用戶體驗。

為什么都在重視用戶體驗?

因為重視用戶體驗的產品未來一定會在市場占有一席之位;另外,市場環境在變化,用戶體驗行業也在發生著變化,不光是產品體驗設計重要,還有線下體驗設計、品牌體驗設計和營銷體驗設計同樣很重要,共同融合成一套完整的體驗系統,這對用戶會形成統一的品牌印象,這對產品的發展會有十分重要的積極作用。

當然,我們都知道用戶不喜歡改變,因為人類大腦的容量不會一年年改變,雖然時代在變,但用戶習慣不容易改變,遵循用戶習慣進行設計當然是沒錯的,但是有更好的設計方案,并且改變能帶來更好的用戶體驗,切不可因為用戶習慣而拒絕改變;

20. 營銷H5

近年貌似營銷H5很火熱,尤其是網易的H5做的可謂是行業標桿,出產的每一個H5基本都會被刷屏。前兩年的H5設計上,希望能夠充分調動用戶的參與感,會設計許多互動模式,而現在H5對用戶來說比較常見了,更偏向于讓用戶直接瀏覽,參與感越來越少了,因為用戶是越來越懶了。

那如何吸引到用戶?

這就需要結合當下節日、熱點、網絡熱度詞匯等,再配以或趣味、或潮酷、或溫情的設計效果,希望引起用戶的共鳴,用戶才會主動幫助傳播;所以現在趣味、有代入感的H5 PV一般都會很高。另外,能吸引眼球的文案也是裂變傳播的有效手段;

互聯網行業大事件枚舉

1.各大品牌扎堆升級 換logo

今年很多大牌都進行了品牌升級,字體由襯線體變成無襯線體、英文字母小寫變大寫……開始變得趨同化,失去了品牌的歷史感等已熟知的品牌認知??赡苡腥藭X得有的品牌升級很失敗,但是換個角度去看,還是要去考慮企業本身本后的深意。

我感覺品牌整體升級趨勢是越來越國際化、年輕化、現代感了,在logo的升級上進行化繁為簡,去掉多余裝飾,品牌色也變得明快。這些改變在品牌文化和傳播角度可能會更好,更順應這個時代的發展趨勢。

另外在品牌元素方面,對輔助圖形、顏色、字體等的設計也是十分關鍵一步,讓消費者看見品牌元素就能聯想到品牌本身才是成功的設計,比如:BURBERRY的圖案、網易考拉的圖案、騰訊自己的品牌字體等。

2. 互聯網下半場

美團王興提出中國互聯網已經進入下半場,截至2018年上半年,中國網民已經超過8億,自2012年形成的用戶增量紅利已被大廠收割殆盡,用戶增量市場轉為存量市場;而另一方面人口老齡化加劇,即使全面放開二孩政策,出生率依舊低迷,人口紅利、流量紅利和資本紅利消失是未來互聯網的大背景和大趨勢。

由此可見用戶增長已經見頂,獲客成本增高,想要獲取流量需要靠內容吸引、或是補貼拉新、不然就向流量巨頭們買流量。所以留給小平臺的生存空間極小,所以轉型是很多企業不得不走的一步棋,所以近期很多大公司都進行了組織架構調整。

3. 大廠紛紛組織架構調整

互聯網已經進入下半場,獲客成本增大、C端用戶收割困難、人口紅利消失,對巨頭們來說,C端的瓶頸已愈發明顯,to B已是大勢所趨,BAT基于現狀,圍繞自己當下的業務重心,均在B端做出了周密布局。

比如:騰訊前一段時間進行了新一輪的公司組織架構調整,馬化騰也提出:以消費互聯網為根基,擁抱產業互聯網;還有前一段時間美團的組織架構調整也是,專門成立了to B事業群,都是一個信號。

巨頭們為了拿到產業互聯網的入場券,已經開始了新一輪競爭,比如2018年阿里在B端投資了400億人民幣,騰訊投資了127億,百度投資了26億(數據來源:企服頭條)。

雖然這一系列舉動表明,B端將會是新的發力領域,但其實最終B端還是為了更好的服務于C端用戶,正如馬化騰說:不論是to B還是to G,最終還是to C。

4. 90后00后是未來

80后 90后 00后在互聯網用戶中年齡共占比75%,而90后 00后占比50%(數據來源:CNNIC)。90后趕上了中國高速增長的階段,進入互聯網時代,獲取信息的能力大幅提升。00后從小就接觸互聯網,并進入到移動互聯網的時代,信息獲取更加多元,他們更注重個性,但是現在大部分還未成年,辨識能力不足,喜歡追隨潮流,從眾心理明顯。

年輕群體重視審美、重視體驗、喜歡新事物、追求個性化,大廠們也對這一群體進行了深入分析,產品設計也開始對他們的審美進行轉型。關注未來消費主力,迎合他們的審美習慣,也是未來的趨勢所向;前幾天B站發布了年度彈幕熱詞,可能真是三歲一個代溝,我表示沒幾個知道的。

5. 消費降級

“消費降級”指的是現在的消費者在經濟環境不好的情況下,越來越追求一種更為理智的消費方式,消費者對產品的重點考量回到產品的實用價值上,選擇偏向于價格低廉的產品,但不是單純的只追求價格低廉而忽略商品品質,不是說高消費就是升級,低消費就是降級。

“消費降級”出現了很多低廉的商品銷量卻十分大的現象,最具代表性的就是拼多多。也有人說這根本不是“消費降級”,而是“消費分級”??赡苌硖幰欢€城市的我們不是拼多多的主要用戶,但是不代表別人不會買,不然怎么會出現老家的七大姑八大姨在微信群找你砍價的情況,這就是消費圈層和分級的緣故。

另外,拼多多和趣頭條在今年的火爆,其實代表了下沉用戶的崛起,這種現象也帶動了智能手機在三四線城市以下的銷量,所以這也成為流量巨頭們未來重點收割的對象。

6. 新零售

去年新零售貌似經常被提及,最早由馬云在2016年提出,旨在通過大數據、AI等先進技術手段,對商品銷售的全過程進行升級改造,并對線上、線下以及物流進行更好融合的零售新模式。

馬云認為:未來的十年,將沒有電子商務,只有新零售。另一方面,騰訊和蘇寧提出了智慧零售,京東提出了無界零售,但外界通常都以新零售來統一稱呼這一新模式。

早期線上的歸線上,線下的歸線下,而如今互聯網的流量越來越貴,線下門店出現了新態勢, 新零售意味著線上和線下得以更好的融合,比如:2017年底,高鑫零售和阿里的合作,其實也是淘寶和大潤發的合作,大潤發利用阿里大數據的作用,將幫助其在決策和提升門店效率方面有積極的指導作用;

近兩年新零售賽道出來很多明星產品,盒馬鮮生是這一模式的代表產品,它既是超市、是餐飲店、也是菜市場,用戶可以直接在線下門店逛,也可以在手機App上逛,運用大數據技術實現人、貨、場三者之間的最優化匹配。這些改變都意味著純電商時代已成過去,而新零售重新定義了人類未來的商業的新模式。

7. 共享經濟

共享經濟一地雞毛,似乎還未找到盈利模式,無論是共享單車或者共享充電寶,今年的發展貌似都不太順利:

  • ofo陷入資金鏈斷裂死循環,雖仍在垂死掙扎,但在用戶心中,ofo已死;
  • 摩拜賣身,創始人們實現財務自由脫身,美團接手貌似也無力回天;
  • 三線城市起家的哈啰單車開始轉型,并且背靠阿里和螞蟻金服兩顆大樹好乘涼,最近剛獲得了40億人民幣融資,目前也在積極布局其他出行業務。

共享充電寶方面,街電和來電陷入專利爭端,盈利遙遙無期,兩家占了過半市場份額的公司都如此,可想而知其中還有很多模式沒有跑通,最后很可能會淪為陳歐口中所說的“公益項目”。其實作為用戶來說,產品是否為我們解決了痛點、可用性如何、整個體驗過程是否友好舒適、能否獲得價格補貼優惠等一系列因素,是決定用戶是否選擇你的產品的關鍵。

共享經濟確實是有利于普羅大眾生活的,雖然可能還需要很長的路要走,但還是由衷地希望它的發展會越來越好。

8. 短視頻領域

今年最火的領域就屬短視頻了,得益于碎片化時間的利用和UGC內容的趣味性,用戶增長迅速,各大公司都在積極布局,“頭騰大戰”依舊在上演。

目前抖音和快手二分天下,另外頭條系的西瓜視頻、火山小視頻的流量也不低。

騰訊系出了14款短視頻產品似乎都無法切走一塊蛋糕,即使微信極力扶持微視,但是依舊表現不如預期。目前yoo視頻是騰訊新押注的產品,主推PUGC內容,是否會成為又一試錯產品,還要看未來的發展。希望騰訊能夠扳回一城,畢竟頭條系已經開始做起社交了。

9. 大廠收縮HC/大裁員

Winter is coming……相信大家都或多或少的感受到了互聯網寒冬已經來臨,無論是國內的科技巨頭還是國外的一些大型公司,都在紛紛裁員。而且有的公司裁員比例還很高,甚至更慘的有的公司正在經歷倒閉潮。

其中原因可能是戰略調整或是削減成本,總之整個市場大環境都不好,不單單是互聯網行業,其他行業也同樣。盡管國家給出了一些政策支持企業穩定發展,但似乎也未給這場寒冬帶來些許溫暖,由衷的希望這場寒冬早日過去。

10. 可折疊手機

三星預計在今年上半年會發布可折疊手機,而柔宇科技在去年已經率先實現量產,華為、小米等國內知名手機品牌也在積極研發中??烧郫B手機合起來是手機,展開則變成平板,這勢必成為今年的亮點產品。

這對我們設計圈肯定會帶來一些影響,可能需要多出一套UI,或者是考慮適配的情況變得更多,這些都需要我們去時刻關注。

配圖來源:虎嗅;效果圖示意,不代表最終機型樣式

11. 5G時代

5G是指第五代移動通訊技術,目前成都已經開始實行,這將會是2019的新紅利,可能我們現在還沒什么感覺,但是未來每秒2G的下載速度將會是最直觀的感受,5G將人與人之間的通信延展到萬物互聯,對AI、AR、IoT等領域的作用巨大,到時我們的生活將發生很大變化。

12. 最后,和設計師們一起共勉

相信很多設計師在動手設計前是先在國內外大的設計網站上找參考、找靈感,這固然沒錯,但是我們不能一直只做素材的搬運工,還是有必要多掌握一些設計理論,要做到設計時有理所依,比如:要掌握色彩理論、排版知識、設計手法/風格/規范、交互設計理論、產品思維、行業動態等知識體系,當然熟練掌握設計工具是前提,因為想得到最終還要能做得到。

目前大廠們都開始主推全棧設計師,就是要求設計師不能一直待在舒適區,因為一直做擅長的工作是不會有突破的,最終會被淘汰。這就需要我們在精通本職工作的同時,也要涉獵工作相關的其他領域,保持自己的職場競爭力。

這是一個長期的學習過程,也是漫長的道路,一起加油~

總結

本文只是以偏概全的閑聊式文章,部分內容并沒有深入展開。我們作為設計從業者,要時刻關注這些行業動態,保持職業敏感度,跟上設計潮流,才能使自己不會掉隊,共勉吧~

以上,如有遺漏,歡迎留言補充,有不同觀點也歡迎加以斧正~

 

作者:EasonZhang,公眾號:Eason張UED(ID:EasonZhangUED)

本文由 @EasonZhang 原創發布于人人都是產品經理。未經許可,禁止轉載

題圖來自 Unsplash,基于 CC0 協議

更多精彩內容,請關注人人都是產品經理微信公眾號或下載App
評論
評論請登錄
  1. 很贊~有興趣來阿里嗎?

    回復
    1. 你好,不好意思剛看見留言,最近在找工作,還招交互體驗設計師嗎?

      來自上海 回復
  2. 總結很全面,分析很到位!點贊!

    來自北京 回復
  3. 文章很贊,總結的很全面,感謝作者的分享!

    回復
    1. 謝謝支持

      來自上海 回復
  4. 不錯,框架總結的很到位!

    來自北京 回復
  5. 周鴻祎名字寫錯了

    來自廣東 回復
    1. 你真細心

      來自上海 回復