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