• 
• 
• 
• 
• 
• 
• 

返回貼子列表		發(fā)表新貼
主題： 不要忽略了顏色的可用性	共有1253人瀏覽過本貼	主貼管理 置　頂 加　精 結(jié)　貼 轉(zhuǎn)　貼

昵稱：奈薇建站網(wǎng) 論壇積分：108000 發(fā)貼等級：21 發(fā)貼數(shù)：1156 回貼數(shù)：1282 被砸雞蛋：1 獲贈(zèng)鮮花：182

發(fā)表時(shí)間：2019/7/7 21:00:00 樓　主 不要忽略了顏色的可用性 　　今早打開騰訊ISD的博客，看到一篇新的文章，《迷你屋視覺規(guī)范簡介》，趕緊看了來學(xué)習(xí)。不過給我抓到問題咯，臭魚不介意我在這說下吧： 　　這套規(guī)范中的，按鈕的第一級、第二級和文字中用于突出的第三種，紅底白字和白底紅字都不符合W3C的對比度規(guī)范。原本需要突出和強(qiáng)調(diào)的文字反而可能識別不易。 　　截圖中使用對比度檢查器，基于W3C的WCAGGuideline1.4.4和1.4.2中有相應(yīng)的規(guī)定，工具的下載和具體說明可見油茶會(huì)的這篇。 　　這是一個(gè)很好用也很科學(xué)的工具，小兔把它放在Windows的快速啟動(dòng)欄里，而且推薦給了同事們。當(dāng)初剛開始的時(shí)候，我們有多年設(shè)計(jì)經(jīng)驗(yàn)的視覺設(shè)計(jì)師不以為然，認(rèn)為靠肉眼識別就能辨別對比度。不過后來給我抓到了幾回，靠經(jīng)驗(yàn)和肉眼也會(huì)有漏網(wǎng)的時(shí)候啊?，F(xiàn)在連我們的運(yùn)營編輯都把這個(gè)要了去，為了保證自己做的推薦圖片夠醒目:D 　　注意文字顏色的對比度是件容易被忽略的事。據(jù)我所知騰訊對一些產(chǎn)品的視覺風(fēng)格是做用戶研究的，其中也包括色彩的定位。和臭魚提到這個(gè)時(shí)候，他說自己也就是看著，覺得對比度還算清楚。在正常人在正常環(huán)境中可能還不覺得什么，但是如果在一些表現(xiàn)欠佳的顯示環(huán)境、或者是色盲色弱、視力欠佳的人看來，就顯吃力了。即使是正常人，面對對比度欠佳的文字長時(shí)間閱讀也會(huì)容易產(chǎn)生疲勞，而浮躁的色彩會(huì)令用戶對產(chǎn)品的情感無形中產(chǎn)生影響。 　　那么顏色的對比度就是可用性工程師該注意的事？小兔覺得這還主要是視覺設(shè)計(jì)師的責(zé)任。 　　在大學(xué)讀編排設(shè)計(jì)的時(shí)候，老師就要求我們完成前看看自己的設(shè)計(jì)在黑白環(huán)境中是什么樣子。那時(shí)不論我的老師還是我自己，都沒有什么關(guān)于可用性的認(rèn)識，不曾想到過色盲色弱看到會(huì)如何，只是為了保證作品的表現(xiàn)力。但這卻是一個(gè)簡單有用的習(xí)慣，在這年頭Photoshop里去色看一下就好了。 　　回憶當(dāng)初學(xué)到色彩構(gòu)成的時(shí)候，也被老師叮囑過注意黃色這類高明度色彩的使用。雖然近兩年已經(jīng)不做視覺設(shè)計(jì)，但是大學(xué)中所學(xué)和國際商業(yè)美術(shù)設(shè)計(jì)師認(rèn)證，依然帶給我不少現(xiàn)在工作中受用的東西。即使不談可用性，這也是一個(gè)專業(yè)的視覺設(shè)計(jì)師應(yīng)該注意的問題。 　　最后總結(jié)幾點(diǎn)建議： 　　◇視覺設(shè)計(jì)完成后，在灰度顏色模式下審查一下效果 　　◇注意網(wǎng)頁上需要突出的、以及正文文字的對比度 　　◇可用性不是一個(gè)人或者一個(gè)崗位的事情，視覺設(shè)計(jì)、交互設(shè)計(jì)、可用性工程師、開發(fā)人員乃至PM都應(yīng)該去留心和注意的 奈薇建站網(wǎng)致力于，讓每個(gè)中國人、每個(gè)中國企業(yè)都擁有自己的“官方網(wǎng)站”！ 回復(fù)此貼 單貼管理 修　改 刪　除 清理簽名 TOP

共0個(gè)回貼   分0頁

上一頁 / 下一頁   當(dāng)前第頁

奈薇建站網(wǎng)青島網(wǎng)站建設(shè)公司/青島網(wǎng)站制作公司，專業(yè)提供"氣質(zhì)"型網(wǎng)站建設(shè)及精美網(wǎng)站制作服務(wù)，同時(shí)歡迎各地網(wǎng)站建設(shè)公司、網(wǎng)站制作公司代理我們的奈薇建站系統(tǒng)共同發(fā)展

熱點(diǎn)地區(qū)：青島網(wǎng)站建設(shè)價(jià)格 青島即墨網(wǎng)站制作公司 開發(fā)區(qū)信息港 山東在線門戶