不得不看的2018年UI設計趨勢!

過去的2017年中可以說是ui設計行業快速發展的一年,那在2018年的ui設計行業又將將會如何發展?

哪些元素會成為時代的新寵兒,哪些元素會被時代所淘汰,之前都是幫大家收集UI設計教程,今天就幫大家分析一下,2018年UI設計流行趨勢預測,希望能對大家有所幫助。

一、 圖標

1.半扁平化

自從蘋果開始帶動扁平化的圖標的節奏,國內的大小app也將自己的圖標從擬物化的圖標進化成扁平化,使用戶的界面更加的乾淨整潔,不影響用戶閱讀,提高了用戶的視覺體驗。

然而這幾年通過設計大佬們的不斷改進,也推出了半扁平化設計的概念。半扁平化設計說直白一些就是結合了material design和flat design兩種風格的處理手法,使簡潔的設計上多一些空間感。

2.響應式

在過去的一年中響應式網頁設計可以說是一大流行趨勢,這樣的方式也漸漸的被LOGO所窺探,所以設計師為了滿足LOGO的強烈要求,也開始對LOGO進行了響應式的改革。下面這些"大牌LOGO"就成功推出了自己的響應式版本。

3. 趣味性動效

現在的app標籤欄中的圖標不單單是靜態的圖標,也加入了一些有趣的動態效果。當用戶可以在使用app時,發現這些精緻的小細節時,給用戶一個小驚喜,十分有意思。

二、 顏色

1. 漸變色的運用

2017年中漸變色是趨勢之一,開始於16年,Instagram將自己的logo改變成漸變色,這一趨勢便開始流行,國內的app也開始效仿,目前淘寶、QQ等狀態欄就是使用自己的品牌色進行漸變。在設計漸變色的時候,要做到色彩的過渡柔和,顏色明快,避免生硬,可以有效的提升用戶體驗。

2. 多彩色的配色

在圖標的配色方面,也漸漸的拋棄了一些灰色圖標的應用,採用了多色彩的配色方式。在健身類、電商類、團購類等app上運用的較多。

三、 排版

1. 卡片投影

卡片投影並不是一種新的手法,但現在採用的是輕微的、似有似無的投影,不會被用戶立即察覺,但是會給設計增加深度,形成層疊的關係,更加醒目,可以更好的抓住用戶的注意力。

2. 大膽的排版(大標題、大間距的處理)

隨著ios11的發布,新的設計趨勢也隨之流行開來。iOS 11的應用商城也進行了大膽的改版,文字排版影響著信息層級展示的清晰與否,通過文字的字型大小、字重、間距、顏色等對比去建立出清晰的信息層級。這也影響到了國內的UI設計排版,其中掌閱iReader就採用此排版。

3、 三維效果

2017年中C4D大熱,在雙十一很多商家都使用了3D效果,有的還加上了動效,可以讓你全方位、多角度、更加真實的觀察商品。目前還不會C4D的設計師們,為了提升你的競爭力,有必要學起來了。

4、 VR/AR/VUI是未來的大趨勢

隨著大環境的變化與發展,VR(虛擬現實)和AR(增強現實)在生活中應用越來越多,現在的VR在娛樂領域被使用,而AR多用於多媒體、市場營銷、教育等方面,與我們設計師都緊密相關。

除此之外還加入了VUI(語音用戶界面),屬於一個新領域,將基於"對話"進行設計,呈現給用戶的主要是說和聽。這對於設計師們來說也是一大新的課題,那新的風暴已經出現,我們也要奮勇向前!


推薦閱讀:

互聯網行業學習筆記-互聯網金融基礎篇
解讀設計師如何向上司介紹UI作品
網頁設計中文字排版的10點技巧
什麼是交互設計師?
談談我對Ui設計師的一些觀點

TAG:UI設計師 | 交互設計 | 交互設計師 |