英文 | https://appmasterio.medium.com/top-10-mobile-app-ui-design-ideas-in-2022-appmaster-io-5068d1adb7bf

翻譯 | 楊小愛

如果應(yīng)用程序不符合最新的設(shè)計(jì)趨勢，它可能不會引起用戶的興趣。

考慮到趨勢永遠(yuǎn)不會保持不變，而且總會有新的趨勢出現(xiàn)，讓應(yīng)用看起來既現(xiàn)代又漂亮是一項(xiàng)挑戰(zhàn)。但遵循設(shè)計(jì)趨勢對于每個應(yīng)用程序開發(fā)人員來說都是必須的。

我們了解，跟蹤行業(yè)中的所有趨勢和趨勢并不總是可能的。總會有新的指南、動畫內(nèi)容、視頻、新的插圖方法以及許多其他概念，我們需要先抽出時間學(xué)習(xí)和測試。

在這里，我想與你分享一些目前比較流行的應(yīng)用程序的設(shè)計(jì)趨勢，希望可以給你帶來一些新的創(chuàng)意與想法。

現(xiàn)在，我們就開始吧。

01、運(yùn)動和動畫

我們都喜歡看視頻，并在 TikTok 或 YouTube 上花費(fèi)大量時間。視頻內(nèi)容和動畫更具吸引力和互動性。

統(tǒng)計(jì)數(shù)據(jù)顯示，大多數(shù)人在使用應(yīng)用程序之前都會觀看說明視頻。動畫和動作設(shè)計(jì)趨勢使內(nèi)容更具吸引力。當(dāng)我們面前有一個實(shí)際示例時，更容易使用信息。與具有長描述的靜態(tài)內(nèi)容不同，動畫可以保留用戶的注意力并使應(yīng)用程序更具吸引力。

用動畫趨勢突出重要的東西總是一個好主意。例如，可以為應(yīng)用程序中的按鈕設(shè)置動畫，以使用戶與應(yīng)用程序的交互更好、更直接。像圖標(biāo)動畫這樣的微動可以顯著改變您的應(yīng)用程序。

借助動畫，我們可以強(qiáng)調(diào)應(yīng)用功能、提高轉(zhuǎn)化率甚至銷售。

探索高級動畫：簡單的動作不再適用于用戶。使用更復(fù)雜的過渡并區(qū)分動畫方法。

02、手勢和滑動體驗(yàn)

在移動端上，手勢和滑動體驗(yàn)使移動設(shè)備更具吸引力。另外，瀏覽也更有趣。

我們每天花費(fèi)數(shù)小時滾動和滑動。按鈕和其他動作可能會刺激和分散注意力。

這種設(shè)計(jì)趨勢成為現(xiàn)代應(yīng)用程序設(shè)計(jì)的最高優(yōu)先事項(xiàng)之一。一些應(yīng)用程序創(chuàng)建者甚至根本不支持按鈕的使用。按鈕會造成混亂并占用過多的屏幕空間。手勢設(shè)計(jì)趨勢建議用滑動功能替換按鈕。

嘗試滑動動作的動畫會很有幫助。例如，圖書應(yīng)用程序通常使用動畫來翻頁。

03、90年代風(fēng)格

90年代的風(fēng)格影響了所有領(lǐng)域，甚至是移動應(yīng)用程序的設(shè)計(jì)。

設(shè)計(jì)師使用類似于 90 年代流行的 PlayStation 游戲（例如，馬里奧或吃豆人）的復(fù)古字體、圖像、圖形。擁有 90 年代的氛圍，您有機(jī)會獲得兩代人的興趣：年輕人喜歡復(fù)古的東西，而老年人則喜歡懷舊。

這種趨勢并不適合所有產(chǎn)品，但如果復(fù)古風(fēng)格適合您的應(yīng)用，請務(wù)必進(jìn)行試驗(yàn)。

04、圖形深度

扁平化設(shè)計(jì)和圖片可能會更加嚴(yán)格和直接，除非它們變得沉悶。人們喜歡看到更真實(shí)和互動的內(nèi)容。

圖形中的陰影和圖層賦予它們 3D 效果、體積和深度，使人們可以享受更逼真的圖像。

這種趨勢可以與任何元素一起使用，在屏幕上創(chuàng)建對象層次結(jié)構(gòu)并幫助用戶更輕松地瀏覽應(yīng)用程序。

關(guān)于 3D 圖形的使用，3D 是一項(xiàng)革命性的技術(shù)。3D 圖形幾乎可以在任何應(yīng)用程序中使用。

例如，開發(fā)人員可以使用 3D 成像技術(shù)來構(gòu)建存儲建筑物和房間內(nèi)部地圖的應(yīng)用程序。它可以非常適用于游戲并改變玩家的整體體驗(yàn)。

因此，在您的應(yīng)用程序中為圖形添加深度時，請考慮使用 3D技術(shù)，這會是一種趨勢。

05、黑暗模式

暗模式是已在許多應(yīng)用程序中高度使用的最大設(shè)計(jì)趨勢之一。最近，大量開發(fā)人員提供了在應(yīng)用程序中在標(biāo)準(zhǔn)模式和暗模式之間切換的機(jī)會。所以用戶可以選擇他們最喜歡的任何東西。

深色主題設(shè)計(jì)將背景變?yōu)樯钌Ｊ剑⑹棺煮w和其他元素變?yōu)闇\色/白色。

例如，現(xiàn)在在 Facebook 等最受歡迎的應(yīng)用程序中都可以使用深色模式。切換到深色模式有助于人們減輕眼睛疲勞并更方便地導(dǎo)航。

06、排版

選擇正確的字體是應(yīng)用程序設(shè)計(jì)中必不可少的一步。人們通常掃描互聯(lián)網(wǎng)上的內(nèi)容；他們不讀它。因此，值得使用能夠正確設(shè)置重點(diǎn)的字體。

設(shè)計(jì)師已經(jīng)開始使用不尋常的字體。文字不再看起來那么無聊，也不會迷失在背景中。其目的是使設(shè)計(jì)更明亮、更新穎。

正確選擇的字體將有助于：

定下基調(diào)和心情；
提高品牌知名度；
提供更好的視覺體驗(yàn)；
提高可讀性。

通過組織排版為應(yīng)用程序的用戶提供愉快且可讀的用戶體驗(yàn)：設(shè)置點(diǎn)大小、行距、行長、跟蹤和層次結(jié)構(gòu)。

請記住，不尋常的“瘋狂”排版并不適合所有產(chǎn)品。定義文本在應(yīng)用程序中攜帶的功能。如果它提供了額外的信息功能，請不要對字體進(jìn)行太多實(shí)驗(yàn)。但是，例如，在在線雜志中，可以使用格式，使布局更有趣。

07、增強(qiáng)現(xiàn)實(shí)和虛擬現(xiàn)實(shí)

虛擬現(xiàn)實(shí)和增強(qiáng)現(xiàn)實(shí)為我們提供了一個難得的機(jī)會，只需通過手機(jī)即可獲得互動體驗(yàn)。應(yīng)用程序設(shè)計(jì)趨勢尤其在封鎖期間沉浸其中，取代了人們坐在家里的實(shí)際活動。

在未來，這種神奇的設(shè)計(jì)趨勢趨于增長和傳播。這種設(shè)計(jì)趨勢的關(guān)鍵，在于應(yīng)用程序的界面讓我們感覺自己置身于應(yīng)用程序中。引人入勝的設(shè)計(jì)元素和游戲化是這種體驗(yàn)的關(guān)鍵。

這是一個結(jié)合我們之前討論過的趨勢的絕佳機(jī)會，例如動畫和 3D 效果。首先，精心制作的動畫和 3D 觸摸可以在應(yīng)用設(shè)計(jì)中支持 VR。

你還記得那些來自 Instagram 的引人入勝的過濾器，讓我們可以通過應(yīng)用程序和移動相機(jī)將不同的角色放置在我們想要的任何地方嗎？然后你就知道這有多有趣了。此外，它不僅有趣而且高效。例如，宜家使用 AR 來展示一件家具在您家中不同位置的外觀。

08、漸變和透明元素

這個應(yīng)用程序設(shè)計(jì)趨勢是關(guān)于漸變和透明度的。設(shè)計(jì)師通常在按鈕和應(yīng)用程序的背景上使用漸變。移動漸變趨勢突出了應(yīng)用程序的基本部分，并使人們專注于特定方面，從而賦予他們層次感。

應(yīng)用程序設(shè)計(jì)中的透明元素展示了對某些應(yīng)用程序部分的深度和驅(qū)動力，使設(shè)計(jì)更清晰、更具吸引力。

我們可以使用從淺色到深色主題設(shè)計(jì)的過渡，從而將屏幕分成兩個邏輯部分。此外，還可以在按鈕上使用漸變主題，使它們在屏幕上彈出。

玻璃態(tài)的概念也值得一提，背后的想法是柔化明暗設(shè)計(jì)元素之間的對比。設(shè)計(jì)理念使用類似于磨砂玻璃表面的透明模糊背景。

它的主要特點(diǎn)：

透明度和背景模糊；
透明物體上的細(xì)光邊框；
分層;
鮮艷的色彩。

09、舒適的視覺效果

舒適的視覺效果在眼睛上很容易。用戶和應(yīng)用程序開發(fā)人員都喜歡這種最近的移動應(yīng)用程序設(shè)計(jì)趨勢。

應(yīng)用程序設(shè)計(jì)不應(yīng)該只是美觀。它還應(yīng)該對我們的眼睛有保護(hù)作用。一整天，我們都盯著屏幕看，到最后，我們會感到疲勞和眼睛疲勞。為了減少這種不利影響，應(yīng)用程序開發(fā)人員創(chuàng)建了一種我們可以舒適使用的設(shè)計(jì)。

舒適視覺設(shè)計(jì)趨勢的概念是為應(yīng)用程序使用自然的色彩、舒緩的圖像和簡單的布局。這些技巧通常可以在冥想應(yīng)用程序中找到。它們包括自然的真實(shí)照片，具有平靜的色彩和結(jié)構(gòu)簡單的輕元素，很少有深色主題設(shè)計(jì)。

10、抽象藝術(shù)

在討論了舒適的視覺效果、簡單性和真實(shí)照片之后，提及抽象藝術(shù)設(shè)計(jì)趨勢可能聽起來自相矛盾。然而，這種技術(shù)在UI設(shè)計(jì)中被高度使用。

為什么呢？抽象圖像和幾何藝術(shù)在移動應(yīng)用程序中看起來非常有藝術(shù)感。它吸引了人們對顏色和形狀的關(guān)注，而不會分散應(yīng)用程序的功能并創(chuàng)建原創(chuàng)設(shè)計(jì)。根本沒有必要求助于昂貴的攝影和真實(shí)照片或插圖。這是牢牢抓住用戶注意力的最簡單方法。

最后，那什么是好的應(yīng)用程序設(shè)計(jì)實(shí)踐，以及在哪里可以找到想法？

實(shí)施所有頂級設(shè)計(jì)趨勢不會使我們的應(yīng)用程序更完美。除了遵循這些想法，我們還可以使用一些質(zhì)量設(shè)計(jì)實(shí)踐。

翻看他人的設(shè)計(jì)作品。

翻看領(lǐng)先的移動 UI 作品并分析它們的優(yōu)缺點(diǎn)。從他們的經(jīng)驗(yàn)中學(xué)習(xí)，但從不復(fù)制。

使應(yīng)用程序直觀。

使用所有趨勢創(chuàng)建具有用戶友好和直觀界面的應(yīng)用程序。無論是 3D 效果、動畫還是 VR，請確保它只是簡化了應(yīng)用程序并使其易于使用。

使用標(biāo)準(zhǔn)導(dǎo)航。

不要溢出有很多選項(xiàng)的菜單欄。只保留必需品。請記住，按鈕會分散注意力并在屏幕上占用大量空間。

使用有吸引力的圖像。

我們列出了太多關(guān)于如何創(chuàng)建有吸引力的圖像的選項(xiàng)。抽象藝術(shù)、插圖、真實(shí)照片趨勢——一切都有助于吸引用戶的注意力。

但是在哪里尋找靈感呢？

互聯(lián)網(wǎng)上有很多不同的選擇。但是，不要只是搜索，而是直接訪問與該行業(yè)相關(guān)的公司的網(wǎng)站。作為專業(yè)人士，他們可以分享一些很棒的想法。例如，Shakuro 應(yīng)用程序設(shè)計(jì)機(jī)構(gòu)通常會發(fā)布有關(guān)設(shè)計(jì)趨勢的優(yōu)質(zhì)文章。作為數(shù)字和應(yīng)用程序設(shè)計(jì)的專業(yè)人士，Shakuro 提供了出色的信息。而對于找“設(shè)計(jì)趨勢”和應(yīng)用程序主題設(shè)計(jì)的 Shakuro 將是一個很好的地方。

要找到更多創(chuàng)意，請嘗試 Awwwards——由來自世界各地的創(chuàng)作者展示的數(shù)千種設(shè)計(jì)的集合或 Mobbin — 一個包含 50,000 多個應(yīng)用程序屏幕截圖的庫。

當(dāng)然，無意讓你跟隨所有的設(shè)計(jì)趨勢。一種方法適合一種類型的業(yè)務(wù)，但可能會破壞另一種業(yè)務(wù)。關(guān)鍵是要密切關(guān)注趨勢，評估市場并分析客戶的需求。

學(xué)習(xí)更多技能
請點(diǎn)擊下方公眾號

10 個頂級web設(shè)計(jì)趨勢，讓你的應(yīng)用程序脫穎而出

學(xué)習(xí)更多技能請點(diǎn)擊下方公眾號

學(xué)習(xí)更多技能
請點(diǎn)擊下方公眾號