5個2016年UI/UX設計趨勢

發表於2016-03-07

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

  1. 動畫

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

Pic1

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

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

Pic2

  1. Web應用無差別的感官體驗

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

Pic3

  1. 穩健的使用者透明度

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

  1. 高保真線框

要想打動你的使用者,以下是幾種可以增加你的UI/UX體驗的表達手法:
1.使用真實影像而不是灰框(即使不是完全真實的影像)
2.使用最終要用的字型效果
3.讓標題和尺寸和最終效果一致
在使用者介面上你不需要想太遠,把這些元素擴大是一個好方法,利用原本元素,做成能夠向客戶表達的效果。

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

相關文章