2017 UI 設計趨勢 ( 上 )

Image for post
Image for post

功能、畫面簡單內容為主

APP 和 網站開始使用簡單的設計風格,減少非關鍵訊息,只凸顯想要讓使用者關注的訊息內容

Image for post
Image for post
https://dribbble.com/shots/2062516-e-commerce

字體與圖片融合

虛擬的字體和真實的圖片融為一體的設計也是近期流行的設計手法,這種設計方式讓字體擁有了融入真實場景的視覺體驗。

Image for post
Image for post
https://www.kikk.be/2017/

動畫特效的首頁

首頁 Banner 一直都是設計師最重要的一個設計,不僅在視覺上足夠突出,而且能夠傳遞信息,傳達情緒,強化主題。
加入動畫更讓首頁的 Banner 更加吸引人,更能捉住眼光。

Image for post
Image for post
https://www.alipay.com/

有風格的插畫

插畫一直都是可吸引人的元素之一,可自訂與自己網站的風格,在近幾年的 UI、網頁設計也常被使用,可以帶來更加可控的風格和調性。
優秀的插畫還增加用戶體驗,提高可訪問性。

Image for post
Image for post
https://dribbble.com/shots/2818336-Donation-Screen

全屏式佈局

隨著無邊手機的普及、用戶的體驗的改變,近期的設計師開始熱衷使用全屏式的佈局,讓圖片和視頻等視覺元素不再受到邊框的限制,更多的屏幕空間可供用戶使用。

Image for post
Image for post
https://cheshirecat.inthehiddencity.com/

創意的著陸頁 ( Landing Page )

2017年 在著陸頁的設計上越來越多關注用戶最在意的問題,注重在如何提升著陸頁的轉化率。
通過市場調查和測試,著陸頁的設計也越來越有創意與接近使用者重視的。

Image for post
Image for post
https://dribbble.com/shots/1104329-Economist-landing-page

網格系統的設計

手機使用度越來越高,網格系統的設計也越來越有創意,通過自定義創造出實驗性的網格系統,設計師在此基礎上能夠創造出更加靈活原創的佈局,創造性地使用各種視覺元素。

Image for post
Image for post
https://dribbble.com/shots/2068898-Long-Scroll-About-Page

Written by

Get the Medium app

A button that says 'Download on the App Store', and if clicked it will lead you to the iOS App store
A button that says 'Get it on, Google Play', and if clicked it will lead you to the Google Play store