功能性、可讀性、時尚性，還有 sexy。

成都創(chuàng)新互聯(lián)-專業(yè)網(wǎng)站定制、快速模板網(wǎng)站建設、高性價比曹妃甸網(wǎng)站開發(fā)、企業(yè)建站全套包干低至880元,成熟完善的模板庫,直接使用。一站式曹妃甸網(wǎng)站制作公司更省心,省錢,快速模板網(wǎng)站建設找我們，業(yè)務覆蓋曹妃甸地區(qū)。費用合理售后完善，10多年實體公司更值得信賴。

神譯局是36氪旗下編譯團隊，關注科技、商業(yè)、職場、生活等領域，重點介紹國外的新技術、新觀點、新風向。

編者按：很多設計趨勢都有一個問題：中看不中用。中看又中用的設計風格應該技能抓住眼球，可讀性強，同時又對人友好，不會喧賓奪主。Diana Malewicz就發(fā)現(xiàn)了具備這些特征的設計風格，她稱之為現(xiàn)代極簡主義，并總結出這種風格的主要特征。大家不妨參考一下。原文發(fā)表在Medium上，標題是：A guide to the Modern Minimal UI style

已經(jīng)很久沒見過這樣的東西了，我覺得自己一直在等待一種新的，具備功能性，在視覺上吸引人的設計風格的出現(xiàn)。它完全偷走了我的心。

我已經(jīng)在很多的界面里面看到了類似的設計風格模式。那些界面看起來非常的好——很能抓住眼球，可讀性強，但又很友好，不會太過放縱。我認為它們把美觀和功能性進行了完美的結合。

因為這是設計趨勢的主要問題所在——那些趨勢看起來很有吸引力，但其實你沒法把那些運用到一個功能齊全的產(chǎn)品上。毫無疑問，新擬物風格（neumorphism）或玻璃擬態(tài)（glassmorphism）在可及性方面仍不足以支撐日常使用。

所以，我把這種設計風格叫做“現(xiàn)代極簡主義”。跟其他的設計風格相比，它是簡約的，但同時也不像舊的材料設計（Material Design） 或扁平化設計（Flat） 那樣枯燥乏味。你可以從其中的不同風格里面發(fā)現(xiàn)很多靈感（比方說甚至也包括新擬物主義和玻璃擬態(tài)！），但就像你將會看到的那樣，它們是可以一起配合的，而且也不會超過一定程度的視覺復雜性。

那么，就讓我們開始吧！

特征

對于現(xiàn)代極簡設計風格，我制作了一點移動屏幕的視覺表示，從中可以展示其中最重要的一些因素。一般而言，現(xiàn)代簡約風格具有以下特點：

明亮的背景以及留白

UI 元素的小圓角

標題大字體，可讀性強

實景攝影

對色彩深思熟慮的運用

注重對比

限制特效的使用

小細節(jié)，經(jīng)常有插圖

例子

1. 明亮的背景和留白

明亮背景的視覺表現(xiàn)——各種數(shù)字產(chǎn)品，從左到右：UI8、UGEM、UI8、UImartin （ig）、UI8

在現(xiàn)代極簡主義當中，留白為王。界面的整個內(nèi)容通常都是呈現(xiàn)在白色或非常明亮的背景上的。對空白深思熟慮的使用讓界面總體上看起來非常的干凈、清新且美觀。

2. UI 元素的小圓角

圓角的視覺表現(xiàn)——?各種數(shù)碼產(chǎn)品，從左到右依次為：UI8，plainthingstudio ，Vishnu prasad ，permadi Satria Dewanto ，Ghulam Rasool

現(xiàn)代極簡風格的 UI 元素都會用小圓角修飾。它讓界面看起來更加有機和友好。

如果你知道最近的熱門app Clubhouse的話，你可能就會對他們的圓形頭像很熟悉。這讓整個產(chǎn)品看起來更具原創(chuàng)性，更加獨特！

就我個人而言，我是圓角的忠實粉絲（跟尖角相比，它們看起來更加舒服）。訣竅是不要過度使用圓角，而只是運用到某些元素上面，比方說按鈕和容器。圓角的半徑不應超過特定值（稍微比完全圓角小店——但這一規(guī)則不適用于完全圓形按鈕）。

3. 大字體，可讀性強的標題

大標題的視覺表現(xiàn)——各種數(shù)字產(chǎn)品，從左到右：Dasraaz (IG)、UI8、Dmitry Lauretzky 、tino.agency 、Shakuro

我喜歡那些又大又豐滿的標題！它們還讓界面看起來更加的現(xiàn)代。你可以選擇 sans-serif或serif字體，但就個人而言，我建議堅持使用流行的幾何無襯線字體，比如 Gilroy、Sofia pro、Lufga或 Circular。你也可以嘗試一下 pulp、Gordita 、Visby、Konnect 、Geliat 、Galano或 +Jakarta Sans。

4. 現(xiàn)實生活攝影

現(xiàn)實生活攝影的視覺表現(xiàn)——各種數(shù)碼產(chǎn)品，從左到右：sajon007 （IG）、Fandhitya Giovani 、qclaydesign（IG）、soltanimediauiux （IG）、Glebich （IG）

是的！現(xiàn)代極簡主義擁抱現(xiàn)實生活攝影。

我在關于 2021 年設計趨勢的那篇文章中預測了現(xiàn)實生活照片會卷土重來。這是不可避免的——大家都開始慢慢厭倦了所有那謝謝幼稚的 3D 渲染、扁平化人物以及手繪涂鴉。真實的照片有一個很大的優(yōu)勢——那就是它們看起來很“真實”，而且給數(shù)碼產(chǎn)品帶來了一絲現(xiàn)實感。

我自己對我一直從事的項目的研究也清楚地表明，用戶更喜歡照片而不是插圖，因為它們看起來更嚴肅，而且在情感層面上跟現(xiàn)實生活體驗具有相關性。

5. 對色彩深思熟慮的運用

對色彩深思熟慮的運用的視覺表現(xiàn)——?各種數(shù)碼產(chǎn)品，從左到右：UI8、Den Klenkov 、arminmhmmdi （IG）、Fatih Takey 、Manuel Rovira Design （IG）

現(xiàn)代極簡風格在顏色方面往往非常簡約。它們主要用在最重要的操作及/或要強調(diào)的元素上。

多虧了這一點，界面看起來令人心情舒暢，因為沒有大片的顏色喧賓奪主，搶走用戶的注意力。

6. 注重對比

對比的視覺表現(xiàn)——各種數(shù)碼產(chǎn)品，從左到右：UI8、Shakuro 、Upnow Studio、UI8

現(xiàn)代極簡主義的一大優(yōu)點是它的可達性性（大多數(shù)風格顯然不擅長這一點）。通過足夠強烈的對比，我們可以輕松地區(qū)分背景與元素，了理解視覺層次結構并輕松地使用界面。

7. 限制特效的使用

特效的視覺表現(xiàn)——各種數(shù)字產(chǎn)品，從左到右依次為：UI8，albertomacherelli （IG），plainthingstudio ，Rudi Hartono，Sajon009（IG）

其實現(xiàn)代極簡主義從很多不同的風格和特效中汲取了靈感。微妙的彩色陰影、模糊的極光背景、浮雕甚至玻璃擬態(tài)元素都很受歡迎——在一定程度上也是健康的。多虧了這一點，界面才能保持可讀性和視覺上的整潔。

8. 小細節(jié)，經(jīng)常有插圖

插圖細節(jié)的視覺表現(xiàn)——各種數(shù)字產(chǎn)品，從左到右：UI8、divivgroup (IG)、uimartin (IG)、uiinterceptor (IG)、Tran Mau Tri Tam

我也很喜歡現(xiàn)代極簡主義對細節(jié)的關注。盡管是簡約的形式，但它接受一些小的友好元素——圖標、表情符號以及其他圖形元素，比如圖案和拼貼畫，將現(xiàn)實生活的照片跟插圖混搭在一起。通過運用我們每天都習慣使用的圖形元素，讓界面更受歡迎，更加有趣。

總結

我真的很喜歡現(xiàn)代極簡風格的氛圍。這種風格包含了讓界面具備功能性和友好性的所有內(nèi)容——我們在進行UI 設計時，這絕對是大的挑戰(zhàn)。

它并沒有以任何方式真正危及到可訪問性——這一點讓它成為一種你每天都可以使用，而不僅僅是用來自Dribbble上面展示的設計風格。我在我們公司已經(jīng)設計了一些受這種風格啟發(fā)的真正項目——這種風格真的很有效！現(xiàn)在，我正在重新對我們的網(wǎng)站進行重新設計，網(wǎng)站的視覺效果也會以這種風格為基礎。

界面應該是簡約的，簡約才更有用。但它們也應該通過在美學上令人愉悅來誘發(fā)各種積極的情緒?，F(xiàn)代極簡風格正好把兩者給聯(lián)系了起來。

我希望這篇文章能激勵你去嘗試新的東西。一如既往——感謝你的閱讀，祝你設計愉快！

譯者：boxi。

分享文章：現(xiàn)代極簡UI風格指南
文章URL：http://www.rwnh.cn/article34/sccope.html

成都網(wǎng)站建設公司_創(chuàng)新互聯(lián)，為您提供營銷型網(wǎng)站建設、Google、網(wǎng)站導航、網(wǎng)站策劃、標簽優(yōu)化、面包屑導航

廣告

聲明：本網(wǎng)站發(fā)布的內(nèi)容（圖片、視頻和文字）以用戶投稿、用戶轉(zhuǎn)載內(nèi)容為主，如果涉及侵權請盡快告知，我們將會在第一時間刪除。文章觀點不代表本網(wǎng)站立場，如需處理請聯(lián)系客服。電話：028-86922220；郵箱：631063699@qq.com。內(nèi)容未經(jīng)允許不得轉(zhuǎn)載，或轉(zhuǎn)載時需注明來源： 創(chuàng)新互聯(lián)