APP設計的發展趨勢分析

文/潘宏銘，重慶工貿職業技術學院

無論是App的分屏，還是網頁瀏覽器或者智能手表的界面，設計都是消費者購買它們的最關鍵因素之一。從扁平化設計到谷歌的材料設計語言（Meterial design），我們可以從其中方便地分析出設計的流行趨勢。那么這些趨勢是什么？為什么這樣做用戶更喜歡？它們是怎么樣被創造的呢？

1 更輕量的設計

所謂輕量化設計，主要指放棄了使用漸變或陰影等效果，現在App中更流行使用“扁平化設計”風格，給人一種“更輕”的體驗。這意味著設計師要善于利用負空間（指物體和物體的間隙）——來取代漸變、陰影等效果，以創造一個更加簡潔的界面，讓用戶的注意力可以集中在界面的核心信息上，將對用戶無效的設計元素去掉。這樣的做法同時也降低了用戶在該界面的導航成本，并且使品牌更具時尚感。

2 統一字體

減少不同種類字體的使用更能體現排版美學。與使用不同的字體形式表現不同的特性（比如，斜體、加粗、半加粗）相比，使用不同的字號更能將不同部分的內容加以區別。在整個App中只使用一款字體可以很容易地為品牌帶來一致性的感受，這種效果是跨平臺的，比如App，移動端網站、PC端網站。因此，優化移動端的設計細節是可以全方位提升用戶體驗的。同時，用戶更喜歡統一的字體帶來的簡潔感。

3 卡片和留白

過去，設計師熱衷于使用線條來將不同的內容主題或分類明顯地劃分開，但是這些線條卻創造出一個笨拙的擁擠的界面。取而代之，我們可以將不同的內容放置于不同的卡片塊兒上，使用空白將不同內容塊劃分開，這樣我們就可以騰出空間，搭建一個干凈的界面。分界線的棄用是為了帶來一個具有現代感的外觀，使用戶注意力集中在功能性上。比如放大圖片和字體的大小，這樣可以使視覺體驗更加清晰，產品易用性也得到了提高。利用空間來取代分界線是一個順應用戶使用習慣的選擇。

4 聚焦數據

因為用戶傾向于使用更加簡潔的界面，所以利用大字號和醒目的顏色來顯示具體的數據可以使用戶的注意力更加集中。可以通過高亮數據來吸引不同的目標客戶。利用更大的字號或者一種流行色，來吸引用戶的注意力到一個屏幕的一個特定區域——這完全不會給用戶帶來強迫感。所以，用戶可以更快地接收到有效信息，導航和閱讀信息的體驗也會更好。

5 微交互

微交互在使用場景中是一個很小的用戶體驗的改變。這些場景包括完成一個交易，收藏喜歡的物件或者彈出一個消息。這些交互都是很細節的，但是產品的差異性就在于給合適的用戶使用合適的效果。這些微交互像是信號一樣驅動著用戶去完成一項任務——比如調試設置——創建一個新的內容彈出窗口。有微交互的那些App可以給用戶帶來更簡潔、更有趣、更有參與感的感覺。

6 用更少的顏色

自從2013年扁平化設計推出后，在主題中使用更少的顏色變成了一個流行趨勢，這樣可以使設計變得清晰和簡潔。所以，設計師和用戶都更喜歡顏色更少的設計，以求一個更干凈的外觀。顏色的運用在表達情緒、引導用戶注意力、品牌深化上都有著重要作用。采用更少的顏色能更容易突出品牌特性。另外，用戶也喜歡這樣美觀的界面，關鍵元素可以被輕易突出，導航體驗也更好。

7 分層界面

過去，界面設計遵守擬物化的原則，就是模擬一個物體的真實形態。比如，數字日歷對紙質日歷的模仿，App圖標的3D縱深，手機快門的咔嚓聲等等。現在，扁平化設計已經不再采用這一原則，它使產品設計者可以用新的方式展示縱深效果， 通過分層設計可以更好地體現出縱深和規格化的感覺，為用戶提供一種更直觀的體驗。

8 幽靈按鍵

幽靈按鍵是指沒有被填上顏色的透明按鈕。它們有著非常細化的邊緣，并且形狀往往很基礎，比如矩形、正方形或者直角、軟化邊緣等。這些按鈕中的文字往往很簡單且很小。這些設計得很微妙的按鈕可以吸引用戶注意力，而且看上去還很干凈、時髦、不會惹人煩。

9 手勢

隨著用戶設備集成了陀螺儀和動作傳感器的功能，它能夠更好地感知動作。有了這些，用戶和設備之間的交互方式從鼠標點擊拓展到了真實手勢上。用戶對一些手勢有著出于直覺的敏感。當要刪除某個條目時，不管哪個年齡段哪個性別的用戶都會試圖把它移出屏幕。事實上，更少的點擊和更多的滾動可以提升用戶體驗，通過用手勢在屏幕定位而非點擊目標可以讓你的應用看上去交互性更強。

10 動作

通過軟件創新，設計師現在可以利用樣式表控制運動。基于動作的設計元素能夠以多種多樣的形式呈現，包括過渡、動畫效果甚至模仿3D效果的紋理。設計中對動作的使用可以幫助用戶接觸和吸收內容，這和以往通過數據和對象來突出內容重要性的方式已大有不同。動作元素能夠將用戶注意力吸引到一個明確的區域——或者把他們的注意力從那兒移開。通過視覺響應，它可以增進用戶對內容的理解，并促使用戶產生一種愉快的體驗。

11 更短的使用流程

相比通過復雜的頁面介紹如何使用產品，一個簡單的界面就可以幫你省去教育用戶的麻煩，并且減輕你投入到App上的不必要的時間和精力。

12 設計標準

設計標準是從項目啟動之初就注入其中的視覺語言，它涉及到顏色、圖標和整體風格的設定等。設定設計標準可以幫助產品在不同平臺上形成更好的統一體驗。它能將產品投入市場后可能產生的錯誤壓到最低，并使其在未來更易于被修正。