實用推薦!網頁設計中常見的錯誤
在設計網頁的過程中,射雞師們難免會犯點錯。尤其是初出茅廬的新人們更加容易在實現新點子的過程中出錯。別說是新手了,就算是經驗豐富的行家也得注意提高警惕,避免犯這些錯誤。很多開發者越來越依賴網頁模板來減少設計出錯的機會。讓我們來留心看看這些常見的錯誤吧。
網頁結構上的瑕疵
很多設計師把握不好承載資訊的空間與留白之間的平衡。文字、圖片和選單應放在能與之形成足夠反差的背景上,通過調整各元素之間的間距來營造乾淨整潔的外觀,擁擠的頁面是不能抓住訪客注意力的。建立網站的過程中記得檢查頁邊距和padding樣式。
舉個好栗子 → feedafever
瀏覽器那些事兒
你的網站應該在所有的常用瀏覽器裡都完美展現。很多設計師只不過是忘記了檢測瀏覽器相容性,或者匆忙之中跳過了這一步。那些依賴網站模板的開發者們經常犯這種錯。常用的瀏覽器有好幾個呢,每一個又有一堆不同的版本,足以將事情搞得越來越複雜。之所以有如此之多的版本,是由於許多使用者不肯升級他們的瀏覽器。要找出網站目標使用者群體常用的瀏覽器,並針對它們檢查你網站的相容性。
令人抓狂的導航
這個錯誤可不得了,可以瞬間把感興趣的訪問者嚇跑。訪客訪問網站時是衝著他們所需的資訊而來的,這些資訊應該最多在三次點選之內找到,而很多設計師把內容埋藏得太深了,使訪客感到受挫。文字部分和導航元素應該被恰當地突顯出來以引導使用者,又有不少人在主頁、產品、關於等欄目的標籤上使用了使用者不熟悉的詞彙,導致他們產生困惑。網站模板對於需要開發新網站或者重新設計已有網站的中小企業來說是個很好的選擇,能將正確的導航元素各歸各位。
flash和音樂的使用
新人們對flash和背景音樂有某種迷戀,而代價就是變慢的響應速度和受阻的頁面載入過程。很多使用者接入網路的速度其實並不快,需要等很久頁面才載入完,這就打斷了原本流暢的瀏覽體驗,結果很可能是使用者改主意訪問其他站點。帶有flash的網站模板應該在開發工作進行之前檢測過才行。
帶背景音樂的網站並不是那麼受歡迎。儘管在網站的指引音訊中用上音樂也許不錯,但仍需提供音效控制權給使用者,而不是從一開始就自動播放。
不加標籤的連結
網站上的所有連結都需要加上正確的標籤。不管你是自己從零開始建站還是使用模板,這一點都至關重要,不然使用者就弄不清楚這個連結將要指向何方。將相似的連結用同樣的顏色或字型編組,改變已訪問連結的顏色,使用清晰可見的按鈕都是值得鼓勵的方法。注意了,有時候設計師可能會忘記將文字塊中的連結標記出來。
字型出錯啦
過小或過大的字型都會帶來錯誤的印象,使用最優字號的web安全字型是傳達資訊的最好方式。字型可不能帶有妨礙閱讀和理解的花哨樣式。用字型玩太多的花樣是一個應該避免的常見錯誤。網頁模板可以大大降低犯這種錯誤的機率。
圖片未優化
網路用圖應調整尺寸或壓縮大小,以節省空間和載入時間。若非如此,載入圖片需要很長的時間,而訪客一般不會再等下去,而是轉投其他網站。提供縮圖預覽並將縮圖連結到更大尺寸的圖片可是個聰明的解決方法,很多設計師都沒有注意到。常用的圖片格式有JPG,PNG和GIF,其他格式載入的時間會更長一些。當一張或幾張圖示被用作背景時,設計師得小心處理載入時間和圖片優化程度的問題。
不當的色彩組合
在給網站選擇顏色的時候,設計師可能沒將網站目的和目標客戶列入考慮範圍。企業網站和醫療類網站的適用顏色是不一樣的。使用強烈衝突的顏色或者顏色太多都是不明智的選擇。許多設計師沒有遵循使用三原色的法則。有需要的時候可以用用這些個互補色(原文complementary colors,可能是作者筆誤)的深色調。有許多顏色漂亮的網站模板可以用作參考。
糟糕的文字格式
搜尋資訊的訪客傾向於先掃描文字再深入考究細節,一大坨文字會讓他們反胃的。很多設計師都沒有設計利於掃描的文字格式。著重號、數字編號、標題、小標題、用加粗或顏色來強調文字都是些經常被忽略的簡單方法。這個時候網站模板就是個聰明的設計參考點。
網站設計過程包含了數個重要的階段,設計師們要時刻注意防範可能發生的錯誤。有些錯誤由於疏忽造成,而有些則因缺乏相應知識造成。上面提到的小tips可大大減少出錯的機會。
原文地址:pelfusion
相關文章
- 網頁設計中常見的五種互動設計錯誤網頁
- 教你避雷!網頁設計中常見的17個UI設計錯誤集錦(附贈設計技巧)網頁UI
- 政府網站中常見的成語錯誤網站
- 企業網站建設設計中常見的幾個誤區網站
- 超實用的網頁開發框架推薦網頁框架
- 你會犯哪些網頁設計最常見可用性錯誤?網頁
- 產品需求分析中常見錯誤?
- 程式設計中實用的工具推薦程式設計
- JavaScript中常見的錯誤,你犯了幾個?JavaScript
- 網頁設計中常用的HTML程式碼網頁HTML
- 程式設計師做網頁設計常犯的8個錯誤程式設計師網頁
- 網頁設計師新手常犯的6個錯誤網頁
- PbootCMS中常見的錯誤提示及其解決方案boot
- 推薦的程式設計網站程式設計網站
- ORA-01653錯誤是Oracle資料庫中常見的錯誤Oracle資料庫
- 資料分析中常見的錯誤是什麼(一)
- 錯誤記錄:apache預設網頁訪問錯誤Apache網頁
- 網頁設計學習思路及書目推薦[1] (轉)網頁
- PCB原理圖設計常見錯誤
- JavaScript 中常見設計模式整理JavaScript設計模式
- MySQL 那些常見的錯誤設計規範MySql
- Python程式設計師的常見錯誤Python程式設計師
- Linux系統中常見的分散式檔案系統推薦!Linux分散式
- iOS 開發中常見的設計模式iOS設計模式
- 2016年網頁前端設計趨勢案例推薦網頁前端
- 網頁設計常見問題網頁
- 網站建設中最常見的三個錯誤網站
- 機器學習專案中常見的誤區機器學習
- 最常見領域驅動設計錯誤
- (網頁)Java程式設計師們最常犯的10個錯誤(轉)網頁Java程式設計師
- Python程式設計最常見的錯誤有哪些?Python程式設計
- 程式設計面試中的十個常見錯誤程式設計面試
- PHP程式設計中10個最常見的錯誤PHP程式設計
- 程式設計學習,有哪些不錯的視訊網站可以推薦?程式設計網站
- socket程式設計中常見的概念問題!程式設計
- Javascript中常見的非同步程式設計模型JavaScript非同步程式設計模型
- 超實用的網頁設計構圖原則網頁
- 網頁中常用HTML字元實體網頁HTML字元