頂尖的移動應(yīng)用程序設(shè)計不外乎個性化的交流，友好的聲效以及直觀的交互。換句話說，好的設(shè)計是不需要用戶思考很多的，而是更加重視情感，動機和需求的滿足。

如果你想設(shè)計出技術(shù)先進(jìn)的，直戳用戶痛點，理解用戶心聲的產(chǎn)品， 看這篇文章就對了！在這篇文章中，你將看到2020年最好的移動應(yīng)用程序設(shè)計實例及趨勢，了解他們是如何擴(kuò)大銷售，留著用戶的。

為什么要關(guān)注2020年最佳移動應(yīng)用設(shè)計趨勢

現(xiàn)如今，每個人都被裹挾在源源不斷的信息潮流中，想要創(chuàng)作一款足夠吸引人注意力的產(chǎn)品越來越難。就算你的產(chǎn)品由一定的價值，但如果它不好用，沒有人會花費時間去學(xué)習(xí)怎么使用它。

簡單來說，以人為中心的設(shè)計是建立長期用戶關(guān)系的關(guān)鍵。這里的長期不需要太長，只需要產(chǎn)品設(shè)計足夠吸引人，足夠獨特就行。事物都是會變的, 以人為中心的設(shè)計理念已經(jīng)取代了以系統(tǒng)為中心的理念，成為了2020年設(shè)計的主流趨勢。

現(xiàn)如今的設(shè)計理應(yīng)反映出最新的科技創(chuàng)新，讓我們深入了解那些逐漸改變我們生活方式的主要科技進(jìn)步吧。

影響現(xiàn)代移動應(yīng)用設(shè)計趨勢的技術(shù)因素

UX/UI設(shè)計需要始終利用最好的技術(shù)，這就是為什么最新的軟件和硬件設(shè)計至關(guān)重要。讓我們來回顧一下現(xiàn)在最熱門的技術(shù)：

1） 從4G到5G移動數(shù)據(jù)傳輸?shù)拇笠?guī)模過渡

5G時代已經(jīng)來臨，并預(yù)計將在2020年底快速發(fā)展。5G的最高速度將比4G快2.7倍，并將對設(shè)計產(chǎn)生巨大影響：無聊的加載屏幕將不再適用，詳細(xì)的數(shù)據(jù)可視化（在當(dāng)下速度下是不可能的）將成為現(xiàn)實。

2） 小應(yīng)用的日益普及

今天，您不需要下載功能齊全的應(yīng)用程序即可訪問其提供的某些工具。因此，UX / UI設(shè)計應(yīng)適用于即時應(yīng)用程序（instant app)，而不應(yīng)讓用戶使用不需要的功能。

3） 物聯(lián)網(wǎng)的采用

根據(jù)全球統(tǒng)計數(shù)據(jù)，人均擁有6.58臺聯(lián)網(wǎng)設(shè)備。物聯(lián)網(wǎng)設(shè)備不僅涉及手機，平板電腦，又或者智能手表。冰箱，慢燉鍋，監(jiān)控攝像頭，門照明系統(tǒng)也僅僅是只是所謂的物聯(lián)網(wǎng)的一小部分。當(dāng)然，家電和可穿戴設(shè)備的應(yīng)用具有不同的用途，但兩者都是2020年的大趨勢。

4） 云計算解決方案

預(yù)計到2020年，集成的云計算解決方案（cloud solution) 將在移動應(yīng)用程序中發(fā)展。在云端運行的應(yīng)用程序?qū)⒋蟠蠊?jié)省我們設(shè)備的內(nèi)存。它給設(shè)計師和開發(fā)商帶來了什么呢？云計算解決方案將不僅降級開發(fā)成本，而且允許將更多的資源用于功能和用戶界面設(shè)計。

5） 無密碼登錄

在登錄過程中將數(shù)據(jù)輸入字段已成為歷史。所有現(xiàn)代設(shè)備都使用面部識別或指紋認(rèn)證，因此用戶無需記住密碼并且導(dǎo)致與應(yīng)用程序的交互中斷。無密碼登錄是朝著簡單，不間斷的UI邁出的又一步。

2020年最佳移動應(yīng)用設(shè)計趨勢

現(xiàn)在知道了技術(shù)是如何決定設(shè)計變更的，下面讓我們看看今年的移動應(yīng)用程序設(shè)計最佳實踐案例。

動畫和微交互（microinteractions)是沉浸式設(shè)計的一部分.

動態(tài)和功能性動畫是2020年移動應(yīng)用程序設(shè)計的主要趨勢。讓我們看看它的好處：

動畫和微交互可以吸引人注意，并且讓人產(chǎn)生相對應(yīng)的心情，因此不需要添加雜亂或多余的文字。

動畫可以讓應(yīng)用程序更加鮮活，就像用戶與應(yīng)用程序之間進(jìn)行了雙向?qū)υ?。即使是較小的動畫，例如在滾動時更改活動塊的顏色或減小標(biāo)題大小，也可以提高用戶與應(yīng)用之間的互動。

個性化動畫是在產(chǎn)品和用戶之間建立聯(lián)系的另一種趨勢

借助個性化動畫，屏幕上的元素會根據(jù)用戶的行為發(fā)生變化。現(xiàn)代的分析算法使我們能夠定義用戶的類型，并將需要詳細(xì)信息的用戶與只是隨便看看的用戶區(qū)分開。

現(xiàn)如今有許多用于設(shè)計調(diào)整和個性化的策略-包括A / B測試，市場分析和客戶細(xì)分（customer segmentation)。但是，面向用戶的用戶界面的主要目標(biāo)是根據(jù)客戶的痛點和他們在客戶旅程(customer journey)中所處的階段來適應(yīng)客戶的需求。

3D物件

如前所述，新的數(shù)據(jù)傳輸速度為創(chuàng)建逼真的視覺形式提供了更多可能。引人注目的3D元素同時執(zhí)行以下任務(wù)：

● 使產(chǎn)品更富有未來感

● 讓用戶有機會觀察，旋轉(zhuǎn)，以及調(diào)整元素的大小，從而增加用戶對產(chǎn)品的參與度和興趣

● 比文字更快更好的交流信息

此外，與3D模型的交互類似于線下體驗，客戶可以在其中查看和觸摸產(chǎn)品。這種做法可以喚起人們的情感并促進(jìn)情感轉(zhuǎn)化。

雖然設(shè)計和開發(fā)3D可視化的過程仍然有些困難。但是，在其中投入資源將獲得回報，因為具有游戲化元素的獨特界面使你的產(chǎn)品在市場上更具競爭力。

新擬態(tài)（New skeuomorphism)

除了產(chǎn)品的3D模型外，我們就不得不提到3D的回歸。3D是一種界面風(fēng)格。擬態(tài)是一種設(shè)計原理，其中界面元素模仿現(xiàn)實世界的對象。

經(jīng)過無數(shù)次沉浮之后，擬態(tài)化已經(jīng)以“ 新擬態(tài) ”（Neumorphism）的名稱重生。細(xì)節(jié)，陰影和照明都可以增加沉浸式體驗，同時消除用戶與應(yīng)用程序之間的障礙。(PS.關(guān)于新擬態(tài)，靜電持保留意見)

講故事（storytelling）

講故事是一種以引人入勝，簡單且一致的方式與用戶互動的方式。理想情況下，故事是將插圖，動畫，文字，版式和流程結(jié)合在一起的綜合敘事。

是什么讓講故事這個方式更加有效？它是由短文字，內(nèi)容豐富的插圖和不間斷的UI共同構(gòu)成的一個故事。當(dāng)用戶必須采取各種行動來完成一項過程時，講故事這個方式將無效。不間斷的UI就是與產(chǎn)品的流暢交互。實現(xiàn)方法如下：

● 在頁面上使用簡短通知，而不是彈出窗口和疊加層

當(dāng)人們必須提供個人信息（尤其是敏感信息）時，他們往往會感到不舒服，因此你的任務(wù)是確保用戶的信息安全可靠。

● 使用動態(tài)用戶界面

現(xiàn)代設(shè)計可幫助用戶與應(yīng)用在不產(chǎn)生任何認(rèn)知負(fù)擔(dān)的前提下進(jìn)行交互，使人們有機會更改產(chǎn)品參數(shù)，并添加或刪除商品，而不必返回好幾個步驟。所有的用戶操作都是為了完成其自生任務(wù)，這是靈活的交互設(shè)計的最終目標(biāo)。

虛擬現(xiàn)實和增強現(xiàn)實

虛擬現(xiàn)實（VR）和增強現(xiàn)實(AR)已遠(yuǎn)遠(yuǎn)超出游戲和娛樂應(yīng)用的范疇，它們的元素現(xiàn)已成為電子商務(wù)、健康監(jiān)測和美顏應(yīng)用的一部分。虛擬現(xiàn)實和增強現(xiàn)實給我們一種與產(chǎn)品建立聯(lián)系的感覺，幫助我們對其建立信任。增強現(xiàn)實也是一個加速信息處理和目標(biāo)實現(xiàn)的沉浸感很好的案例。

虛擬現(xiàn)實和增強現(xiàn)實是剛剛進(jìn)入市場的新技術(shù)。如果你想給用戶留下深刻印象，并在一眾競爭對手中脫穎而出的話，不要猶豫，讓增強現(xiàn)實和虛擬現(xiàn)實技術(shù)成為你設(shè)計的一部分。

極簡主義

據(jù)統(tǒng)計，人類的平均專注時間已經(jīng)從2000年的12秒降低到2017年的8秒，且還在持續(xù)下降。相較以往，現(xiàn)在更難讓人們保持專注和溝通必要的信息。這就是為什么極簡主義和簡約化是兩個不會消失的UX/UI趨勢。

以下是如何讓你的應(yīng)用更加簡約的方法：

● 留白

留白（行間距和信息塊之間更大空白間隙）是近來極簡主義的主要特征。這樣的界面不包含很多元素，使得信息理解更加簡單。

● 隱藏導(dǎo)航面板和欄目

隱藏導(dǎo)航面板和條目已經(jīng)成為常見做法。不僅菜單類目被隱藏在一個小圖標(biāo)下，而且可以通過滑動、多次點擊等方式瀏覽應(yīng)用。無按鈕解決方案的流行示例是液體滑動，它在頁面和類別之間提供了一種完全直觀的轉(zhuǎn)換方式。

動態(tài)UI應(yīng)用

動態(tài)UI應(yīng)用隨設(shè)備類型和其他外部條件改變其形式和外觀。這與動態(tài)用戶體驗剛好相反，在動態(tài)用戶體驗中，界面的變化取決于交互類型（而非外觀）和用戶行為（而非外部條件）。動態(tài)UI使得APP在從寬屏到智能手表的各類不同設(shè)備上看上去很完美。

創(chuàng)建動態(tài)用戶界面非常簡單，有很多種設(shè)計方法。其中一種方法是帶有自適應(yīng)區(qū)塊（小型信息容器）的基于卡片的界面設(shè)計，自適應(yīng)UI的另一個例子是夜晚自動切換至暗黑模式。暗黑模式的選擇是自定義設(shè)置暗黑模式以及動態(tài)切換顏色選項的機會。另一個裝飾性動態(tài)用戶界面的例子是應(yīng)用元素的陰影，它會隨設(shè)備所處的角度而發(fā)生變化。

屏幕替代品

到目前為止，我們已經(jīng)習(xí)慣了讓屏幕充當(dāng)現(xiàn)實世界和數(shù)字世界之間的媒介。但是，這種情況會保持不變嗎？隨著無屏幕可穿戴設(shè)備的流行，振動反饋可能是未來的元素，語音控制設(shè)備已經(jīng)成為現(xiàn)實。

智能音箱的出貨量正在穩(wěn)步增長，不同語言的檢測和復(fù)制技術(shù)也是如此。在不久的將來，語音界面將被廣泛應(yīng)用于電子商務(wù)、流媒體服務(wù)和新聞應(yīng)用中。幾年前流行起來的聊天機器人把 UI / UX 變成了應(yīng)用和用戶之間的實時對話。隨著語音界面應(yīng)用的增加，這種人機對話將達(dá)到一個全新的水平。

2020年流行的UI風(fēng)格

2020年視覺風(fēng)格的趨勢將集中在字體設(shè)計上。在前幾年，手機應(yīng)用大多使用簡約的無襯線字體。今年，老式的襯線字體出現(xiàn)了。

這并不意味著無襯線字體已經(jīng)過時。恰恰相反，它們將被繼續(xù)用來創(chuàng)造簡單易懂的文本。但是，如果你想要吸引眼球的標(biāo)題，你就得使用襯線字體。不同的字體組合可以更好地組織文本結(jié)構(gòu)，并從較長的信息塊中挑選出短信息塊。此外，老式的字體會吸引用戶的注意力，他們會快速向下滾動頁面。

字體領(lǐng)域的另一個新趨勢是可變字體?？勺冏煮w是允許字形的樣式、比例和重量不同變化的單一字體文件。這些變化可以在設(shè)計階段進(jìn)行，也可以在特性中進(jìn)行，這將成為一個重要的定制元素。

讓我們來概述下在2020年會越來越受歡迎的其他視覺元素:

1）漸變

漸變占據(jù)重要地位已經(jīng)很多年。在2020年，使用柔和的色調(diào)，平滑的過渡和更多變化的顏色將成為潮流。設(shè)計師通常使用2或4種主要顏色和它們的色調(diào)。

2）半透明

半透明的顏色使用淡色填充元素，讓你在沒有任何額外負(fù)擔(dān)的情況下挑選出不同的視覺模塊。

3）圓角形式

統(tǒng)一，柔和，非對稱的線條給人舒適和安全的感覺。它們特別利于讓人們聯(lián)想到壓力的產(chǎn)品(如金融、電子商務(wù)、房地產(chǎn)和建筑)。

4）明亮的霓虹色

紫色、粉紅色、藍(lán)色和綠色的未來主義色彩為產(chǎn)品增添了前衛(wèi)和新奇的刺激感。

2020年移動應(yīng)用設(shè)計技巧

1.  快速響應(yīng)，適應(yīng)可穿戴設(shè)備

2. 使用動畫和微交互，讓設(shè)計與用戶交互

3. 用圖形方式表達(dá)比用文字表達(dá)更有效

4. 保持最小化

5. 有時候新字體就是被忽視的舊字體，高雅使用新字體和襯線體

6. 讓快速的手機速度作用于3D圖形

7. 添加語音界面

8. 增加個性化選項

9. 擁抱虛擬現(xiàn)實和增強現(xiàn)實。打破數(shù)字和離線現(xiàn)實之間的障礙: 引入虛擬現(xiàn)實和增強現(xiàn)實。

10. 創(chuàng)建連續(xù)界面——從第一次觸摸到達(dá)成最終目標(biāo)

總結(jié)

長話短說，今天的移動應(yīng)用設(shè)計趨勢都是關(guān)于聚焦客戶和尋找最好的面向用戶的解決方案。盡量不要盲目地追隨潮流，而是找出對你的行業(yè)和目標(biāo)受眾最有效的方法。當(dāng)你把你的客戶放在設(shè)計策略的中心時，你就贏得了他們的信任和感激，并使他們對你的產(chǎn)品建立信心。

 原文：https://uxplanet.org/best-practices-in-mobile-app-design-in-2020-7f5026818ade