10個UI設計經驗分享

81 / 100 SEO Score

這篇文章來自UI 設計師 Diana Malewicz,她在日常工作中會非常注意UI設計的流行趨勢,而這篇總結就是她梳理總結的10個小趨勢,它們更多的是偏向UI視覺方面,並不涉及到體驗和交互。

最近我花了不少時間來觀察UI 設計的發展趨勢,我偶然間注意到了不少很有意思的苗頭,或者說設計趨勢,我認為這些設計趨勢,能夠在不久的將來塑造更加獨樹一幟的UI 。

下面是我所梳理總結出來的10種趨勢。

新擬物化

2020年最值得關注的10個UI設計小趨勢

的確,新擬物化是2020年處於風口浪尖的一種視覺風格,無論你喜歡不喜歡,覺得它可行不可行,它現在都已經是一個確定的、成型的風格,並且會持續存在著。

不過,新擬物化從最初誕生到現在,已經有一定的改變了,並且在向著更加複雜、完善的方向發展,有著更為良好的可訪問性,開始具備更多擬物化的設計特徵,但是更加新鮮、現代,並且更能渲染出獨特的氛圍感。

柔和漸變

2020年最值得關注的10個UI設計小趨勢

漸變這種設計趨勢正在進入兩極分化的一個階段。一方面,在視覺設計領域,一部分漸變變得更加誇張,但是在UI 設計領域,無論是背景、UI元素(比如按鈕、卡片和圖形),漸變依然存在,只不過會顯得更加微妙柔和。

在UI 設計領域,還有的設計師會使用雙色漸變,並且結合模糊效果,讓它更加柔和。

幾何元素

2020年最值得關注的10個UI設計小趨勢

幾何元素既可以作為背景來使用,也可以作為裝飾細節,讓你的設計越來越有趣。幾何元素在最近幾年受到的關注非常多,在設計上的應用也頗為廣泛,甚至有人將幾何元素拼接成為馬賽克,最終呈現出來的視覺效果非常酷!

色調柔和背景

2020年最值得關注的10個UI設計小趨勢

必須說,我個人是非常喜歡這種設計趨勢的。我已經看到了很多令人驚豔的、輕巧且極富美學價值的背景設計,它們用明亮柔和的色彩鋪滿背景,展現出極強的色彩和搭配的技巧。

使用色調柔和的背景能夠讓整個設計都顯得現代而沉靜,清新,讓內容真正抓住用戶的注意力。

插畫和3D元素

2020年最值得關注的10個UI設計小趨勢

插畫毫無疑問是非常流行的。不過,不論是配色還是視覺風格,無論是什麼樣的插畫風格,最終的目標依然是要契合產品和UI,所以很多插畫都選擇了相對扁平的風格,或者選擇模擬類似3D的視覺外觀。相比於每個數字項目都在使用的免費圖片,插畫真的是向前走出了一大步!

抽像圖形

2020年最值得關注的10個UI設計小趨勢

和傳統的規則的幾何圖形不同,抽象而不規則的圖形可以讓界面顯得更加不拘一格和好玩,更通俗的來講,就是讓UI界面更加「有機」,我認為這是一件好事。使用鋼筆工具在原始的圓形和矩形上進行編輯,嘗試不同的輪廓,承載不同的顏色和漸變效果,最後生成的效果會非常有趣。如果你不想去自己繪製,可以嘗試一下Blobmaker這個工具,能夠幫你節省時間~

深色模式

2020年最值得關注的10個UI設計小趨勢

深色模式在這2年絕對是人所共知的一個設計風尚了,如今的深色模式UI 設計已經深入到各個不同的應用。簡單來說他是整個界面配色反轉之後的效果,便於用戶在深夜更輕鬆地瀏覽界面信息。只不過在具體的設計實施上,深色模式遠不是簡單的色彩反轉就可以實施的,有很多注意事項,尤其是在對比度控制上,具體可以看​​看下面的文章:

傾斜角度呈現

2020年最值得關注的10個UI設計小趨勢

最初大家在Dribbble 上會傾向於使用非標準的排版佈局方式來呈現UI界面,後來這種展現方式開始逐漸在實際的設計項目中應用開來。在實際的設計當中,絕大多數情況下都會挑選30度到50度之間的傾斜角度。這種方法非常不錯,可以多嘗試。

彌散的陰影

2020年最值得關注的10個UI設計小趨勢

陰影是擬物化設計當中最重要的視覺元素之一,而如今它又再次大規模流行開來了。只不過相比於之前「沉重」的陰影,柔和的彌散陰影在美學上更加令人愉悅,通常,陰影會讓UI 元素的「可點擊感」更強,並且有助於區分界面中的層次結構。在這篇文章當中,我有詳細說明:

簡約加粗的字體

2020年最值得關注的10個UI設計小趨勢

實際上早在iOS 7的時代,曾經一度流行過筆觸纖細且字體寬度比較窄的字體,不過很慶幸這個時代過去了。現在所流行的字體更加講究字體的可讀性,字體的外輪廓都大體趨近於正方形,外觀顯得更加大氣而現代。如果你正在尋找類似這樣的字體,可以試試 PoppinsMontserratGilroySofia ProProxima Nova等字體。

寫在最後

這篇總結,基本上都是基於我個人對於趨勢的觀察和了解,在我看來,它們都有著非常強大的生命力,UI 設計的未來會更加富有希望。

轉分享:https://www.uisdc.com/

分享在 facebook
分享在 google
分享在 twitter