前兩天打開網(wǎng)易云筆記APP看個資料，被它新奇的設計風格吸引了，把看資料的事丟到了一邊。

我趕緊遞給身邊同事看，說“這設計好真實、好有未來感，會是接下來的設計趨勢么”？

同事看了一眼說，“哦，這叫做新擬態(tài)設計，國內(nèi)很少有產(chǎn)品用這種風格，網(wǎng)易云筆記居然這么超前”。

新擬態(tài)設計？我也太山炮了，居然是第一次聽。

趕緊百度一下，補了知識。

一、新擬態(tài)設計

什么是新擬態(tài)設計？

Neumorphism或soft ui，翻譯過來叫新擬態(tài)或者是軟ui。

Neumorphism這個詞是由“New（新）”和“skeuomorphism（擬物化）”組合而成的，新擬態(tài)設計可以翻譯成“新擬物設計”。

它起源是Dribbble上一名叫 Alexplyuto 的設計師拋出來一些概念稿的風格。這些作品中的某一些，一路飆升至Dribbble 2019 年POP排行第一熱門。

網(wǎng)易云筆記新擬態(tài)的元素還不算豐富，你可以看看Alexplyuto的其中一個作品，風格更加明顯。

（Alexplyuto的作品）

再看一些作品：

（以上作品來源于網(wǎng)絡）

新擬態(tài)設計是一種介于擬物化和扁平化之間的風格，界面上的元素要么凸出于背景，要么陷入背景內(nèi)。

不少人稱，新擬態(tài)設計將成為下一個UI設計的趨勢。

是不是趨勢我不知道，但是做為一種新的被追捧的UI設計風格，產(chǎn)品經(jīng)理需要稍作了解。

便于和公司設計師閑談時，扯上兩句新擬態(tài)化，提升下你在設計師眼里的好印象。

二、特點和不足

看了幾張圖下來，新擬態(tài)設計特點非常明顯，主要表現(xiàn)在。

1）左上角亮色投影，右下角深色投影，有且只有一個光源照射

2）元素與背景對比度比較弱

3）常常用于按鈕組件、進度和卡片

4）按鈕狀態(tài)，視覺上凸出代表未選中，凹進去表示已選中狀態(tài)

在這種特點下，新擬態(tài)設計看起來更加的逼真、未來、現(xiàn)代、真實、有吸引力。

但同時，這種風格的不足也比較明顯，主要表現(xiàn)在。

1）低對比、弱對比導致可辨識性較差

特別是陽光或其他強光源下，可能讓用戶看不清或炫目。

2）復雜的視覺層級和信息層級關系不好體現(xiàn)

新擬態(tài)風格的基礎原理是依托光影關系來塑造的，大多數(shù)元素都會漂浮或凹進去的，較難理解視覺層級和信息層級關系。

3）可點和不可點的界限在哪里？容易產(chǎn)生混亂

三、適用范圍

由于新擬態(tài)風格的特點和不足，決定了這個風格主要適用的產(chǎn)品類型主要有以下幾種。

1、工具產(chǎn)品

工具型產(chǎn)品因為功能簡單、功能更新頻率低，在設計上留的空間比較大。當前大多數(shù)新擬態(tài)風格的產(chǎn)品，多數(shù)是工具型產(chǎn)品。網(wǎng)易云筆記也是工具型產(chǎn)品。

2、簡單產(chǎn)品或頁面

簡單的產(chǎn)品或頁面，可應用這種風控，復雜型、游戲化、營銷型頁面，不適合。

但是如果一個產(chǎn)品某些頁面使用這種風格，也是挺奇怪的，要注意避免。

3、年輕人產(chǎn)品

年輕人是互聯(lián)網(wǎng)原生居民，出生就在網(wǎng)絡世界中，對于互聯(lián)網(wǎng)新東西易理解、接收快。

網(wǎng)易云筆記作為用戶體量超5000萬的大產(chǎn)品，在UI設計上愿意嘗試這種新風格，相當具有探索、超前意識。

雖然在整體和現(xiàn)有風格融合上略顯不足，但值得點贊。

你的產(chǎn)品是否適合這種風格，要看針對用戶是否易用？是否能有效表達信息？ 設計的目的是易用，不是好看。

-END-

【轉(zhuǎn)載說明】   若上述素材出現(xiàn)侵權(quán)，請及時聯(lián)系我們刪除及進行處理：[email protected]