新擬物化 UI 設計（Neumorphism / soft ui）在近段時間流行起來的，我們在 Dribbble 中搜索 Neumorphism 就有很多相關的新擬物化設計作品，這種效果一眼看上去感覺很美，很舒服，今天分享的這個?Neumorphism?在線生成新擬物化 UI 工具，可以通過這個工具分解出新擬物化 UI 是如何設計的，此外它還能生成 CSS 代碼并應用到網頁上。

• 網站首頁：詳情
• 詳細介紹：詳情
• 參考鏈接：詳情

新擬物介紹

從上面這張對比圖可以看出，扁平風格就像是一張紙貼在墻面上，投影風格像是浮在半空中，而新擬態風格則像是墻面上直接凸起了一塊。

實現

新擬物化主要是通過陰影來實現的，通過陰影實現凸凹兩種質感

例子

參考頁底Demo

相關鏈接

• 設計趨勢 Neumorphism 是什么？.UI中國.布萊恩臣.https://www.ui.cn/detail/514980.html
• Neumorphism（新擬態）UI設計趨勢嗎？.UI中國.Frannnk.http://www.ui.cn/detail/359233.html
• Skeuomorph Small Style Guide.Figma.https://www.figma.com/file/J1uPSOY5k577mDpSfGFven/Skeuomorph-Small-Style-Guide