最近對國內(nèi)外各種資訊文章的閱讀和最新優(yōu)秀產(chǎn)品的體驗，梳理下今年的UI設(shè)計的趨勢，希望在接下來的設(shè)計工作中，理性的前提下又不失創(chuàng)新。

 

 

 1.半扁平化的設(shè)計  

 

在過去的兩年左右，扁平化無疑是討論最多、最火的設(shè)計趨勢。但設(shè)計趨勢往往受到媒體，技術(shù)，和實用性的影響，一般都以緩慢漸進的方式滲透在我們的設(shè)計中，周期在1-2年之間。目前已經(jīng)有很多設(shè)計師對它進行細微改進，形成了一個新的設(shè)計趨勢－半扁平設(shè)計。

半扁平化設(shè)計說直白點，其實就是結(jié)合了material design和flat design兩種風(fēng)格的處理手法。使簡潔的設(shè)計上多一些空間感，包括懸浮的按鈕和卡片的設(shè)計。按照Wired的話來說，那就是讓像素具備海拔高度，這樣子的話，系統(tǒng)的不同層面的元素，都是有原則、可預(yù)測的，不讓用戶感到無所適從。

 

下面是一些國外的設(shè)計案例，（可以點擊看大圖細節(jié)）。

 

 

 

從細節(jié)上來看，頂部的導(dǎo)航條是通過淡淡的投影來與背景區(qū)分，而不是是常見于ios設(shè)計中的1px的灰色的線條。包括更有空間感的卡片的處理，在保證細節(jié)的時候，又不會由于增加了投影給用戶帶來視覺干擾，反而頁面更有層次感。

 

可能有的設(shè)計師會說，這些都是國外的效果圖！:angry:而且英文的很容易做出高大上的效果啊！:angry:要我我也可以！:angry:但是自己做的產(chǎn)品或者說國內(nèi)的設(shè)計不太好做出這樣的啊 :angry:ba la ba la～

 

兄弟！不要為自己的懶惰找借口了，例子來了！ hiahiahia。  下面是最近常用的一些國內(nèi)app，半扁平化的設(shè)計已經(jīng)在他們產(chǎn)品上有了體現(xiàn)。（以下APP分別是：字里行間，微信閱讀，輕芒雜志，滴滴出行，微信閱讀）

 

 

 

 

 

 

 

 

2.更多三維呈現(xiàn)  

 

在以前，UI或運營設(shè)計中常見的都是二維的處理手法。元素以平面的方式展示給我們，但是今年會慢慢趨于更多3D的效果，使內(nèi)容更加有縱深感從而也提升了設(shè)計的趣味性，尤其是運用在運營設(shè)計上會讓畫面顯得更加豐富。

 

 

 

 

 

360做的搶票軟件的的視覺設(shè)計給我印象很深，采用的是粘土塑形的方式塑造的立體形象。我認為這種對設(shè)計的創(chuàng)新手法，很值得設(shè)計師們學(xué)習(xí)的。做設(shè)計真的不僅僅局限于每天對著屏幕挪動著鼠標(biāo)，反而對生活的熱情和動手的能力會讓自己的設(shè)計脫穎而出。

 

 

 

 

 

 

 

3.幾何圖形的點綴

 

 

從2016年年底就有一些設(shè)計作品或者設(shè)計包裝采用不同顏色的幾何圖形進行點綴。它不是作為設(shè)計內(nèi)容的主角，而是起到渲染畫面氛圍的作用。用色一般鮮亮大膽，會給人視覺上的沖擊，多用于運營設(shè)計。

 

 

 

 

下面是國內(nèi)產(chǎn)品運營設(shè)計實用幾何形的案例（所以我都找了國內(nèi)的案例，專治各種找借口說只能用英文才好出效果）：

 

 

4.漸變色的運用

 

 

漸變色的運用范圍很廣，它可以當(dāng)作背景使用，也可以在logo或者按鈕上使用。今年的漸變不再是像擬物化時代為了還原物體本身的空間所做的處理。這里的漸變多為大撞色的使用，為了營造氛圍和產(chǎn)品氣質(zhì)使用。

 

 

 

 

漸變色的處理在logo或者按鈕上的運用：

 

 

 

 

 

5.大標(biāo)題，大間距的處理

 

預(yù)測今年將會有越來越多優(yōu)秀的產(chǎn)品跳脫出系統(tǒng)本身規(guī)范的束縛，開始更大膽的設(shè)計。不在局限于本身規(guī)范里最大字號不能超過多少px，間距最好在稍稍px之內(nèi)等等...而是針對不同場景，不同用戶群體，不同的內(nèi)容去特殊處理。

 

所以出現(xiàn)了目前更多大標(biāo)題大間距大量留白的設(shè)計作品。其實像這種處理手法有點類似幾年前微軟的Metro Design，只是現(xiàn)在很多優(yōu)秀設(shè)計師都能把不同的設(shè)計語言靈活的去運用，而不僅限于某個系統(tǒng)平臺。

 

下面是國內(nèi)一些APP設(shè)計實例（依次是：輕芒雜志，airbnb，ofo，VUE，字里行間）：：

 

 

總結(jié)

 

 

我們需要了解趨勢，預(yù)判未來，接受創(chuàng)新。但并不需要盲目追隨趨勢。不能為了設(shè)計而設(shè)計。在形式服從內(nèi)容的今天，只能說哪種設(shè)計風(fēng)格更適合自己的產(chǎn)品。

設(shè)計趨勢只是設(shè)計工作中小小的一部分，更重要的是我們?nèi)绾巫龅桨盐蘸米约寒a(chǎn)品需求的情況下把這種優(yōu)秀的設(shè)計語言巧妙的加進去，做到符合產(chǎn)品定位，節(jié)約開發(fā)成本和提升商業(yè)價值的效果，從而給產(chǎn)品帶來更多的利益。