Godzilla. 2016-12-21
網(wǎng)站建設(shè)
昆明網(wǎng)站設(shè)計人員總結(jié)：常見的設(shè)計錯誤
在網(wǎng)頁設(shè)計中很多設(shè)計師容易犯一些共同的錯誤，本文就來討論一些在當(dāng)今網(wǎng)站設(shè)計中比較常見的問題，下面請看由昆明網(wǎng)站設(shè)計人員總結(jié)的常見的設(shè)計錯誤。
·很難閱讀
通用設(shè)計中的第一個共同錯誤是文本內(nèi)容，由于其設(shè)計，很難閱讀。注意，認(rèn)知閱讀困難是一個單獨的問題，不在本文的范圍之內(nèi)。良好的可讀性使網(wǎng)站更有用和美觀。順便說一下，檢查Readability.com網(wǎng)絡(luò)應(yīng)用程序超級容易閱讀。小尺寸文本和低色彩對比度是使得網(wǎng)頁排版難以閱讀的兩個關(guān)鍵問題。在下面的示例中，主文本內(nèi)容在黑色背景上為灰色，這在顏色測試中的亮度差異中導(dǎo)致失敗。文字大小設(shè)置為12像素，這對于許多用戶來說相當(dāng)小，包括我自己。當(dāng)從CSS中刪除文本大小時，瀏覽器顯示的默認(rèn)大小稍大，更可讀！因此，不要將默認(rèn)文本設(shè)置為12px或.75em，請嘗試高一些，如16px或.95em。
與文本相關(guān)的另一個最佳實踐是使用CSS中的相對大?。╡ms或百分比）而不是固定大小（像素或點），以幫助確保用戶能夠根據(jù)需要調(diào)整瀏覽器中的文本大小，并使布局縮放文本。其他良好的指南包括提供用戶友好的標(biāo)題和充足的線間距。
·很難確定文本鏈接
默認(rèn)情況下，超鏈接文本使用下劃線呈現(xiàn)。這是網(wǎng)絡(luò)瀏覽中的長期慣例。 刪除此約定不僅會打破用戶的期望，而且可能會使色盲或視力不佳的人無法訪問此鏈接。復(fù)雜的這個問題的很多時候是鏈接被定義為黑色文本之間的深色。
我的驗光師告訴我，從40歲開始，男性的視力開始失去區(qū)分顏色的能力。許多網(wǎng)站都有深藍(lán)色的鏈接，沒有下劃線，我肯定不得不忍受我的眼睛，以確定文本鏈接。 讓文本鏈接清晰可見是網(wǎng)站設(shè)計的基本原則。如果你有更多關(guān)于網(wǎng)站建設(shè)、網(wǎng)站優(yōu)化、logo設(shè)計、品牌設(shè)計、印刷、APP/微信開發(fā)等產(chǎn)品服務(wù)的需求，歡迎咨詢摩恩網(wǎng)絡(luò)官網(wǎng)，新上線企業(yè)VI設(shè)計套餐和網(wǎng)站營銷推廣系統(tǒng)（強(qiáng)）！
·視覺噪聲
分散的布局和內(nèi)容重載不僅在視覺上不吸引人，而且不是非常有用也不可訪問。在加利福尼亞州的地方政府網(wǎng)頁中，如下所示，有許多導(dǎo)航區(qū)域，兩個大的子橫幅圖像，只是一個無組織，分散的外觀。 結(jié)果，主內(nèi)容直到頁面的“折疊”才開始，這顯然不是理想的。 此外，沒有焦點，沒有視覺層次，導(dǎo)致用戶更可能在頁面上瘋狂地搜索用戶需要什么。
·無鍵盤訪問
鍵盤訪問，導(dǎo)航屏幕和單獨使用鍵盤與可對焦對象交互的能力是必不可少的。不幸的是，許多網(wǎng)站不提供這一點。更準(zhǔn)確地說，許多網(wǎng)站為鍵盤用戶創(chuàng)造了障礙，因為HTML本質(zhì)上是鍵盤可訪問的。如果您設(shè)計了鼠標(biāo)事件，請務(wù)必為鍵盤提供相同的訪問權(quán)限。
當(dāng)編碼一個網(wǎng)站時，有幾個好的做法要考慮。在CSS中，如果使用：hover偽類，請確保還提供了：focus狀態(tài)。此外，不應(yīng)該刪除錨元素上的輪廓，即{outline：0}（注意：大多數(shù)CSS重置樣式表刪除錨輪廓 - 請確保將它們添加到您自己的CSS中?。Ｈ绻^對必要，那么某種視覺效果必須替代它。
在Javascript中，不要使用雙擊處理程序（onDblClick），因為鍵盤不能執(zhí)行此行為。如果使用onMouseOver和onMouseOut Javascript處理程序，則還必須實現(xiàn)onFocus和onBlur事件以允許鍵盤訪問。
·缺少圖像的替代文本
如果圖像提供相關(guān)內(nèi)容，則必須伴隨替代文本。 當(dāng)無法看到圖像時，如盲人用戶，低頻帶用戶和破碎的圖像鏈接的情況，則仍然需要訪問圖像的“內(nèi)容”。提供替代文本的最流行的方法是在圖像元素的alt屬性中輸入文本。
文章標(biāo)簽：
網(wǎng)頁設(shè)計錯誤
文章評論：