? ? ? ? 本文抄錄Eason Zhang 發(fā)布在UI中國的文章《互聯(lián)網(wǎng)設計圈大盤點：回顧2018展望2019》，因原文太長，超8000字，現(xiàn)整理為縮減版。

1，極簡主義/MUJI風格（性冷淡風格）

設計上追求極簡和留白，減少視覺上的干擾，讓用戶聚焦內(nèi)容本身。這一理念影響著設計行業(yè)各個領域，尤其在家居和服飾等領域，這種設計給人帶來一種舒適、簡單的生活感受。

MUJI為這一風格的代表，設計風格簡潔時尚，提倡簡約、自然、富質(zhì)感的生活哲學，配色柔和、舒適、小清新，深受年輕消費者的追隨和喜愛。

2，扁平化

什么是扁平化？

扁平化概念的核心意義是：去除冗余、厚重和繁雜的裝飾效果。而具體表現(xiàn)在去掉了多余的透視、紋理、漸變以及能做出3D效果的元素，這樣可以讓“信息”本身重新作為核心被凸顯出來。同時在設計元素上，則強調(diào)了抽象、極簡和符號化。

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

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

人的大腦對圓形和圓角矩形接收程度比直角矩形高，圓角的使用對用戶來說更加友好，內(nèi)容也更容易聚焦。

弱化分割線或者去掉分割線的使用，用大間距留白效果來構造空間，打造出清新自然的界面；另外加大文字大小和色彩對比，帶來優(yōu)雅舒適的界面閱讀體驗； 去掉線條不代表沒有邊界 ，交互上要注意點擊狀態(tài)下（pressed）點擊區(qū)域的可視性。

卡片加投影的設計手法能夠清晰的體現(xiàn)出層級關系，能給設計增加深度，但實現(xiàn)開發(fā)成本高、效果不理想。

4，icon的細節(jié)刻畫

微擬物Icon，通過模擬真實物體的質(zhì)感、細節(jié)、光亮等表現(xiàn)手法，使icon的辨識度變高。

實物icon，在生鮮類電商中運用較多，可以直觀的傳達出商品的新鮮度。

在icon上加動效，甚至加上音效，在2019也會繼續(xù)流行。

5，插畫風格

插畫廣泛應用于App中的啟動頁、缺省頁、banner圖、專題頭圖、彈窗插圖、icon等。

有趣味、富有創(chuàng)意的插畫會讓用戶對產(chǎn)品的好感度大幅提升；

插畫種類：手繪插畫、扁平插畫、漸變插畫、肌理插畫、2.5D插畫

線條插畫和實物結合

6，色彩漸變

漸變色風格色調(diào)使用上有冷暖色調(diào)漸變、同色系漸變、多色漸變等，風格多樣、顏色豐富明快，在電商設計中使用這種手法可以突出節(jié)日的熱鬧氛圍，刺激用戶購買欲。

金屬幻彩漸變也很流行，類似光折射在金屬上產(chǎn)生的彩色光暈效果，十分具有時尚感。

7，漸變色新趨勢：柔和漸變

主張讓色彩自然延伸，打破邊界限制（全屏手機追求無邊界設計理念），用顏色牽引視覺走向。

8，年輕、大膽的配色

Pantone 2019年度代表色 珊瑚橘(Pantone 16-1546 Living Coral), 這款顏色熱情、積極、富有生機。

9，字體效果處理

字體錯層手法，加強層級關系和層次感，突出主題。

油漆字風格

10，故障風

錯位、失真、變形是這一風格特色，搭配霓虹等元素，配以動效，更突出效果。

制作故障風的網(wǎng)站：https://photomosh.com

11,雙重曝光風格

通過將兩個主題疊加在一起，產(chǎn)生更有深意的視覺感受，比如將人臉和自然風景結合。

12，多使用線條

用線條走向引導視覺走向

13，動效設計/微交互

特點：快速且流暢、恰到好處的反饋、提升操作感、提供良好的視覺效果，在App、網(wǎng)頁、插畫或是品牌設計中比較常見。

14，響應式設計/柵格化設計

做好響應式設計，必須結合柵格化設計，柵格化可以讓你的設計變得有依據(jù)。?

生成柵格的網(wǎng)站：http://grid.guide

15, VUI

VUI指人通過對話與計算機進行交互，例如 Siri, Amazon Echo.....

16, 車載UI

隨著一系列新能源車的問世，車在UI設計也將會是一個新的設計門類。

需要注意以下幾點：

●屏幕大，觸控區(qū)應該盡量在觸手可及的位置，要縮短操作距離，操作要簡單；

●考慮夜間駕駛的情況，屏幕色彩不宜太亮，干擾駕駛人視線；

●三秒原則，在三秒內(nèi)給出用戶操作反饋，可以是視覺也可以是聽覺；

●文字主次明顯，遵循易掃原則；

●ICON設計簡潔，識別性要高；

●多考慮使用場景，比如異常天氣。