網(wǎng)頁(yè)設(shè)計(jì)需要注意什么?網(wǎng)頁(yè)設(shè)計(jì)過(guò)程中需要注意的12個(gè)常見(jiàn)問(wèn)題
網(wǎng)頁(yè)設(shè)計(jì)過(guò)程中需要注意的12個(gè)常見(jiàn)問(wèn)題概括起來(lái)分別是1、無(wú)論在什么設(shè)備上,盡量提供類似的體驗(yàn);2、清晰而易用的導(dǎo)航設(shè)計(jì);3、讓已訪問(wèn)的鏈接顯示為別的色彩;4、讓用戶更容易掃視頁(yè)面;5、仔細(xì)檢查所有鏈接;6、確保元素的視覺(jué)和功能表里如一;7、不要讓你的用戶長(zhǎng)時(shí)間等待加載;8、不要讓促銷廣告蓋住內(nèi)容;9、避免滾動(dòng)劫持;10、不要讓視頻和音頻自動(dòng)播放并出聲;11、不要為了漂亮而犧牲可用性;12、不要使用晃眼的文本和廣告,詳細(xì)分析請(qǐng)見(jiàn)下文。
網(wǎng)頁(yè)設(shè)計(jì)說(shuō)簡(jiǎn)單也簡(jiǎn)單,說(shuō)麻煩也麻煩。同類型的網(wǎng)站大同小異,但是在具體問(wèn)題和細(xì)節(jié)上,需要具體考慮和對(duì)待的問(wèn)題一點(diǎn)也不少。面對(duì)這些不知道何時(shí)就會(huì)跳出來(lái)的問(wèn)題,我列了一個(gè)常見(jiàn)的注意事項(xiàng)清單,便于在每個(gè)網(wǎng)頁(yè)設(shè)計(jì)項(xiàng)目中參考、排查問(wèn)題。

1、無(wú)論在什么設(shè)備上,盡量提供類似的體驗(yàn)
用戶可能會(huì)從不同的設(shè)備上訪問(wèn)你的網(wǎng)站,可能在桌面端上,筆記本電腦、平板電腦和手機(jī)上,甚至有可能在智能手表上打開(kāi)你的網(wǎng)站。而作為用戶體驗(yàn)設(shè)計(jì)的工作目標(biāo)之一,就是盡量確保無(wú)論在哪個(gè)設(shè)備上打開(kāi),都能給用戶以類似、相對(duì)一致的體驗(yàn)。

如果用戶需要在手機(jī)上查看你的網(wǎng)站,那么他應(yīng)該能夠像在家里的電腦上查看的時(shí)候那樣,找打所有他希望能找到的內(nèi)容。
2、清晰而易用的導(dǎo)航設(shè)計(jì)
導(dǎo)航是網(wǎng)頁(yè)可用性的基石。如果用戶無(wú)法通過(guò)導(dǎo)航找到自己想要的內(nèi)容,那么無(wú)論網(wǎng)站設(shè)計(jì)多好,都是不達(dá)標(biāo)的。所以,你的網(wǎng)站導(dǎo)航應(yīng)該符合下面的特征:
簡(jiǎn)單(每個(gè)網(wǎng)站都應(yīng)該具備簡(jiǎn)單明了的結(jié)構(gòu))
清晰(導(dǎo)航的選項(xiàng)對(duì)于用戶而言應(yīng)該是不言自明的)
一致(導(dǎo)航在各個(gè)頁(yè)面上應(yīng)該都是一致的)
這樣的導(dǎo)航能夠讓用戶盡可能少的點(diǎn)擊用來(lái)抵達(dá)他們要去的頁(yè)面。
3、讓已訪問(wèn)的鏈接顯示為別的色彩
每個(gè)網(wǎng)站當(dāng)中各種鏈接都不少。為了和文本區(qū)分開(kāi)來(lái),鏈接通常色彩不一樣,如果用戶點(diǎn)擊之后再返回,鏈接色彩不作區(qū)分的話,用戶可能會(huì)無(wú)意中重復(fù)訪問(wèn)相同的頁(yè)面。所以,讓已訪問(wèn)過(guò)的鏈接顯示為其他的色彩,讓用戶更好地決定下一步點(diǎn)擊哪里。

4、讓用戶更容易掃視頁(yè)面
當(dāng)用戶剛剛開(kāi)始打開(kāi)網(wǎng)頁(yè)的時(shí)候,可能會(huì)傾向于快速掃視整個(gè)頁(yè)面,而非通讀所有內(nèi)容。當(dāng)用戶想要快速判斷出他們想要的內(nèi)容在哪里的時(shí)候,就需要快速掃視、定位。作為設(shè)計(jì)師,讓頁(yè)面的層次結(jié)構(gòu)足夠清晰,才能讓用戶更清晰地快速獲取信息。如何將內(nèi)容按照重要性、有層次地呈現(xiàn)出來(lái),還是挺考驗(yàn)網(wǎng)頁(yè)設(shè)計(jì)師的權(quán)衡能力的。

將屏幕標(biāo)題、登錄表單、導(dǎo)航類目和其他的關(guān)鍵內(nèi)容設(shè)置為視覺(jué)焦點(diǎn),便于用戶發(fā)現(xiàn)。
相關(guān)文章

全畫(huà)幅不是半畫(huà)幅的兩倍有什么區(qū)別? 聊聊相機(jī)的傳感器尺寸
說(shuō)到相機(jī)畫(huà)幅,估計(jì)平時(shí)聽(tīng)到最多的可能就是全畫(huà)幅與半畫(huà)幅了,以至于不少人認(rèn)為中畫(huà)幅比全畫(huà)幅要小,為了避免這種常識(shí)性錯(cuò)誤,這篇文章就來(lái)和大家說(shuō)說(shuō)相機(jī)的不同畫(huà)幅,所謂2025-04-07
a5紙與a4紙?jiān)趺催x? a5紙與a4的區(qū)別介紹
4紙和A5紙因其尺寸適中,使用尤為廣泛,但你知道它們之間有何區(qū)別嗎?今天,就讓我們一起來(lái)探討這個(gè)話題2025-02-01
各類商務(wù)印刷品的尺寸怎么選? 印刷設(shè)計(jì)常用的尺寸紙張/克重都在這里了
日常經(jīng)常印刷各種東西,哪些尺寸,紙張更合適呢?本文為大家整理了常用印刷尺寸,方便圖文廣告店、印企在日常接單生產(chǎn)中能夠快速掌握客戶關(guān)鍵性信息,詳細(xì)請(qǐng)看下文介紹2024-02-10
常用照片尺寸有哪些 常見(jiàn)證件照尺寸對(duì)照表及用途介紹
現(xiàn)如今,證件照已成為我們生活中不可或缺的一部分,無(wú)論是求職應(yīng)聘,還是入學(xué)注冊(cè),亦或是辦理各種證件,都需要提交符合規(guī)定格式和要求的證件照,那么,這些證件照的尺寸和2024-02-10
平面設(shè)計(jì)是一個(gè)注重視覺(jué)效果的設(shè)計(jì),簡(jiǎn)單的排版方式有時(shí)候不能滿足視覺(jué)突出的效果,業(yè)務(wù)很難達(dá)到吸引用戶的眼球,下面我們就來(lái)看看8個(gè)平面設(shè)計(jì)技巧分享2023-10-08
如何選擇平面設(shè)計(jì)工具? 這10款軟件應(yīng)該收入囊中
每個(gè)設(shè)計(jì)師都有自己最喜歡的設(shè)計(jì)軟件,并把軟件作為自己的第二語(yǔ)言,今天我們來(lái)推薦10款UI設(shè)計(jì)不可或缺的工具,詳細(xì)請(qǐng)看下文介紹2023-10-08
夏日電影風(fēng)怎么調(diào)色調(diào)色? 適合夏季的柔和綠色調(diào)調(diào)色分享
夏日電影風(fēng)怎么調(diào)色調(diào)色?夏天快到了,想要調(diào)節(jié)夏季電影風(fēng)的畫(huà)面,該怎么操作呢?下面我們就來(lái)看看適合夏季的柔和綠色調(diào)調(diào)色分享2023-04-02
什么是真RAW 什么是偽RAW? 簡(jiǎn)單說(shuō)說(shuō)真 RAW 和 偽RAW
隨著索尼α7RV(ILCE-7RM5)正式發(fā)售,近期有不少網(wǎng)友跟我咨詢索尼相機(jī)“無(wú)損壓縮(M)”和“無(wú)損壓縮(S)”RAW的問(wèn)題,今天做一個(gè)統(tǒng)一答復(fù)2022-12-24
手機(jī)UI設(shè)計(jì)尺寸有哪些? 超全面的UI元素尺寸設(shè)置指南
手機(jī)UI設(shè)計(jì)尺寸有哪些?作為新手在設(shè)計(jì)手機(jī)ui的頁(yè)面的時(shí)候,發(fā)現(xiàn)自己設(shè)計(jì)的尺寸都很奇怪,如果能有元素尺寸介紹就好了,下面就來(lái)看看我們匯總的超全面的UI元素尺寸設(shè)置指南2021-08-06
常用照片尺寸有哪幾個(gè)? 照片標(biāo)準(zhǔn)尺寸/像素對(duì)照表匯總
常用照片尺寸有哪幾個(gè)?我們經(jīng)常說(shuō)一寸照片,二寸照片,這些照片的尺寸是怎么計(jì)算的?下面我們就來(lái)看看照片標(biāo)準(zhǔn)尺寸/像素對(duì)照表匯總2021-08-06









