99久久精品国产片-99久久精品国产免费-99久久精品国产麻豆-99久久精品国产国产毛片-99久久精品国产高清一区二区-99久久精品费精品国产一区二区

為什么2020年初爆火的新擬物化設計,完全無法落地使用?

2020-2-28    濤濤

新擬態設計(Neumorphism UI)是 2020 年 UI 設計的主要趨勢之一,你可以在 dribbble 上看到很多作品,新擬態是基于New+Skeuomorphism  英文單詞的拼寫。它是一種使用對象陰影的模糊、角度和強度來突顯出對象的樣式。由于其柔和的陰影和整體的外觀,使該設計看起來更加的逼真、未來、現代、真實、有吸引力。

但是老實說,這不是最實用的設計。嘗試設計和上線以「新擬態」為整體調性的產品,很有可能讓所有人失望,包括你們的同事、用戶和可訪問性用戶(目前有 5700 萬美國人患有某種程度的殘疾。在上網的用戶中,有 54% 的成年人是殘障人士,來源于:W3.org)。

根據 W3 的說法,web 和移動端的可訪問性包括影響訪問的所有障礙,包含:

  • 聽覺的
  • 認知的
  • 神經學
  • 物理的
  • 語言/說話能力
  • 視覺的

僅新擬態而言并不支持:視覺、認知、物理方面設計。

讓我們深入地討論為什么新擬態 UI 和 可訪問性是無法共存的。

免責聲明:我不是可訪問性和新擬態方面的設計專家,本文旨在分享一些有關新擬態的一些想法。下面使用的 dribbble 作品僅供參考,以突出我在此問題上的觀點。沒有一絲評價、嘲笑、不尊重以下設計師的意思,如果你的設計在下面展示了,并且你希望我盡快刪除,請及時聯系我。

視覺

新擬態對視力低下、失明、色盲的用戶來說,可辨識性較差。

△ https://dribbble.com/shots/10006635-Neumorphic-Rebound-of-Nomad-iOS-UI-Kit

當設計中帶有重要 CTA 按鈕時,你經常考慮并注意使它重點突出,并且在頁面上容易被識別閱讀。但是,當使用新擬態的設計風格時,沒有諸如對比度之類的東西,因為按鈕的材質與背景是相同的,唯一將它們分開的是角度和各種柔和的陰影。

△ https://dribbble.com/shots/9393020-Mi-Remote-Control-Mobile-app

根據 W3.org 關于移動端可訪問性的描述:

與臺式機/筆記本電腦設備相比,移動設備更可能用于各種環境中,包括戶外。在戶外,陽光或其他強光源下更可能產生眩光,這種情況提高了對所有用戶使用良好對比度的重要性,并可能加劇視力低下的用戶在移動設備上訪問對比度差的內容的挑戰性。

與對比度問題相關的 WCAG 2.0 成功標準是(原文地址:https://w3c.github.io/WCAG21-zh/#contrast-minimum):

  • 1.4.3條:對比度(最小值)(AA級),要求對比度至少為 4.5:1(大號文本以及大文本圖像至少保持 3:1)。
  • 1.4.6條:對比度(增強)(AAA級),要求對比度至少為 7:1(大號文本以及大文本圖像至少保持 4.5:1)。

認知

新擬態讓用戶思考。

△ https://dribbble.com/shots/9592062-Neumorphism-Smart-Home

一般來說,帶有陰影的元素通常比沒有陰影的視覺上更加突出。但是,使用新擬態設計時,大多數元素都會漂浮并脫穎而出,在一個屏幕上互相競爭,用戶很難輕易理解頁面中的視覺層次和信息層級關系,這會導致界面缺少適當的焦點,從而在眼動追蹤中造成混亂。

界面上缺少信息層級關系的結果,會對用戶的決策過程以及他們的思考過程產生重大的影響。因此,如存在多個可操作的內容,但是信息層級,重點不突出,這會讓用戶在當前的流程或頁面上產生困惑,很難理解正在發生的事情。從而可能導致錯誤的判斷和誤操作,好的 UI/UX 不需要讓用戶思考。

認知和學習障礙影響人們處理信息的方式。例如,它們可以影響人們的感知、記憶、語言、注意力、解決問題和理解力。類別和條件的術語各不相同,包括智力殘疾、發育障礙、注意缺陷多動障礙(ADHD)、自閉癥、癡呆癥、誦讀障礙等。

△ https://dribbble.com/shots/9916835-Neumorphism-Smart-Home-app

物理

新擬態會造成混亂:

  • 我可以點擊嗎?
  • 選擇了什么?
  • 不是什么?
  • 這是可點擊的嗎?
  • 還是不是?

對象的階段由內部/外部陰影決定和標識。由于新擬態圍繞著各種陰影色調和角度變化,因此用戶不禁要問,可點擊與不可點擊之間的界限在哪里。

△ https://dribbble.com/shots/9938821-Smart-home-app

每個使用新擬態的產品都可以根據其功能和要求有自己的 UI 設計規范,但是由于陰影、角度和浮動水平的不同,由于缺乏一致性,迷失了方向的可操作項,「新擬態」可能會給用戶帶來麻煩,最終為殘疾用戶造成身體障礙。

觸發可操作性的元素應該足夠清晰,以便與不可操作的元素(內容、狀態信息等)明確區分。提供元素可操作的明確指示與具有可操作元素(如按鈕或鏈接)的 web 和本機移動應用程序相關,尤其是在交互模式中,可操作元素通常以視覺方式檢測(觸摸和鼠標使用)。交互元素還必須由依賴于編程確定的可訪問名稱的用戶(例如屏幕閱讀器用戶)檢測到。

△ https://dribbble.com/shots/9838619-Music-Player-Neumorphism-Rebound-shot

從 dribbble 開始的新擬態的設計趨勢,應該要在追隨前認真地思考,是否適用?這是一個問題。

設計師可以自由地實踐和探索他們傾向于哪種趨勢或風格……我只是在這里展示和解釋為什么「新擬態」和「可訪問性」不能并存。我也不是來阻止你練習你的設計技巧(如果有的話,我鼓勵每個人練習他們的技巧和探索他們的想法,但希望,考慮它可能對殘疾用戶的影響以及特殊場景下的實用性的思考)。

不過,我之前在另一篇文章中說過,我會再說一次:現在是 2020 年,作為一個設計師,我認為我們必須重新評估我們在設計實際產品時的設計方式。我們不能為所有人設計,但要排除殘疾用戶。在可訪問性和使所有數字產品都可訪問方面,我們還有很長的路要走,但是它必須要在某一個地方開始。例如,它可以從我們把新擬態拋在腦后開始,而從那時起專注于開發一種在美學上令人愉悅但又實用、現實的設計。謝謝。

文字來源:優設    作者:UX Talk

日歷

鏈接

個人資料

藍藍設計的小編 http://www.lapeinture.cn

存檔

四虎影视久久| 超级乱淫伦动漫| 成人高清免费| 亚洲 国产精品 日韩| 国产美女在线一区二区三区| 国产原创中文字幕| 精品国产香蕉在线播出| 久久国产精品永久免费网站| 韩国毛片| 精品久久久久久中文字幕2017| 国产一区二区精品尤物| 精品国产亚洲一区二区三区| 中文字幕97| 你懂的国产精品| 九九久久99| 91麻豆精品国产高清在线| 高清一级片| 国产高清在线精品一区二区| 麻豆网站在线看| 亚洲女初尝黑人巨高清在线观看| 高清一级片| 国产伦精品一区二区三区无广告 | 日韩免费在线| 国产成人啪精品| 欧美另类videosbestsex高清 | 精品视频在线看| 日韩免费在线视频| 欧美国产日韩在线| 韩国三级香港三级日本三级la | 一级女性全黄生活片免费| 国产成a人片在线观看视频| 黄色免费三级| 成人高清免费| 天天做日日爱| 免费毛片基地| 国产原创中文字幕| 日日夜夜婷婷| 韩国三级视频网站| 可以免费在线看黄的网站| 沈樵在线观看福利| 韩国三级一区| 可以在线看黄的网站| a级精品九九九大片免费看| 精品久久久久久影院免费| 精品视频在线观看一区二区| 日韩专区一区| 国产综合91天堂亚洲国产| 日韩av片免费播放| 日本在线不卡视频| 欧美爱爱网| 精品久久久久久中文字幕一区| 精品国产一区二区三区精东影业 | 日本在线播放一区| 午夜欧美成人久久久久久| 黄色短视频网站| 欧美国产日韩精品| 色综合久久天天综合绕观看| 国产视频一区在线| 国产成人啪精品| 久久99爰这里有精品国产| 成人高清视频在线观看| a级黄色毛片免费播放视频| 国产精品1024永久免费视频| 欧美激情一区二区三区视频| 欧美另类videosbestsex高清 | 日韩av片免费播放| 青青久久精品| 一级女性全黄久久生活片| 亚洲精品久久玖玖玖玖| 999精品在线| 欧美一区二区三区在线观看| 欧美α片无限看在线观看免费| 欧美夜夜骑 青草视频在线观看完整版 久久精品99无色码中文字幕 欧美日韩一区二区在线观看视频 欧美中文字幕在线视频 www.99精品 香蕉视频久久 | 精品国产亚洲一区二区三区| 欧美日本国产| 国产视频久久久| 久久精品免视看国产明星| 成人免费一级毛片在线播放视频| 免费国产在线视频| 四虎论坛| 成人免费高清视频| 欧美日本国产| a级黄色毛片免费播放视频| 日韩在线观看免费| 日本久久久久久久 97久久精品一区二区三区 狠狠色噜噜狠狠狠狠97 日日干综合 五月天婷婷在线观看高清 九色福利视频 | 好男人天堂网 久久精品国产这里是免费 国产精品成人一区二区 男人天堂网2021 男人的天堂在线观看 丁香六月综合激情 | 天天色成人网| 日韩中文字幕在线观看视频| 日本特黄特黄aaaaa大片| 欧美大片a一级毛片视频| 国产精品1024永久免费视频| a级毛片免费全部播放| 中文字幕97| 国产麻豆精品| 午夜欧美成人久久久久久| 夜夜操网| 成人高清免费| 成人免费一级毛片在线播放视频| 日韩免费在线| 美女免费精品视频在线观看| 国产91精品一区二区| 国产亚洲精品成人a在线| 精品视频一区二区| 亚洲精品影院| 香蕉视频久久| 日本特黄特色aaa大片免费| 日韩专区亚洲综合久久| 99热视热频这里只有精品| 999久久狠狠免费精品| 欧美国产日韩一区二区三区| 精品视频免费在线| 日本免费看视频| 亚洲精品中文字幕久久久久久| 亚洲精品久久玖玖玖玖| 日韩专区亚洲综合久久| 久久99爰这里有精品国产| 九九精品久久| 国产麻豆精品免费视频| 日韩字幕在线| 午夜在线观看视频免费 成人| 99久久精品费精品国产一区二区| 成人高清视频免费观看| 欧美大片a一级毛片视频| 国产高清视频免费观看| 国产激情一区二区三区| 四虎影视久久| 国产一区二区精品久久| 精品视频在线观看免费| 国产综合成人观看在线| 成人免费观看男女羞羞视频| 国产网站免费视频| 美女免费毛片| 成人高清视频免费观看| 亚洲www美色| 亚洲 欧美 成人日韩| 欧美爱色| 青青青草视频在线观看| 麻豆系列 在线视频| 中文字幕一区二区三区 精品| 999精品影视在线观看| 久久福利影视| 日本在线播放一区| a级精品九九九大片免费看| 成人免费观看男女羞羞视频| 精品国产一级毛片| 国产麻豆精品视频| 久久久成人影院| 韩国毛片免费| 免费国产在线观看| 中文字幕一区二区三区 精品| 日韩av片免费播放| 成人a级高清视频在线观看| 久久精品道一区二区三区| 久久国产精品只做精品| 99色播| 国产成人精品综合| 国产网站在线| 91麻豆精品国产综合久久久| 国产精品自拍在线| 沈樵在线观看福利| 成人免费一级纶理片| 精品久久久久久中文字幕2017| 深夜做爰性大片中文| 国产视频在线免费观看| 日韩欧美一及在线播放| 欧美激情一区二区三区在线 | 欧美激情一区二区三区视频 | 久久久久久久久综合影视网| 日本久久久久久久 97久久精品一区二区三区 狠狠色噜噜狠狠狠狠97 日日干综合 五月天婷婷在线观看高清 九色福利视频 | 久久精品免视看国产成人2021| 国产福利免费视频| 高清一级做a爱过程不卡视频| 国产麻豆精品免费视频| 国产精品1024永久免费视频| 九九九国产| 久久久久久久网| 一级女性大黄生活片免费| 中文字幕一区二区三区精彩视频| 好男人天堂网 久久精品国产这里是免费 国产精品成人一区二区 男人天堂网2021 男人的天堂在线观看 丁香六月综合激情 | 久久国产精品永久免费网站| 欧美1区2区3区| 亚洲女人国产香蕉久久精品| 韩国三级香港三级日本三级| 午夜在线亚洲| 国产成人女人在线视频观看| 亚洲精品久久玖玖玖玖| 国产成a人片在线观看视频| 日韩在线观看视频黄| 久久国产影视免费精品| 午夜欧美成人香蕉剧场| 久久成人综合网| 色综合久久天天综合观看| 精品视频在线观看视频免费视频| 超级乱淫伦动漫| 色综合久久天天综线观看| 一级女人毛片人一女人| 欧美另类videosbestsex久久 | 黄视频网站在线观看| 美国一区二区三区| 国产麻豆精品高清在线播放|