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