當妳遇到設計瓶頸的時候,是不是有一種不滿足於之前的處理手法,想要突破自己,不想麻木地做設計呢?不希望自己的設計逐漸走想平庸,毫無突破?下面,我們一起了解一下2017年UI設計風格預測。
1.半扁平化的設計
在過去的兩年左右,扁平化無疑是討論最多、最火的設計趨勢。但設計趨勢往往受到媒體,技術,和實用性的影響,一般都以緩慢漸進的方式滲透在我們的設計中,周期在1-2年之間。目前已經有很多設計師對它進行細微改進,形成了一個新的設計趨勢-半扁平設計。
半扁平化設計說直白點,其實就是結合了material design和flat design兩種風格的處理手法。使簡潔的設計上多一些空間感,包括懸浮的按鈕和卡片的設計。按照Wired的話來說,那就是讓像素具備海拔高度,這樣子的話,系統的不同層面的元素,都是有原則、可預測的,不讓用戶感到無所適從。
下面是一些國外的設計案例:
從細節上來看,頂部的導航條是通過淡淡的投影來與背景區分,而不是是常見於ios設計中的1px的灰色的線條。包括更有空間感的卡片的處理,在保證細節的時候,又不會由於增加了投影給用戶帶來視覺幹擾,反而頁面更有層次感。
“可能有的設計師會說,這些都是國外的效果圖!而且英文的很容易做出高大上的效果啊!要我,我也可以!但是自己做的產品或者說國內的設計不太好做出這樣的啊!”
兄弟!不要為自己的懶惰找借口了,例子來了!下面是最近常用的一些國內app,半扁平化的設計已經在他們產品上有了體現。
2.更多三維呈現
在以前,UI或運營設計中常見的都是二維的處理手法。元素以平面的方式展示給我們,但是今年會慢慢趨於更多3D的效果,使內容更加有縱深感從而也提升了設計的趣味性,尤其是運用在運營設計上會讓畫面顯得更加豐富。
360做的搶票軟件的的視覺設計給我印象很深,采用的是粘土塑形的方式塑造的立體形象。我認為這種對設計的創新手法,很值得設計師們學習的。做設計真的不僅僅局限於每天對著屏幕挪動著鼠標,反而對生活的熱情和動手的能力會讓自己的設計脫穎而出。
3.幾何圖形的點綴
從2016年年底就有一些設計作品或者設計包裝采用不同顏色的幾何圖形進行點綴。它不是作為設計內容的主角,而是起到渲染畫面氛圍的作用。用色一般鮮亮大膽,會給人視覺上的沖擊,多用於運營設計。
下面是國內產品運營設計實用幾何形的案例:
4.漸變色的運用
漸變色的運用範圍很廣,它可以當作背景使用,也可以在logo或者按鈕上使用。今年的漸變不再是像擬物化時代為了還原物體本身的空間所做的處理。這裏的漸變多為大撞色的使用,為了營造氛圍和產品氣質使用。
漸變色的處理在logo或者按鈕上的運用:
5.大標題,大間距的處理
預測今年將會有越來越多優秀的產品跳脫出系統本身規範的束縛,開始更大膽的設計。不在局限於本身規範裏最大字號不能超過多少px,間距最好在稍稍px之內等等…而是針對不同場景,不同用戶群體,不同的內容去特殊處理。
所以出現了目前更多大標題大間距大量留白的設計作品。其實像這種處理手法有點類似幾年前微軟的Metro Design,只是現在很多優秀設計師都能把不同的設計語言靈活的去運用,而不僅限於某個系統平臺。
下面是國內一些APP設計實例: