2017年,UI設計風格的五點預測

2 評論 20718 瀏覽 174 收藏 9 分鐘

設計工作幾年后,你有沒有接到設計需求時不滿足于之前的處理手法,想要突破自己,不想麻木的做設計?不希望自己在習以為常的設計中走向平庸,成為一個廢柴……最近對國內(nèi)外各種資訊文章的閱讀和最新優(yōu)秀產(chǎn)品的體驗,梳理下今年的UI設計的趨勢,希望在接下來的設計工作中,理性的前提下又不失創(chuàng)新。

?1. 半扁平化的設計

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

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

下面是一些國外的設計案例。

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

可能有的設計師會說,這些都是國外的效果圖!而且英文的很容易做出高大上的效果?。∫椅乙部梢?!但是自己做的產(chǎn)品或者說國內(nèi)的設計不太好做出這樣的啊ba la ba la~

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

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

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

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

3. 幾何圖形的點綴

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

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

4. 漸變色的運用

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

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

5. 大標題,大間距的處理

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

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

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

總結

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

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

 

作者:大牙,百度用戶體驗部高級UI設計師。微信公眾號:大牙的設計筆記。

本文由 @大牙 原創(chuàng)發(fā)布于人人都是產(chǎn)品經(jīng)理。未經(jīng)許可,禁止轉(zhuǎn)載。

更多精彩內(nèi)容,請關注人人都是產(chǎn)品經(jīng)理微信公眾號或下載App
評論
評論請登錄
  1. 無框設計不錯

    來自江蘇 回復
  2. 對,我一直堅持設計符合產(chǎn)品定位才是好設計

    來自廣東 回復