2019 APP&網頁交互視覺設計趨勢－張佑琦的評價心得

隨著技術的進步，電子設備更加智能，給予了設計更大的空間和可能性。2019新的一年APP和網頁會有怎樣的設計趨勢，我小小的總結&展望了一下，寫下這篇文字。

1. 線上+線下的進一步融合

這幾年，純線上的人機交互已延續到線下，比如盒馬鮮生和超級物種，把傳統超市互聯網化的同時，設計師必須考慮更多線下支付場景和物流方式，用戶的畫像和購買動線也有了新的定義。最近在看的《不可消失的門店》，也介紹了新零售中電商和門店如何互相牽制進而調整戰略的行為。

2. 購買方&銷售方同步性更高

在2019年，購買方和銷售方的互動也會更加緊密，各大廠牌在戰略上加大了對銷售和運營方的培養。比如淘寶和京東都為賣家提供了更多銷售數據分析的內容和商家展示商品模塊的設計功能，金融行業中，客戶經理與客戶把溝通線上化，并且能同步跟蹤彼此的進度。這些對設計師來說都是新的體驗和挑戰。

3. 故事性與內容優先

在信息充斥日常的時代，大約25%的APP在使用一次后就被刪除，吸引用戶目光就成為重要的目標。在我看來，交互視覺和運營手段的有機融合才是2019年能打出的一張王牌。運營上我們需要提供更好的文案內容，注意操作功能的完整性和延續感，給用戶故事一般的沉浸感。

設計上提供更多定制化內容吸引用戶。用戶不需要太多學習成本，但使用時量身定做的內容會讓他們成為忠實的用戶。

4. 無襯線字體VS襯線字體兩極分化

在過去的一年，眾多大牌LOGO都啟用了新設計，Sans和蘋方一類的無襯線字體獲得了更多的大眾認可。無襯線字體擁有干凈和極簡的特點，在多種尺寸屏幕和印刷物上都具有識別性高的絕對優勢，在2019年，這種字體樣式會繼續普及到更多的頁面展示中。

另一方面，襯線字體和復古感設計開始小幅度的回歸，圖標也從極簡回歸，與無襯線字體產生了兩極分化。經典的Bookman字體和手寫體又流行了起來。襯線字體的優點在于個性化風格的展示，用視覺表達出獨有的品味和風格。針對特定人群或者特定場景來說，設計過的襯線字體讓用戶產生更大的共鳴。

5. 漸變色依然流行，不對稱風格開始流行

2018年漸變色大行其道，2019年依然流行，而且在用色上更加大膽激進。Pantone也發布了2019的主打流行色珊瑚粉Living Coral，同期發布的色彩組合也鮮艷活潑。

在排版上，不對稱和破形風格日益增多。在APP界面上使用層疊效果，既會給界面層次感和趣味性，又能自然的引導用戶觸達每一個頁面。在新的一年，這樣的新風格也會給人新的瀏覽體驗。

6. 擬物化回潮&插圖風格重新熱門起來

在經歷數年扁平設計之后，APP和網頁中的裝飾性風格開始回潮，線性的圖標們開始重新有了陰影和明暗效果，顯得更有質感。

很多頁面在電商崛起和潮牌當道的風潮下重啟插畫風格，也出現很多華麗麗的的2.5D效果，這樣的設計可以很自然的把諸多元素齊聚一堂展現出來，比純平面的設計更有活力。

7. 動畫效果和界面功能更加自然的結合

微交互的使用從去年延續到了現在，順滑的過渡動畫會讓APP鮮活起來。考慮到開發成本和手機性能，有時候微動畫更容易落地并產生好的效果。比如最常見的加入收藏、點贊、完成確認等等，這些小優化讓用戶更明確得到自己操作的反饋，這些情感化的表達讓人會心一笑。

8. 短視頻的進一步深度運用

隨著硬件性能提高，短視頻在app和網頁中的運用爆發式增長。除開以短視頻為主體的APP們如抖音，愛奇藝不談，從電商類APP使用短視頻展示商品，到聊天APP提供短視頻秒拍表情包，到網頁中使用視頻動態背景烘托氣氛，我們都可以感受到視頻帶來的新感受。這一類短視頻豐富了頁面內容，把復雜的概念簡單表達，并讓用戶感同身受。

9. AI+AR的落地性運用

人工智能這幾年成為大熱，從GoogleHome，Amazon Alexa到小米的小愛，從金融業務的人臉識別到電商的智能機器人客服，最近微信閱讀app也有了模仿語音的朗讀功能。有研究表明，生物識別市場預計將在2016年至2022年以29.3％的復合年增長率增張。AI的出現擴大了設計師需要考慮的設計邊界，也給設計師提出了新的挑戰。