軟用戶介面|軟設計成為網頁設計的最新趨勢

Habibkhan31

我們定期發布此類有用的文章。訂閱我們的Telegram 頻道以接收有關新出版物的通知。 2020年，出現了新的設計趨勢：Soft UI或Neumorphism。 就連蘋果公司也緊跟著潮流；透過引入這種風格，該公司對其作業系統進行了許多更改。關於新形式主義我們需要了解什麼？軟 UI 是如何運作的以及它的優點和缺點是什麼？ 要訂購令人難忘的網站，請透過 WhatsApp 寫信給我們： 寫信至 WHATSAPP 什麼是軟UI（Neumorphism）？ Soft UI 在設計元素中使用高光和陰影，使它們看起來就像疊加在頁面上一樣。 “新形態”一詞來自於先前的設計風格“擬物化”，即設計師創造出盡可能接近現實生活中對應物的東西。你還記得 iOS 6 和 7 的過渡嗎？還記得擬物化設計向扁平化設計的轉變嗎？順便說一句，向新形態設計的過渡並不是那麼激進。 新態主義並不過度關注數字元素與物質的對比或相似性等問題。相反，它實踐“軟用戶界面”，創造更有機的用戶體驗。 新形態創造了這樣的感覺：按鈕和卡片是它們所在背景的一部分。這使我們能夠軟化典型介面的對比度，並專注於在整個設計中保持不變的柔和風格。 Soft UI 的一般特徵 軟UI簡化了互動並使其更加有機。新形態主義的美學在於它不包含任何太粗糙的東西，因此有“軟”


這個詞。 Soft UI 中等待著我們的是什麼？ 圓角：Soft UI 去除了界面 土耳其電報號碼數據 的尖銳部分，例如模組和區段的角。這使介面具有更微妙的外觀。在Iqonic Design 的這個實驗中，我們可以看到圓角如何將所有東西連接在一起。 透明度和背景模糊：臭名昭著的 iOS 7 設計推出後，背景模糊和透明度變得流行起來，大多數人討厭它的極簡主義和細字體。然而，每個人都喜歡背景模糊效果。軟體介面的模糊表示視窗的一部分與作業系統的其餘部分相連。看起來應用程式中的部分背景正在浮出水面。 統一的符號：一切都應該完美地融入介面的軟設計中。任何看起來不像背景的東西目前都不重要。在Surja Sen Das Raj 的這個設計實驗中，您可以看到所有顏色、陰影和漸層如何以一致的方式相互連結。由於一切都是統一的，這種設計對使用者來說很方便。 將軟 UI 元素融入您的設計中 如何將新態引入你的介面？ 添加微妙的對比度和均勻的顏色。介面的每個部分都應該看起來像單一表單的一部分。元素應與背景顏色相同，以營造物件從背景突出的感覺。 在 Soft UI 中，成功的



關鍵是陰影和高光。 如何達到柔軟度 設計介面時，請記住銳利的邊緣使介面顯得更加嚴肅和正式。圓角更俏皮、更友善。 大量的深陰影和高光使設計變得輕盈而精緻。當您為元素添加陰影時，您會建立視覺層次結構。投射出又大又深的陰影的物體是離您最近的物體。這就是為什麼只有少數元素會投射出強烈的陰影。其他一切都應該在後台運行。 例如，看看Alexandre Pluto 的設計。 平滑柔和的漸變 漸層是軟 UI 設計中突出顯示過程的一部分。理想的做法是從同一調色板中選擇顏色，稍微對第二種顏色進行著色或減淡。漸變應該是微妙的，但足以使元素脫穎而出。 對於白色漸層（例如高光），請使用白色和背景陰影之間的微妙顏色。例如，考慮一下Marina Tericheva 的這個設計。 注重小細節 請記住，新形態體現在細節中。 選擇視覺上與背景相符的字體是重要的選擇。但是，如果有助於突出顯示訊息，您可以選擇對比度更高的內容。 嘗試為你的字體添加一些背景。例如，如果您有綠色字體和灰色背景，請添加淺灰色到混合中。 設計中的其他元素：例如，使按鈕在點擊時顯得更加凹進，是使介面更具吸引力的好方法。最終用戶與之互動的所有內容都應該是無縫且完美統一的。 軟UI設計的問題 軟UI流行並不意味著它沒有問題。 Neumorphism 是一種有趣的方式，可以讓應用程式、作業系統和網站變得更友善和非正式。然而，這種柔和的風格也有一個弱點。 當您處理細緻的對比度和均勻