產品經理必知的2020年手機 App 7大原型設計流行趨勢

本文由墨刀編譯自Gil Bouhnick 的 《Mobile design trends to watch out for in 2020》

從 2018 年末到現在，APP 的 UI 設計趨勢到現在沒有太大的變化，依然流行著：無邊框設計、手勢、漸變、深扁平、大膽的字體等等。

雖然那些趨勢還是主導著當今的市場，但是在共性之下，2020 年還是有一些自己個性。那新的流行趨勢，到底是什麼呢？就讓本文作者 Gil Bouhnick 告訴你吧～

1.暗黑模式

是的，你沒有看錯，我說的是暗黑模式。

停止你不屑一顧的臉，雖然這是個老新聞了，但是你也知道“一旦蘋果決定變黑，沒人可以回去……”。而且在 iOS 13 中，暗黑模式已經侵入到了每個 APP 裡。

而且不止蘋果，Android 和 Windows 也支持了。

但有一說一，當前大多數 APP 都使用純黑色和白色，對眼睛都會造成嚴重傷害。

正確的方法是什麼：

不在純白色背景上使用純黑色

其實，大多數設計師都知道這一點（點開很多大多數網站或 APP 都能發現黑色通常是深灰色），但是由於某些原因，很多開發忽略了另一個情況的規則：

不能用純黑色用作黑暗模式的背景

因為在視覺上會過度刺激。

我相信在 2020 年，這種情況就會得到改善，並且會進一步優化，讓它顯得更有創造力，也讓眼睛看上去更舒服。

Notion 和 Slack 就已經這樣做了：

右邊的深灰色比左邊的純黑看上去舒服多了

2.無邊框設計是設計新標準

在一年前，無邊框手機只是一個趨勢 ，但現在已經是一個常態了。

看個數據：

在 2018 年 10 月，只有 16.3％ 的用戶在使用無邊框的 iPhone機型（X / XS / XR等）。

但到了 2019 年 12 月，變成了 41％，並且每月遞增。

無邊框設計讓 APP 的內容即使增加了一倍或三倍，也不會造成混亂或影響空白的地方。

3.多元化的設計

由於屏幕空間變大，我們需要組合多種視圖類型：搜索欄，輪播圖，菜單欄等等，還要看上去美觀、整齊、不混亂。

Yelp 就是一個完美的例子：

4.品牌消失了，但品牌依然存在

從去年開始，UI 設計會傾向於隱藏品牌相關元素（如顏色、圖標和徽標）。

Spark 在設計中一直堅持品牌的藍色，但在去年最後一次重大改版時，它去掉了邊框，頁面變的簡潔，顏色也是純白，像大多數受歡迎的 APP 一樣。

不需要再強調品牌色彩和圖像，而且騰出空間來容納更多內容。這也會讓用戶更容易集中精力做事情。

5.導航欄放在底部：

隨著設備越來越大，我們的手很難觸碰頂部了，因此底部導航越來越受歡迎。

以前放置在屏幕頂部的 UI 元素不再適用了，新的導航替代方法已經產生了——導航欄放在底部。

舉個例子：

• Pocket 的菜單現在位於左下角
• Feedly 的側邊菜單從標籤欄彈出
• Superhuman 動作菜單在屏幕底部
• Uber 向上輕掃就能激活刷卡功能

還是沒 get 到？再看個例子：

• IMDb 將搜索欄放在屏幕底部
• Microsoft To-Do 將輸入任務欄放在鍵盤頂部，可以在不伸出任何手指的情況下添加任務的詳細信息
• 皇室戰爭 的新信息卡也是自下而上的設計。

6.快拍式設計模式

因為 Instagram ，快拍在社交媒體中流行了起來，很多 APP 都借鑑了這樣的 UI 形式，然後再加以創新。

我比較非常喜歡 zest 和 Shazam 的改造：

Zest 將分頁指示放在屏幕的頂部，以此來提高用戶在拍攝內容時的清晰度和方向性。

Shazam 是一個看藝術家短片的 APP 。但是看 UI 界面，你就可以明白通過點擊屏幕的左側或右側區域，就能在短視頻之間快速跳轉。畢竟當你專注於歌曲時，不需要考慮精準性。

所以，他們的設計就好在充分地利用了屏幕。導航指示位於頂部（夠不著，但是非常清晰），只需通過點擊側面就能進行屏幕切換，無需考慮精準性，也不用說向左/向右，向上/向下滑動。

堪稱完美！

綜合起來，就是這樣：

7.具象化設計

在七八年之前，它流行過，但後來又變成流行扁平化的設計。

可今年，這種趨勢會迴歸了。我們將看到更多陰影、3D 的設計。就像 iOS 13 備忘錄畫筆的改變一樣。

關於 2020年 APP UI 設計趨勢就聊到這裡了，各位設計師們趕緊進入墨刀操作起來吧，希望涅你們可以在此基礎上進行創新，作出實用的產品來引領出新的設計潮流～

對了，要是你對今年的流行趨勢有其他不同的看法，也可以留言跟我們討論哦～

閱讀更多 墨刀 的文章

關鍵字: 伴隨成長的中國味品牌 Feedly 設計