對于許多設(shè)計(jì)新手來說，想要完成ui設(shè)計(jì)除了要有自己獨(dú)特的想法以外，還得了解產(chǎn)品設(shè)計(jì)的規(guī)則，否則后期設(shè)計(jì)會非常麻煩，下面我們跟隨小編一起來了解一下ui設(shè)計(jì)網(wǎng)站的相關(guān)資料吧。

ui設(shè)計(jì)網(wǎng)站兩大關(guān)鍵原則

一、提供文本替代非文本內(nèi)容

　　我們對網(wǎng)站上非文本內(nèi)容的感知完全基于我們的聽覺或視覺條件。當(dāng)電子學(xué)習(xí)課程在練習(xí)中使用純圖片內(nèi)容時(shí)，視力差的學(xué)生可能會錯過重要的信息。同時(shí)，當(dāng)只提供沒有文本替代的視頻內(nèi)容時(shí)，我們也可能會失去聽覺障礙用戶的注意力。

　　對于有聽覺障礙的用戶，網(wǎng)站可以考慮使用屏幕閱讀器。當(dāng)我們添加屏幕閱讀器能夠捕捉到的適當(dāng)描述時(shí)，圖像也可以被訪問。根據(jù)圖像的用途，文本可以采用名稱的形式來標(biāo)記圖像的角色，也可以采用簡單的描述性標(biāo)識。

　　提示：屏幕閱讀器僅用于視覺目的的圖像——例如裝飾或插圖——超出了輔助技術(shù)的范圍，所以我們根本不需要對它們進(jìn)行標(biāo)記。

　　我們還需要為有聽力障礙的用戶提供視頻或音頻內(nèi)容的訪問。耳聾或重聽使用者在沒有字幕或文字記錄的情況下，信息獲取上可能會有困難，甚至無法感知。

　　視頻內(nèi)容不僅需要提供精確的同步字幕，也要支持用戶根據(jù)個人需要或喜好來切換字幕。當(dāng)音頻內(nèi)容具有全文抄本時(shí)，用戶就可以訪問它。我們可以將它們放在單獨(dú)的web頁面上或作為可下載文件提供。

　　請記住，不僅殘障用戶需要視頻字幕或音頻記錄，其他用戶都可能在處于類似的情景中訪問/使用網(wǎng)站。在嘈雜的環(huán)境中訪問者會非常感謝以上的解決方案。當(dāng)你為非文本內(nèi)容提供文本替代時(shí)，有感知障礙的人可以清楚準(zhǔn)確地獲得你提供給他們的所有信息。

（圖片來自網(wǎng)絡(luò)）

　　二、思考顏色使用和對比策略

　　顏色可以幫助我們強(qiáng)調(diào)頁面中我們想要展示的區(qū)域，吸引用戶的注意，以促進(jìn)其獲取重要信息。但如果你只是采用普通的顏色方案，視力差或色盲的用戶很難完全理解頁面/網(wǎng)站內(nèi)容。

　　顏色并不是強(qiáng)調(diào)內(nèi)容或提示警告的唯一途徑。當(dāng)設(shè)計(jì)具有不同背景顏色的元素時(shí)，也可以考慮使用圖案。因?yàn)椴皇敲總€人都能正確地區(qū)分顏色，所以使用不同的圖案也能幫助用戶區(qū)別信息。

　　當(dāng)你用顏色標(biāo)記元素時(shí)，要注意使用足夠的亮度差異。色盲或視力差的用戶可以通過強(qiáng)烈的明暗對比感知視覺元素。這樣也可以幫助所有用戶在惡劣的條件下訪問網(wǎng)站，例如，用戶試圖在強(qiáng)烈的陽光下填寫表格。

　　除此之外，使用元素之間的線厚和尺寸對比，例如加粗CTA文本，都會有所幫助。我們需要文字顏色和背景之間有足夠的對比。這包括關(guān)于顏色或漸變背景、圖像、按鈕、圖表和地圖的文本。這有助于對比度敏感度低、視野狹窄或色盲的人獲得信息。

（圖片來自網(wǎng)絡(luò)）

　　相信有了小編為你介紹的ui設(shè)計(jì)網(wǎng)站的關(guān)鍵原則之后，一定可以幫助你設(shè)計(jì)出更符合需求的ui設(shè)計(jì)作品，讓你的設(shè)計(jì)更加吸引人哦!