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