RM新时代网站-首页

電子發(fā)燒友App

硬聲App

0
  • 聊天消息
  • 系統(tǒng)消息
  • 評(píng)論與回復(fù)
登錄后你可以
  • 下載海量資料
  • 學(xué)習(xí)在線課程
  • 觀看技術(shù)視頻
  • 寫(xiě)文章/發(fā)帖/加入社區(qū)
會(huì)員中心
創(chuàng)作中心

完善資料讓更多小伙伴認(rèn)識(shí)你,還能領(lǐng)取20積分哦,立即完善>

3天內(nèi)不再提示
創(chuàng)作
電子發(fā)燒友網(wǎng)>電子資料下載>常用軟件>網(wǎng)絡(luò)工具>界面設(shè)計(jì)可訪問(wèn)性中顏色的運(yùn)用

界面設(shè)計(jì)可訪問(wèn)性中顏色的運(yùn)用

2017-10-10 | rar | 0.4 MB | 次下載 | 1積分

資料介紹

  一個(gè)設(shè)計(jì)優(yōu)秀的產(chǎn)品,可訪問(wèn)性對(duì)所有用戶來(lái)說(shuō)都是很高的,本文主要關(guān)注可訪問(wèn)性中顏色的運(yùn)用。
  顏色和對(duì)比
  確保界面設(shè)計(jì)中的顏色對(duì)用戶來(lái)說(shuō)是易于訪問(wèn)的,這是視覺(jué)設(shè)計(jì)師最重要的工作。應(yīng)該使用顏色和對(duì)比度來(lái)幫助用戶看到并理解應(yīng)用程序的內(nèi)容、交互元素。
  621672408619351285
  根據(jù)W3C Web內(nèi)容的可訪問(wèn)性指南(WCAG),小型文本與背景的比例至少是4.5:1,大型文本(14pt的粗體/18pt常規(guī)體或以上)應(yīng)該有一個(gè)至少3:1的對(duì)比度。這條規(guī)則可以幫助人們?cè)谄聊簧峡辞迨褂昧瞬煌伾奈淖?。具體數(shù)值不用去關(guān)心,根據(jù)設(shè)計(jì)者的感覺(jué)足以應(yīng)付。
  但對(duì)于有些色弱或色盲用戶來(lái)說(shuō),他們看到的顏色有所不同,所以在設(shè)計(jì)的時(shí)候還是要盡量選擇對(duì)比度較高的組合。
  像Color Safe這樣的在線工具可以幫助你在設(shè)計(jì)的時(shí)候挑選可訪問(wèn)性高的顏色組合。
  界面設(shè)計(jì)可訪問(wèn)性中顏色的運(yùn)用
  還有WebAIM,WebAIM色彩對(duì)比檢查器可以幫你測(cè)試它們是否是比較優(yōu)良的組合。
  界面設(shè)計(jì)可訪問(wèn)性中顏色的運(yùn)用
  提示:探索各種顏色組合方式。為你的應(yīng)用程序選擇原色、次級(jí)色和強(qiáng)調(diào)色的組合,提高可用性。確保不同元素之間足夠的色彩對(duì)比度,這樣即使是某些有視力障礙的用戶也可以很好的使用你的應(yīng)用程序。
  不要只依賴于顏色
  根據(jù)調(diào)查,男性中的1/12、女性中的1/200為色盲,如果僅僅用顏色來(lái)傳達(dá)信息,他們看到的顏色與我們不同(不是同一個(gè)色),手機(jī)屏幕不像紅綠燈,現(xiàn)在大部分紅綠燈在設(shè)計(jì)之初就已經(jīng)考慮到這點(diǎn),比如在綠燈加了一些藍(lán)光,紅燈加了一些橙光。
  界面設(shè)計(jì)可訪問(wèn)性中顏色的運(yùn)用
  在下面的示例中,如果表單字段的設(shè)計(jì)只依賴顏色(紅色和綠色)來(lái)表示這個(gè)地方有沒(méi)有錯(cuò)誤,你可以想象一下這個(gè)場(chǎng)景,提交的時(shí)候跳出一條信息“你提交的信息有誤,請(qǐng)重試”,而沒(méi)有什么說(shuō)明到底是哪個(gè)文本框,是不是會(huì)崩潰。這是一個(gè)典型的場(chǎng)景,色盲用戶每天都會(huì)面對(duì)的問(wèn)題,因?yàn)樗麄儫o(wú)法區(qū)分以紅色突出顯示的字段。
下載該資料的人也在下載 下載該資料的人還在閱讀
更多 >

評(píng)論

查看更多

下載排行

本周

  1. 1電子電路原理第七版PDF電子教材免費(fèi)下載
  2. 0.00 MB  |  1491次下載  |  免費(fèi)
  3. 2單片機(jī)典型實(shí)例介紹
  4. 18.19 MB  |  95次下載  |  1 積分
  5. 3S7-200PLC編程實(shí)例詳細(xì)資料
  6. 1.17 MB  |  27次下載  |  1 積分
  7. 4筆記本電腦主板的元件識(shí)別和講解說(shuō)明
  8. 4.28 MB  |  18次下載  |  4 積分
  9. 5開(kāi)關(guān)電源原理及各功能電路詳解
  10. 0.38 MB  |  11次下載  |  免費(fèi)
  11. 6100W短波放大電路圖
  12. 0.05 MB  |  4次下載  |  3 積分
  13. 7基于單片機(jī)和 SG3525的程控開(kāi)關(guān)電源設(shè)計(jì)
  14. 0.23 MB  |  4次下載  |  免費(fèi)
  15. 8基于AT89C2051/4051單片機(jī)編程器的實(shí)驗(yàn)
  16. 0.11 MB  |  4次下載  |  免費(fèi)

本月

  1. 1OrCAD10.5下載OrCAD10.5中文版軟件
  2. 0.00 MB  |  234313次下載  |  免費(fèi)
  3. 2PADS 9.0 2009最新版 -下載
  4. 0.00 MB  |  66304次下載  |  免費(fèi)
  5. 3protel99下載protel99軟件下載(中文版)
  6. 0.00 MB  |  51209次下載  |  免費(fèi)
  7. 4LabView 8.0 專業(yè)版下載 (3CD完整版)
  8. 0.00 MB  |  51043次下載  |  免費(fèi)
  9. 5555集成電路應(yīng)用800例(新編版)
  10. 0.00 MB  |  33562次下載  |  免費(fèi)
  11. 6接口電路圖大全
  12. 未知  |  30320次下載  |  免費(fèi)
  13. 7Multisim 10下載Multisim 10 中文版
  14. 0.00 MB  |  28588次下載  |  免費(fèi)
  15. 8開(kāi)關(guān)電源設(shè)計(jì)實(shí)例指南
  16. 未知  |  21539次下載  |  免費(fèi)

總榜

  1. 1matlab軟件下載入口
  2. 未知  |  935053次下載  |  免費(fèi)
  3. 2protel99se軟件下載(可英文版轉(zhuǎn)中文版)
  4. 78.1 MB  |  537793次下載  |  免費(fèi)
  5. 3MATLAB 7.1 下載 (含軟件介紹)
  6. 未知  |  420026次下載  |  免費(fèi)
  7. 4OrCAD10.5下載OrCAD10.5中文版軟件
  8. 0.00 MB  |  234313次下載  |  免費(fèi)
  9. 5Altium DXP2002下載入口
  10. 未知  |  233046次下載  |  免費(fèi)
  11. 6電路仿真軟件multisim 10.0免費(fèi)下載
  12. 340992  |  191183次下載  |  免費(fèi)
  13. 7十天學(xué)會(huì)AVR單片機(jī)與C語(yǔ)言視頻教程 下載
  14. 158M  |  183277次下載  |  免費(fèi)
  15. 8proe5.0野火版下載(中文版免費(fèi)下載)
  16. 未知  |  138039次下載  |  免費(fèi)
RM新时代网站-首页