DIV CSS 佈局教程網

 DIV+CSS佈局教程網 >> 網頁腳本 >> WEB網站前端 >> 前端技巧 >> 網頁設計中常見的錯誤小結
網頁設計中常見的錯誤小結
編輯:前端技巧     

在設計網頁的過程中,射雞師們難免會犯點錯。尤其是初出茅廬的新人們更加容易在實現新點子的過程中出錯。別說是新手了,就算是經驗豐富的行家也得注意提高警惕,避免犯這些錯誤。很多開發者越來越依賴網頁模板來減少設計出錯的機會。讓我們來留心看看這些常見的錯誤吧。

  網頁結構上的瑕疵

  很多設計師把握不好承載信息的空間與留白之間的平衡。文本、圖片和菜單應放在能與之形成足夠反差的背景上,通過調整各元素之間的間距來營造干淨整潔的外觀,擁擠的頁面是不能抓住訪客注意力的。創建網站的過程中記得檢查頁邊距和padding樣式。

  浏覽器那些事兒

  你的網站應該在所有的常用浏覽器裡都完美展現。很多設計師只不過是忘記了檢測浏覽器兼容性,或者匆忙之中跳過了這一步。那些依賴網站模板的開發者們經常犯這種錯。常用的浏覽器有好幾個呢,每一個又有一堆不同的版本,足以將事情搞得越來越復雜。之所以有如此之多的版本,是由於許多用戶不肯升級他們的浏覽器。要找出網站目標用戶群體常用的浏覽器,並針對它們檢查你網站的兼容性。

  令人抓狂的導航

  這個錯誤可不得了,可以瞬間把感興趣的訪問者嚇跑。訪客訪問網站時是沖著他們所需的信息而來的,這些信息應該最多在三次點擊之內找到,而很多設計師把內容埋藏得太深了,使訪客感到受挫。文本部分和導航元素應該被恰當地突顯出來以引導用戶,又有不少人在主頁、產品、關於等欄目的標簽上使用了用戶不熟悉的詞匯,導致他們產生困惑。網站模板對於需要開發新網站或者重新設計已有網站的中小企業來說是個很好的選擇,能將正確的導航元素各歸各位。

  flash和音樂的使用

  新人們對flash和背景音樂有某種迷戀,而代價就是變慢的響應速度和受阻的頁面加載過程。很多用戶接入網絡的速度其實並不快,需要等很久頁面才加載完,這就打斷了原本流暢的浏覽體驗,結果很可能是用戶改主意訪問其他站點。帶有flash的網站模板應該在開發工作進行之前檢測過才行。

  帶背景音樂的網站並不是那麼受歡迎。盡管在網站的指引音頻中用上音樂也許不錯,但仍需提供音效控制權給用戶,而不是從一開始就自動播放。

  不加標簽的鏈接

  網站上的所有鏈接都需要加上正確的標簽。不管你是自己從零開始建站還是使用模板,這一點都至關重要,不然用戶就弄不清楚這個鏈接將要指向何方。將相似的鏈接用同樣的顏色或字體編組,改變已訪問鏈接的顏色,使用清晰可見的按鈕都是值得鼓勵的方法。注意了,有時候設計師可能會忘記將文本塊中的鏈接標記出來。

  字體出錯啦

  過小或過大的字體都會帶來錯誤的印象,使用最優字號的web安全字體是傳達信息的最好方式。字體可不能帶有妨礙閱讀和理解的花哨樣式。用字體玩太多的花樣是一個應該避免的常見錯誤。網頁模板可以大大降低犯這種錯誤的幾率。

  圖片未優化

  網絡用圖應調整尺寸或壓縮大小,以節省空間和加載時間。若非如此,加載圖片需要很長的時間,而訪客一般不會再等下去,而是轉投其他網站。提供縮略圖預覽並將縮略圖鏈接到更大尺寸的圖片可是個聰明的解決方法,很多設計師都沒有注意到。常用的圖片格式有JPG,PNG和GIF,其他格式加載的時間會更長一些。當一張或幾張圖標被用作背景時,設計師得小心處理加載時間和圖片優化程度的問題。

  不當的色彩組合

  在給網站選擇顏色的時候,設計師可能沒將網站目的和目標客戶列入考慮范圍。企業網站和醫療類網站的適用顏色是不一樣的。使用強烈沖突的顏色或者顏色太多都是不明智的選擇。許多設計師沒有遵循使用三原色的法則。有需要的時候可以用用這些個互補色(原文complementary colors,可能是作者筆誤)的深色調。有許多顏色漂亮的網站模板可以用作參考。

  糟糕的文字格式

  搜尋信息的訪客傾向於先掃描文字再深入考究細節,一大坨文字會讓他們反胃的。很多設計師都沒有設計利於掃描的文字格式。著重號、數字編號、標題、小標題、用加粗或顏色來強調文字都是些經常被忽略的簡單方法。這個時候網站模板就是個聰明的設計參考點。

  網站設計過程包含了數個重要的階段,設計師們要時刻注意防范可能發生的錯誤。有些錯誤由於疏忽造成,而有些則因缺乏相應知識造成。上面提到的小tips可大大減少出錯的機會。

XML學習教程| jQuery入門知識| AJAX入門| Dreamweaver教程| Fireworks入門知識| SEO技巧| SEO優化集錦|
Copyright © DIV+CSS佈局教程網 All Rights Reserved