2020-6-12 資深UI設(shè)計者
編者按：這篇文章來自 UI 設(shè)計師 Diana Malewicz，她在日常工作中會非常注意 UI設(shè)計的流行趨勢，而這篇總結(jié)就是她梳理總結(jié)的10個小趨勢。它們更多的是偏向 UI 視覺方面，并不涉及到體驗和交互。
最近我花了不少時間來觀察 UI 設(shè)計的發(fā)展趨勢，我偶然間注意到了不少很有意思的苗頭，或者說設(shè)計趨勢。我認(rèn)為這些設(shè)計趨勢，能夠在不久的將來塑造更加獨樹一幟的UI 。
下面是我所梳理總結(jié)出來的 10 種趨勢。
的確，新擬物化是2020年處于風(fēng)口浪尖的一種視覺風(fēng)格，無論你喜歡不喜歡，覺得它可行不可行，它現(xiàn)在都已經(jīng)是一個確定的、成型的風(fēng)格，并且會持續(xù)存在著。
不過，新擬物化從最初誕生到現(xiàn)在，已經(jīng)有一定的改變了，并且在向著更加復(fù)雜、完善的方向發(fā)展，有著更為良好的可訪問性，開始具備更多擬物化的設(shè)計特征，但是更加新鮮、現(xiàn)代，并且更能渲染出獨特的氛圍感。
漸變這種設(shè)計趨勢正在進(jìn)入兩極分化的一個階段。一方面，在視覺設(shè)計領(lǐng)域，一部分漸變變得更加夸張，但是在 UI 設(shè)計領(lǐng)域，無論是背景、UI元素（比如按鈕、卡片和圖形），漸變依然存在，只不過會顯得更加微妙柔和。
在 UI 設(shè)計領(lǐng)域，還有的設(shè)計師會使用雙色漸變，并且結(jié)合模糊效果，讓它更加柔和。
幾何元素既可以作為背景來使用，也可以作為裝飾細(xì)節(jié)，讓你的設(shè)計越來越有趣。幾何元素在最近幾年受到的關(guān)注非常多，在設(shè)計上的應(yīng)用也頗為廣泛，甚至有人將幾何元素拼接成為馬賽克，最終呈現(xiàn)出來的視覺效果非常酷！
必須說，我個人是非常喜歡這種設(shè)計趨勢的。我已經(jīng)看到了很多令人驚艷的、輕巧且極富美學(xué)價值的背景設(shè)計，它們用明亮柔和的色彩鋪滿背景，展現(xiàn)出極強的色彩和搭配的技巧。
使用色調(diào)柔和的背景能夠讓整個設(shè)計都顯得現(xiàn)代而沉靜，清新，讓內(nèi)容真正抓住用戶的注意力。
插畫毫無疑問是非常流行的。不過，不論是配色還是視覺風(fēng)格，無論是什么樣的插畫風(fēng)格，最終的目標(biāo)依然是要契合產(chǎn)品和 UI，所以很多插畫都選擇了相對扁平的風(fēng)格，或者選擇模擬類似3D的視覺外觀。相比于每個數(shù)字項目都在使用的免費圖片，插畫真的是向前走出了一大步！
在這篇文章當(dāng)中，我有分享在 UI 中使用插畫的一些簡單技巧：
和傳統(tǒng)的規(guī)則的幾何圖形不同，抽象而不規(guī)則的圖形可以讓界面顯得更加不拘一格和好玩，更通俗的來講，就是讓 UI 界面更加「有機」，我認(rèn)為這是一件好事。使用鋼筆工具在原始的圓形和矩形上進(jìn)行編輯，嘗試不同的輪廓，承載不同的顏色和漸變效果，最后生成的效果會非常有趣。如果你不想去自己繪制，可以嘗試一下 Blobmaker 這個工具，能夠幫你節(jié)省時間~
深色模式在這2年絕對是人所共知的一個設(shè)計風(fēng)尚了，如今的深色模式 UI 設(shè)計已經(jīng)深入到各個不同的應(yīng)用。簡單來說他是整個界面配色反轉(zhuǎn)之后的效果，便于用戶在深夜更輕松地瀏覽界面信息。只不過在具體的設(shè)計實施上，深色模式遠(yuǎn)不是簡單的色彩反轉(zhuǎn)就可以實施的，有很多注意事項，尤其是在對比度控制上，具體可以看看下面的文章：
最初大家在 Dribbble 上會傾向于使用非標(biāo)準(zhǔn)的排版布局方式來呈現(xiàn)UI界面，后來這種展現(xiàn)方式開始逐漸在實際的設(shè)計項目中應(yīng)用開來。在實際的設(shè)計當(dāng)中，絕大多數(shù)情況下都會挑選30度到50度之間的傾斜角度。這種方法非常不錯，可以多嘗試。
陰影是擬物化設(shè)計當(dāng)中最重要的視覺元素之一，而如今它又再次大規(guī)模流行開來了。只不過相比于之前「沉重」的陰影，柔和的彌散陰影在美學(xué)上更加令人愉悅，通常，陰影會讓 UI 元素的「可點擊感」更強，并且有助于區(qū)分界面中的層次結(jié)構(gòu)。在這篇文章當(dāng)中，我有詳細(xì)說明：
實際上早在 iOS 7 的時代，曾經(jīng)一度流行過筆觸纖細(xì)且字體寬度比較窄的字體，不過很慶幸這個時代過去了。現(xiàn)在所流行的字體更加講究字體的可讀性，字體的外輪廓都大體趨近于正方形，外觀顯得更加大氣而現(xiàn)代。如果你正在尋找類似這樣的字體，可以試試 Poppins、Montserrat、Gilroy、Sofia Pro、Proxima Nova 等字體。
這篇總結(jié)，基本上都是基于我個人對于趨勢的觀察和了解，在我看來，它們都有著非常強大的生命力，UI 設(shè)計的未來會更加富有希望。
藍(lán)藍(lán)設(shè)計的小編 http://ssll180.com