2020-2-28 資深UI設(shè)計(jì)者
新擬態(tài)設(shè)計(jì)（Neumorphism UI）是 2020 年 UI 設(shè)計(jì)的主要趨勢(shì)之一，你可以在 dribbble 上看到很多作品，新擬態(tài)是基于New+Skeuomorphism 英文單詞的拼寫(xiě)。它是一種使用對(duì)象陰影的模糊、角度和強(qiáng)度來(lái)突顯出對(duì)象的樣式。由于其柔和的陰影和整體的外觀(guān)，使該設(shè)計(jì)看起來(lái)更加的逼真、未來(lái)、現(xiàn)代、真實(shí)、有吸引力。
但是老實(shí)說(shuō)，這不是最實(shí)用的設(shè)計(jì)。嘗試設(shè)計(jì)和上線(xiàn)以「新擬態(tài)」為整體調(diào)性的產(chǎn)品，很有可能讓所有人失望，包括你們的同事、用戶(hù)和可訪(fǎng)問(wèn)性用戶(hù)（目前有 5700 萬(wàn)美國(guó)人患有某種程度的殘疾。在上網(wǎng)的用戶(hù)中，有 54% 的成年人是殘障人士，來(lái)源于：W3.org）。
根據(jù) W3 的說(shuō)法，web 和移動(dòng)端的可訪(fǎng)問(wèn)性包括影響訪(fǎng)問(wèn)的所有障礙，包含：
僅新擬態(tài)而言并不支持：視覺(jué)、認(rèn)知、物理方面設(shè)計(jì)。
讓我們深入地討論為什么新擬態(tài) UI 和 可訪(fǎng)問(wèn)性是無(wú)法共存的。
免責(zé)聲明：我不是可訪(fǎng)問(wèn)性和新擬態(tài)方面的設(shè)計(jì)專(zhuān)家，本文旨在分享一些有關(guān)新擬態(tài)的一些想法。下面使用的 dribbble 作品僅供參考，以突出我在此問(wèn)題上的觀(guān)點(diǎn)。沒(méi)有一絲評(píng)價(jià)、嘲笑、不尊重以下設(shè)計(jì)師的意思，如果你的設(shè)計(jì)在下面展示了，并且你希望我盡快刪除，請(qǐng)及時(shí)聯(lián)系我。
新擬態(tài)對(duì)視力低下、失明、色盲的用戶(hù)來(lái)說(shuō)，可辨識(shí)性較差。
△ https://dribbble.com/shots/10006635-Neumorphic-Rebound-of-Nomad-iOS-UI-Kit
當(dāng)設(shè)計(jì)中帶有重要 CTA 按鈕時(shí)，你經(jīng)?？紤]并注意使它重點(diǎn)突出，并且在頁(yè)面上容易被識(shí)別閱讀。但是，當(dāng)使用新擬態(tài)的設(shè)計(jì)風(fēng)格時(shí)，沒(méi)有諸如對(duì)比度之類(lèi)的東西，因?yàn)榘粹o的材質(zhì)與背景是相同的，唯一將它們分開(kāi)的是角度和各種柔和的陰影。
△ https://dribbble.com/shots/9393020-Mi-Remote-Control-Mobile-app
根據(jù) W3.org 關(guān)于移動(dòng)端可訪(fǎng)問(wèn)性的描述：
與臺(tái)式機(jī)/筆記本電腦設(shè)備相比，移動(dòng)設(shè)備更可能用于各種環(huán)境中，包括戶(hù)外。在戶(hù)外，陽(yáng)光或其他強(qiáng)光源下更可能產(chǎn)生眩光，這種情況提高了對(duì)所有用戶(hù)使用良好對(duì)比度的重要性，并可能加劇視力低下的用戶(hù)在移動(dòng)設(shè)備上訪(fǎng)問(wèn)對(duì)比度差的內(nèi)容的挑戰(zhàn)性。
與對(duì)比度問(wèn)題相關(guān)的 WCAG 2.0 成功標(biāo)準(zhǔn)是（原文地址：https://w3c.github.io/WCAG21-zh/#contrast-minimum）：
新擬態(tài)讓用戶(hù)思考。
△ https://dribbble.com/shots/9592062-Neumorphism-Smart-Home
一般來(lái)說(shuō)，帶有陰影的元素通常比沒(méi)有陰影的視覺(jué)上更加突出。但是，使用新擬態(tài)設(shè)計(jì)時(shí)，大多數(shù)元素都會(huì)漂浮并脫穎而出，在一個(gè)屏幕上互相競(jìng)爭(zhēng)，用戶(hù)很難輕易理解頁(yè)面中的視覺(jué)層次和信息層級(jí)關(guān)系，這會(huì)導(dǎo)致界面缺少適當(dāng)?shù)慕裹c(diǎn)，從而在眼動(dòng)追蹤中造成混亂。
界面上缺少信息層級(jí)關(guān)系的結(jié)果，會(huì)對(duì)用戶(hù)的決策過(guò)程以及他們的思考過(guò)程產(chǎn)生重大的影響。因此，如存在多個(gè)可操作的內(nèi)容，但是信息層級(jí)，重點(diǎn)不突出，這會(huì)讓用戶(hù)在當(dāng)前的流程或頁(yè)面上產(chǎn)生困惑，很難理解正在發(fā)生的事情。從而可能導(dǎo)致錯(cuò)誤的判斷和誤操作，好的 UI/UX 不需要讓用戶(hù)思考。
認(rèn)知和學(xué)習(xí)障礙影響人們處理信息的方式。例如，它們可以影響人們的感知、記憶、語(yǔ)言、注意力、解決問(wèn)題和理解力。類(lèi)別和條件的術(shù)語(yǔ)各不相同，包括智力殘疾、發(fā)育障礙、注意缺陷多動(dòng)障礙（ADHD）、自閉癥、癡呆癥、誦讀障礙等。
△ https://dribbble.com/shots/9916835-Neumorphism-Smart-Home-app
新擬態(tài)會(huì)造成混亂：
- 我可以點(diǎn)擊嗎？
- 選擇了什么？
- 不是什么？
- 這是可點(diǎn)擊的嗎？
- 還是不是？
對(duì)象的階段由內(nèi)部/外部陰影決定和標(biāo)識(shí)。由于新擬態(tài)圍繞著各種陰影色調(diào)和角度變化，因此用戶(hù)不禁要問(wèn)，可點(diǎn)擊與不可點(diǎn)擊之間的界限在哪里。
△ https://dribbble.com/shots/9938821-Smart-home-app
每個(gè)使用新擬態(tài)的產(chǎn)品都可以根據(jù)其功能和要求有自己的 UI 設(shè)計(jì)規(guī)范，但是由于陰影、角度和浮動(dòng)水平的不同，由于缺乏一致性，迷失了方向的可操作項(xiàng)，「新擬態(tài)」可能會(huì)給用戶(hù)帶來(lái)麻煩，最終為殘疾用戶(hù)造成身體障礙。
觸發(fā)可操作性的元素應(yīng)該足夠清晰，以便與不可操作的元素（內(nèi)容、狀態(tài)信息等）明確區(qū)分。提供元素可操作的明確指示與具有可操作元素（如按鈕或鏈接）的 web 和本機(jī)移動(dòng)應(yīng)用程序相關(guān)，尤其是在交互模式中，可操作元素通常以視覺(jué)方式檢測(cè)（觸摸和鼠標(biāo)使用）。交互元素還必須由依賴(lài)于編程確定的可訪(fǎng)問(wèn)名稱(chēng)的用戶(hù)（例如屏幕閱讀器用戶(hù)）檢測(cè)到。
△ https://dribbble.com/shots/9838619-Music-Player-Neumorphism-Rebound-shot
從 dribbble 開(kāi)始的新擬態(tài)的設(shè)計(jì)趨勢(shì)，應(yīng)該要在追隨前認(rèn)真地思考，是否適用？這是一個(gè)問(wèn)題。
設(shè)計(jì)師可以自由地實(shí)踐和探索他們傾向于哪種趨勢(shì)或風(fēng)格……我只是在這里展示和解釋為什么「新擬態(tài)」和「可訪(fǎng)問(wèn)性」不能并存。我也不是來(lái)阻止你練習(xí)你的設(shè)計(jì)技巧（如果有的話(huà)，我鼓勵(lì)每個(gè)人練習(xí)他們的技巧和探索他們的想法，但希望，考慮它可能對(duì)殘疾用戶(hù)的影響以及特殊場(chǎng)景下的實(shí)用性的思考）。
不過(guò)，我之前在另一篇文章中說(shuō)過(guò)，我會(huì)再說(shuō)一次：現(xiàn)在是 2020 年，作為一個(gè)設(shè)計(jì)師，我認(rèn)為我們必須重新評(píng)估我們?cè)谠O(shè)計(jì)實(shí)際產(chǎn)品時(shí)的設(shè)計(jì)方式。我們不能為所有人設(shè)計(jì)，但要排除殘疾用戶(hù)。在可訪(fǎng)問(wèn)性和使所有數(shù)字產(chǎn)品都可訪(fǎng)問(wèn)方面，我們還有很長(zhǎng)的路要走，但是它必須要在某一個(gè)地方開(kāi)始。例如，它可以從我們把新擬態(tài)拋在腦后開(kāi)始，而從那時(shí)起專(zhuān)注于開(kāi)發(fā)一種在美學(xué)上令人愉悅但又實(shí)用、現(xiàn)實(shí)的設(shè)計(jì)。謝謝。
文字來(lái)源：優(yōu)設(shè) 作者：UX Talk
藍(lán)藍(lán)設(shè)計(jì)的小編 http://www.jghy.net