2021-08-19
3441
有一個網站和應用程序的設計趨勢是如此微妙,你幾乎看不到它。
軟用戶界面創建霜式或玻璃狀模糊,其中元素下沉并從背景中突出,以創建不同級別的深度和維度。
將這種效果與更柔和、更柔和的調色板相結合,結果是一個光線“柔和”的界面,具有陰影深度和微妙的整體效果。
在這里,我們將通過例子來看看趨勢。
什么是軟UI?
軟用戶界面是對過去幾年所有大膽的、面對面的設計的轉變,這些設計以大膽的顏色、厚重的字體和強烈的對比度為特征。
軟UI,也叫新形態,完全相反。這是一種不太戲劇化的風格,有更多柔和的顏色,更淺的排版風格,陰影和深度形成對比。結果是整體設計更加流暢。
除了視覺效果之外,軟界面中的運動和動畫也是平滑和無縫的。為了模仿視覺效果,動畫往往更慢,也不那么戲劇化。
關鍵特征
在軟UI設計中,你應該期待看到什么?主要特征包括:
單調調色板:基礎調色板通常是灰色的,帶有柔和的用戶界面,但并不總是如此。
大而模糊的陰影表示具有點擊/輕敲動作的元素或項目的分離。
邊緣簡單的圓角:在真正的軟用戶界面中沒有尖銳的東西。
與設計的顏色和柔和度相匹配的統一圖標集。
使用透明度、背景和高斯模糊去除元素的“邊緣”。
較淺的字體。字體選項從堅固的石板轉移到較輕的重量。
使用淡入淡出、漸變和帶有細微變化的簡單顏色模式。請注意,漸變和淡入淡出可以作為界面和背景的一部分出現,也可以出現在用戶界面元素和圖標中。
在亮暗模式之間切換的能力是軟UI的一個關鍵元素。確保進行相應的設計。
屏幕和動畫元素外觀的真實感。用戶界面應該有助于表示哪些項目是交互式的。
高分辨率設計元素讓每個細節都很重要。軟UI脫不了風格;高分辨率屏幕不會說謊。使這一趨勢走到一起的是所有元素和風格的統一外觀和感覺。
軟用戶界面并不適合所有人
軟UI是一個有些爭議的設計趨勢。人們似乎喜歡它或討厭它。
對一些平板用戶界面純粹主義者來說,對skeuomorphism的認同太多了。其他人指出對比和可及性的潛在問題。
對于一些用戶來說,更單調的調色板也可能是難以承受的。從多種不同類型的顏色轉變為單一顏色或少得多的顏色可能會在視覺上造成不和諧。(這可能是好事,也可能是壞事。)
新形態的微妙本質可能會帶來一些關于可用性和轉化率的問題。網站或應用程序訪問者會知道如何處理該設計嗎?(這在很大程度上取決于您的核心受眾,因此這是設計過程中需要進行的相關對話。)
最后,軟UI真的是個人喜好和品味的問題。如果一個設計對你或客戶都不起作用,不要試圖強迫它進入這個趨勢。
如何利用軟界面設計趨勢
軟用戶界面似乎是目前最受歡迎的,有更多的應用風格的界面和儀表盤。這可能是真的,因為這些類型的項目中元素的性質。
軟UI似乎最適合沒有很多其他視覺元素的項目。這就是為什么它似乎最常見于應用程序和儀表板。
軟UI實際上在設計和創建一致的界面方面相當復雜,盡管它看起來“很容易”這使得這項技術最適用于小型網站或應用程序,而不適用于有大量頁面或移動部件的設計。
當試圖找到使用軟界面的方法和位置時,要考慮的最重要的事情是每個細節都很重要。最小的元素——陰影、微交互、圖像——可以決定整個界面的成敗。
軟UI似乎最適合沒有很多其他視覺元素的項目。這就是為什么它似乎最常見于應用程序和儀表板。當與非柔和風格的視頻、圖像或插圖搭配時,界面會產生一種奇怪的感覺。
如果你正在尋找一個自己創造這種風格的入門書,UX星球有一個不錯的向導了解如何使用不同的設計工具和CSS來實現它。
下一步是什么?
由于圍繞軟UI的爭論,它很可能會繼續演變和變化。所以,你可能還不想用這種設計技術去全力以赴做一個大項目。(目前堅持更小、更靈活的項目。)
期望看到對比的轉變,主要是為了確保這種風格更容易理解,對更多的人更有效。
期望看到對比的轉變,主要是為了確保這種風格更容易理解,對更多的人更有效。隨著確保更普遍的網站可訪問性的努力越來越多,軟用戶界面的一些固有問題是一個必須解決的真正問題。
決定因素將是大品牌的采用。像谷歌或蘋果這樣的公司是如何將新形態運用到他們的設計中的?如果你開始在那里看到它,根據這些公司如何部署它,預計趨勢會向前發展。
另一方面,設計師可以繼續向里傾斜。上面的例子是一個更加玻璃風格的軟用戶界面,有更多的透明度和柔軟度。(而且很好玩。)
結論
軟用戶界面是那些有趣的設計趨勢之一,一旦設計者意識到良好使用它的實用性,它就有很大的潛力。創造可能是一個挑戰,但嘗試起來很有趣。
雖然這種風格并不適合每一位設計師或每一個項目,但了解它背后的思維過程以及為什么這種趨勢越來越有吸引力是很有價值的。
上一篇:2023年春節放假通知