網頁設計中常見的錯誤小結

在設計網頁的過程中,射雞師們難免會犯點錯。尤其是初出茅廬的新人們更加容易在實現(xiàn)新點子的過程中出錯。別說是新手了,就算是經驗豐富的行家也得注意提高警惕,避免犯這些錯誤。很多開發(fā)者越來越依賴網頁模板來減少設計出錯的機會。讓我們來留心看看這些常見的錯誤吧。
網頁結構上的瑕疵
很多設計師把握不好承載信息的空間與留白之間的平衡。文本、圖片和菜單應放在能與之形成足夠反差的背景上,通過調整各元素之間的間距來營造干凈整潔的外觀,擁擠的頁面是不能抓住訪客注意力的。創(chuàng)建網站的過程中記得檢查頁邊距和padding樣式。
瀏覽器那些事兒
你的網站應該在所有的常用瀏覽器里都完美展現(xiàn)。很多設計師只不過是忘記了檢測瀏覽器兼容性,或者匆忙之中跳過了這一步。那些依賴網站模板的開發(fā)者們經常犯這種錯。常用的瀏覽器有好幾個呢,每一個又有一堆不同的版本,足以將事情搞得越來越復雜。之所以有如此之多的版本,是由于許多用戶不肯升級他們的瀏覽器。要找出網站目標用戶群體常用的瀏覽器,并針對它們檢查你網站的兼容性。
令人抓狂的導航
這個錯誤可不得了,可以瞬間把感興趣的訪問者嚇跑。訪客訪問網站時是沖著他們所需的信息而來的,這些信息應該最多在三次點擊之內找到,而很多設計師把內容埋藏得太深了,使訪客感到受挫。文本部分和導航元素應該被恰當?shù)赝伙@出來以引導用戶,又有不少人在主頁、產品、關于等欄目的標簽上使用了用戶不熟悉的詞匯,導致他們產生困惑。網站模板對于需要開發(fā)新網站或者重新設計已有網站的中小企業(yè)來說是個很好的選擇,能將正確的導航元素各歸各位。
flash和音樂的使用
新人們對flash和背景音樂有某種迷戀,而代價就是變慢的響應速度和受阻的頁面加載過程。很多用戶接入網絡的速度其實并不快,需要等很久頁面才加載完,這就打斷了原本流暢的瀏覽體驗,結果很可能是用戶改主意訪問其他站點。帶有flash的網站模板應該在開發(fā)工作進行之前檢測過才行。
帶背景音樂的網站并不是那么受歡迎。盡管在網站的指引音頻中用上音樂也許不錯,但仍需提供音效控制權給用戶,而不是從一開始就自動播放。
不加標簽的鏈接
網站上的所有鏈接都需要加上正確的標簽。不管你是自己從零開始建站還是使用模板,這一點都至關重要,不然用戶就弄不清楚這個鏈接將要指向何方。將相似的鏈接用同樣的顏色或字體編組,改變已訪問鏈接的顏色,使用清晰可見的按鈕都是值得鼓勵的方法。注意了,有時候設計師可能會忘記將文本塊中的鏈接標記出來。
字體出錯啦
過小或過大的字體都會帶來錯誤的印象,使用最優(yōu)字號的web安全字體是傳達信息的最好方式。字體可不能帶有妨礙閱讀和理解的花哨樣式。用字體玩太多的花樣是一個應該避免的常見錯誤。網頁模板可以大大降低犯這種錯誤的幾率。
圖片未優(yōu)化
網絡用圖應調整尺寸或壓縮大小,以節(jié)省空間和加載時間。若非如此,加載圖片需要很長的時間,而訪客一般不會再等下去,而是轉投其他網站。提供縮略圖預覽并將縮略圖鏈接到更大尺寸的圖片可是個聰明的解決方法,很多設計師都沒有注意到。常用的圖片格式有JPG,PNG和GIF,其他格式加載的時間會更長一些。當一張或幾張圖標被用作背景時,設計師得小心處理加載時間和圖片優(yōu)化程度的問題。
不當?shù)纳式M合
在給網站選擇顏色的時候,設計師可能沒將網站目的和目標客戶列入考慮范圍。企業(yè)網站和醫(yī)療類網站的適用顏色是不一樣的。使用強烈沖突的顏色或者顏色太多都是不明智的選擇。許多設計師沒有遵循使用三原色的法則。有需要的時候可以用用這些個互補色(原文complementary colors,可能是作者筆誤)的深色調。有許多顏色漂亮的網站模板可以用作參考。
糟糕的文字格式
搜尋信息的訪客傾向于先掃描文字再深入考究細節(jié),一大坨文字會讓他們反胃的。很多設計師都沒有設計利于掃描的文字格式。著重號、數(shù)字編號、標題、小標題、用加粗或顏色來強調文字都是些經常被忽略的簡單方法。這個時候網站模板就是個聰明的設計參考點。
網站設計過程包含了數(shù)個重要的階段,設計師們要時刻注意防范可能發(fā)生的錯誤。有些錯誤由于疏忽造成,而有些則因缺乏相應知識造成。上面提到的小tips可大大減少出錯的機會。
相關文章
- 今天的文章,我們將分享15個可以學習編程的網站,這些網站上提供了很多編程教程,圖書以及編程練習,希望對你有用2024-11-02
- 這篇文章主要介紹了web開發(fā)中的長度單位主要包括px,pt,em等,需要的朋友可以參考下2023-08-06
- px單位是絕對單位,一般用于pc端網頁開發(fā),因為是絕對單位所以在移動端上的使用體驗并不是很好,rem它是描述相對于當前根元素字體尺寸,是相對單位,它可以根據(jù)根元素的變換而2023-08-06
WEB前端優(yōu)化必備js/css壓縮工具YUI-compressor詳解與集成用法
壓縮工具層次不窮,各有優(yōu)點,選擇適合的壓縮工具為將來做項目開發(fā)使用是一件很重要的事情!!在這介紹YUI-compressor,需要的朋友可以參考下2023-06-21- 瀏覽器是多進程的,有瀏覽器主進程,網絡進程,渲染進程,插件進程等,在將html,css,javascript解析成一個頁面的時候,就需要多個進程的分工合作2023-05-01
- 本文為大家整理了常用的文件對應的MIME類型,對大家的學習或者工作具有一定的參考學習價值,需要的朋友們下面隨著小編來一起學習學習吧2022-04-25
postman中form-data、x-www-form-urlencoded、raw、binary的區(qū)別介紹
這篇文章介紹了postman中form-data、x-www-form-urlencoded、raw、binary的區(qū)別,對大家的學習或者工作具有一定的參考學習價值,需要的朋友們下面隨著小編來一起學習學習吧2021-12-28- 國際組織制定了可以容納世界上所有文字和符號的字符編碼方案,稱為Unicode,是通用字符集Universal Character Set的縮寫,用以滿足跨語言、跨平臺進行文本轉換、處理的要求2021-11-27
前端實現(xiàn)字符串GBK與GB2312的編解碼(小結)
這篇文章主要介紹了前端實現(xiàn)字符串GBK與GB2312的編解碼(小結),小編覺得挺不錯的,現(xiàn)在分享給大家,也給大家做個參考。一起跟隨小編過來看看吧2020-12-02- 這篇文章主要介紹了告別硬編碼讓你的前端表格自動計算,本文通過實例代碼給大家介紹的非常詳細,對大家的學習或工作具有一定的參考借鑒價值,需要的朋友可以參考下2020-09-27