5個2016年UI/UX設計趨勢

1 評論 4577 瀏覽 246 收藏 5 分鐘

隨著“響應式Web設計”以及“Google提升移動友好性設計” 持續升溫,在過去的一年開始流行的一些UI/UX設計趨勢,將會在新的一年里繼續流行下去。鑒于此,我總結了一下在2016年仍會持續大熱的一些UI/UX設計趨勢。

動畫

動畫的使用效果是提升用戶體驗并且彰顯網站/應用的個性,但是要把握好動畫如何表達和何時使用動畫,倆者之間的平衡是很難去區分的。千萬不要為了要有動畫而做動畫;要有一個目標,使動畫能夠真正的增強內容的展現效果。在我的經驗里面,好的動畫是細小而微妙的。一個有愛的動畫,能夠讓用戶明白設計師是為了他們而去想的,以及知道設計師花了時間,只為創造一個獨特而個性化的體驗。

下圖便是一個好例子印證了適當的加載動畫如何提升用戶體驗 (via the Slack app):

Pic1

Material Design-比扁平化更具沉浸感的體驗

Material design 是一個UI界的后起之秀,它沿襲了扁平化設計的一些設計原則,比如鮮明的色彩搭配、簡潔、大字體、簡約等等,然后在此基礎上增加了陰影、模糊、覆蓋和深度等元素。這種設計給人一種更輕便且舒暢的感覺,并進一步增強了用戶的交互體驗。谷歌就是用這個原理打造他們的整個平臺的產品和app。以下這個網站就是個好例子印證了這個UX設計趨勢。

Pic2

Web應用無差別的感官體驗

用戶在用不同的平臺想要體驗的是統一的界面元素。當越來越多的原生應用出現,讓應用無論基于Web還是基于原生iOS/Android都能交付無差別的用戶體驗就變得越來越重要。著名圖片分享站Pinterest為我們提供了一個完美的范例:

Pic3

穩健的用戶透明度

IE的透明性從一開始就做得比較好,尤其是針對C-Suite、營銷人員以及利益相關者。他們給客戶一個能更好地了解如何使用的外觀和感覺。創建介于用戶界面和用戶體驗之間的內部線框圖能夠從開始階段起就為客戶提供更加豐富和準確的線框。當然你可以說它們只是半成品,并不能代表完全的成品。我認為這樣將會誤導你的客戶,使他們對設計變得迷惑。

高保真線框

要想打動你的用戶,以下是幾種可以增加你的UI/UX體驗的表達手法:

  1. 使用真實圖像而不是灰框(即使不是完全真實的圖像)
  2. 使用最終要用的字體效果
  3. 讓標題和尺寸和最終效果一致

在用戶界面上你不需要想太遠,把這些元素擴大是一個好方法,利用原本元素,做成能夠向客戶表達的效果。

當然,并不是說你遵循了上面的原則就一定能打動你的用戶,你還需要具備額外的技能,而不是一步登天;無論面對何種項目,用你的最佳判斷和對用戶需求的理解都是最最重要的。

 

原文地址:http://www.ackmanndickenson.com/2015/12/5-ui-ux-design-trend-predictions-for-2016/

譯者:@許嘉智? xujz@ctrip.com

譯文地址:http://ued.ctrip.com/blog/5-2016-ui-ux-design-trends-translation.html

更多精彩內容,請關注人人都是產品經理微信公眾號或下載App
評論
評論請登錄
  1. 看了你的圖片,下了兩款應用。謝謝推薦啦 ?

    來自本機地址 回復