常見頁面設(shè)計(jì)問題及其解決方法
在開發(fā)網(wǎng)站時(shí),錯(cuò)誤可以根據(jù)編碼和設(shè)計(jì)進(jìn)行分類。在大多數(shù)情況下,編碼錯(cuò)誤可以通過測(cè)試和調(diào)試來解決; 然而,設(shè)計(jì)錯(cuò)誤往往更常見,更容易錯(cuò)過。
設(shè)計(jì)錯(cuò)誤只能通過學(xué)習(xí)發(fā)現(xiàn)它們并理解是什么使它們?cè)谝曈X上成問題來避免。在許多情況下,設(shè)計(jì)錯(cuò)誤看起來并不糟糕; 盡管如此,它們可以在未來的設(shè)計(jì)項(xiàng)目中輕松改進(jìn)和避免。以下是一些常見的頁面設(shè)計(jì)問題:不均勻的水平間距
如果前導(dǎo)段落后跟H2元素加上一行文本,則頁面的其余部分應(yīng)以相同的間距流動(dòng)。在標(biāo)題,圖像和段落之間插入不均勻的空格是一個(gè)常見的錯(cuò)誤,導(dǎo)致稍微不舒服的瀏覽體驗(yàn)。前景文本提供較差的對(duì)比度
疊加在圖像上的低對(duì)比度文本可能難以閱讀。這方面的問題之一是設(shè)計(jì)師只關(guān)注改變文本屬性而忽略圖像。有時(shí)候,所需要的只是圖像濾鏡或輕微的亮度調(diào)整,以使事情有效。邏輯塊和空白區(qū)域
20世紀(jì)80年代的雜志廣告通過邏輯排列文本塊來充分利用空白區(qū)域,這可以通過填充和背景顏色來實(shí)現(xiàn)。過多的排版
除非網(wǎng)站專門用于支持藝術(shù)項(xiàng)目,否則CSS的編碼方式不應(yīng)類似于20世紀(jì)90年代華麗的另類搖滾雜志。設(shè)計(jì)師應(yīng)盡可能堅(jiān)持使用單一字體,兩種顏色,兩種效果和兩種飽和度。我們的想法是創(chuàng)建一種讀者將在后續(xù)頁面中遇到的樣式。長文本和窄文本塊
20世紀(jì)后期印刷的那些不能很好地轉(zhuǎn)化為現(xiàn)代網(wǎng)頁設(shè)計(jì)。例外情況是單個(gè)列在頁面上居中; 這允許移動(dòng)訪問者隨意調(diào)整他們的屏幕。
- [2021-04-25]• 重新設(shè)計(jì)網(wǎng)站時(shí)應(yīng)考慮的重要的要點(diǎn)
- [2021-04-23]• 如何確保您的網(wǎng)站安全
- [2021-04-20]• 如何將Flash網(wǎng)站轉(zhuǎn)換為HTML網(wǎng)站?
- [2021-04-17]• 商業(yè)網(wǎng)站開發(fā):需要考慮的基本步驟
- [2021-04-15]• 網(wǎng)站設(shè)計(jì)如何在2021年促進(jìn)客戶轉(zhuǎn)化?
- [2021-04-13]• 網(wǎng)站開發(fā)人員應(yīng)學(xué)習(xí)Web設(shè)計(jì)的10個(gè)理由
- [2021-04-07]• 為什么需要為您的企業(yè)建立網(wǎng)站?
- [2021-03-31]• 電子商務(wù)網(wǎng)站設(shè)計(jì)應(yīng)避免的5大錯(cuò)誤
- [2021-03-29]• 精心設(shè)計(jì)的網(wǎng)站可以提高您的銷售量:這就是方法
- [2021-03-27]• 有目的的設(shè)計(jì):為什么您的網(wǎng)站使您失敗