- 【干貨】了解2020最火的UI界面新設(shè)計風(fēng)格！
日前，在網(wǎng)上流行起了一種叫 Neumorphism 的新風(fēng)格，也有人稱為 Soft UI，這是一種類似于浮雕的效果。這種風(fēng)格的出現(xiàn)，給目前流行的扁平化設(shè)計增加了一種新的設(shè)計形式，很多媒體甚至還將這個風(fēng)格列為2020 的設(shè)計趨勢，三星 Galaxy 系列的發(fā)布會宣傳海報也使用了這種風(fēng)格，可見這個風(fēng)格的火熱程度。那么一開始我們不討論這個風(fēng)格好還是不好，先來了解一下這個新風(fēng)格趨勢。
最開始是一位來自烏克蘭的設(shè)計師 Alexander Plyuto 在各平臺發(fā)布了新的作品「Skeuomorph Mobile Banking」。這個作品自發(fā)布以來就獲得了數(shù)十萬瀏覽量，數(shù)千點贊數(shù)，熱度持續(xù)飆升并登上 Popular 榜首。
作者是用 Skeuomorph 來命名這個作品風(fēng)格，評論區(qū)就開始了這種風(fēng)格的討論，有的人說這是新的擬物風(fēng)格（New Skeuomorphism），也有人說這是擬物風(fēng)格 2.0 版本（Skeuomorph 2.0），而后來就有設(shè)計師創(chuàng)出一個新的虛構(gòu)名詞，把 New Skeuomorphism 兩個詞組合，Neo 諧音 New 就是 Neuomorphism。
這個名字就這么火了。大家都開始用上了這個名詞出作品，成為了設(shè)計新趨勢。甚至連作者后面的作品，也使用了這個名稱。回想當(dāng)時火爆全球的擬物化風(fēng)格的設(shè)計，隨著在 2013 年的 WWDC 大會中，蘋果公司發(fā)布的 IOS7 系統(tǒng)，系統(tǒng) UI 使用更簡潔的設(shè)計風(fēng)格。這場大會也使擬物風(fēng)格逐漸過時，直到現(xiàn)在扁平風(fēng)格的全面普及，擬物風(fēng)格就再沒有被廣泛應(yīng)用。
新擬態(tài)設(shè)計是否能成為主要設(shè)計趨勢？
新擬態(tài)設(shè)計（Neumorphism UI）是 2020 年 UI 設(shè)計的主要趨勢之一，你可以在 Dribbble 上看到很多作品，新擬態(tài)是基于New+Skeuomorphism 英文單詞的拼寫。它是一種使用對象陰影的模糊、角度和強度來突顯出對象的樣式。由于其柔和的陰影和整體的外觀，使該設(shè)計看起來更加的逼真、未來、現(xiàn)代、真實、有吸引力。但是老實說，這不是最實用的設(shè)計。
新擬態(tài)對視力低下、失明、色盲的用戶來說，可辨識性較差。當(dāng)設(shè)計中帶有重要CTA 按鈕時，你經(jīng)?？紤]并注意使它重點突出，并且在頁面上容易被識別閱讀。但是，當(dāng)使用新擬態(tài)的設(shè)計風(fēng)格時，沒有諸如對比度之類的東西，因為按鈕的材質(zhì)與背景是相同的，唯一將它們分開的是角度和各種柔和的陰影。
一般來說，帶有陰影的元素通常比沒有陰影的視覺上更加突出。但是，使用新擬態(tài)設(shè)計時，大多數(shù)元素都會漂浮并脫穎而出，在一個屏幕上互相競爭，用戶很難輕易理解頁面中的視覺層次和信息層級關(guān)系，這會導(dǎo)致界面缺少適當(dāng)?shù)慕裹c，從而在眼動追蹤中造成混亂。
界面上缺少信息層級關(guān)系的結(jié)果，會對用戶的決策過程以及他們的思考過程產(chǎn)生重大的影響。因此，如存在多個可操作的內(nèi)容，但是信息層級，重點不突出，這會讓用戶在當(dāng)前的流程或頁面上產(chǎn)生困惑，很難理解正在發(fā)生的事情。從而可能導(dǎo)致錯誤的判斷和誤操作，好的 UI/UX 不需要讓用戶思考。
認(rèn)知和學(xué)習(xí)障礙影響人們處理信息的方式。例如，它們可以影響人們的感知、記憶、語言、注意力、解決問題和理解力。類別和條件的術(shù)語各不相同，包括智力殘疾、發(fā)育障礙、注意缺陷多動障礙（ADHD）、自閉癥、癡呆癥、誦讀障礙等。
對象的階段由內(nèi)部/外部陰影決定和標(biāo)識。由于新擬態(tài)圍繞著各種陰影色調(diào)和角度變化，因此用戶不禁要問，可點擊與不可點擊之間的界限在哪里。我可以點擊嗎？選擇了什么？不是什么？這是可點擊的嗎？還是不是？
這個風(fēng)格的出現(xiàn)也確實給大家?guī)砹艘粋€新的思考，這個風(fēng)格會持續(xù)嗎？可用嗎？也許扁平風(fēng)格的多年流行后，設(shè)計潮流開始往回走，但并不是直接回到擬物風(fēng)格，而是在效率和視覺效果中找一個平衡點。
不論這個風(fēng)格的對錯，起碼引起了設(shè)計師的注意，也激發(fā)了很多設(shè)計師的靈感，就像當(dāng)年擬物風(fēng)格和扁平風(fēng)格的討論一樣，不分對錯，設(shè)計師也不妨多留意一下這個風(fēng)格，試著做一下效果圖，或許會有新的發(fā)現(xiàn)。
