我閱讀了現(xiàn)有的幾篇有關(guān)Neumorphism的文章哭廉,個(gè)人的見解隨手記一下
最近迷上了一種風(fēng)格——Neumorphism風(fēng)策严,那這種風(fēng)格長什么樣子呢株憾,先通過一張圖片來了解一下:
來自Dribbble的 MazePixel作品Freebie Neumorphic UX UI Elements
這是一種新的設(shè)計(jì)風(fēng)格庇麦,可能有的讀者會說這不就是扁平風(fēng)嘛计技,其實(shí)不然,這種風(fēng)格相對于扁平風(fēng)增加了高度山橄,何為高度垮媒,我們可以從上圖中感知到組件的突出與凹陷,有的讀者會想到航棱,這很類似于桌面上的一張張的卡片睡雇,實(shí)際上確實(shí)如此,它是一種新型的擬物化設(shè)計(jì)饮醇,如下圖所示:
來自Dribbble的Timotius Muliawan作品Banking App Neumorphism Exploration
何為擬物化設(shè)計(jì)它抱,如名稱所示,就是模擬物體狀態(tài)的設(shè)計(jì)朴艰,根據(jù)前人的經(jīng)驗(yàn)观蓄,擬物化設(shè)計(jì)由三部分組成:
- 主體
- 高光
- 陰影
而高光陰影的位置表現(xiàn)出主體的狀態(tài),使用外陰影來表現(xiàn)主體突出也就暗示這個(gè)按鈕未選中祠墅,而當(dāng)按鈕按下侮穿,外陰影改變?yōu)閮?nèi)陰影,如下圖所示:
來自Dribbble的OTAKOYI作品Neumorphism UI Trend 2020