即使web設計已經成為乙個真正的產業，開發乙個**仍舊是技術和藝術的結合。乙個**的設計既可以帶來大量流量，同時也可以嚇走大量使用者，當然這些都和設計師相關。經驗、天份和能力是乙個設計師最強大的工具。乙個設計精良的布局是web設計的基礎，而且，這也是乙個非常耗時的工作。
設計乙個非常好的布局是一件非常不容易的事情，而且判斷的方式也非常主觀。任何乙個設計可能會取悅你，也可能讓其它人厭惡。儘管這樣，這裡仍舊有些大家都承認的設計誤區。
為了幫助設計初學者少走彎路，我們列出了一些web設計上的誤區。
1.缺乏空白區域
沒有比把頁面塞得像麻袋一樣滿更讓人煩人的設計了。你應該保留一定的空白頁面讓訪問者放鬆他們的眼睛。很多設計者都想在第乙個頁面提供更多的內容。似乎初學設計的人更容易犯這個錯誤，但其實各個設計水平的人都有這個傾向。設計者太依賴於布局而不敢嘗試其它方式。有時候，最簡單的因素勝於一切。
2.非常糟糕的顏色組合
糟糕的顏色搭配絕對是最嚇人的。乙個很常見的錯誤就是使用高對比顏色建立乙個富有視覺張力的設計。
很多的對比設計都希望使用一種顏色通過色彩和飽和度重點突出最重要的部分。這裡有乙個小技巧非常不錯：降低你的檔案飽和度，如果各個元素之間的區別非常清晰的話，那就足夠了。這個邏輯非常簡單：視覺沒有問題的人會看的非常清晰，然而有視覺問題的人將看到黑色、白色或者灰色的布局。現在簡單了，如果他們檢視布局顏色沒有困難，那麼布局就通過了色彩可用性測試。
3.乙個頁面裡包含的內容太多
布局中可以擁有很多空白區域，同時也可以包含大量資訊。通常人們都是先掃上幾眼頁面布局，因此設計人員應該讓整個布局可被快速瀏覽。乙個擁有資訊太多的**，例如，插入太多的圖示、按鈕和將會非常難以瀏覽，會讓**的易用度大打折扣。
4.使用不當
一張可能抵得過上百個文字，但是如果使用不當的話，你的布局設計就失敗了。文字內容、布局和應該組合使用，它們並不是分離的個體。任何web設計人員都應該理解創意並且有效的實現。應該能有效地說明**需要表達的資訊，這是乙個在設計時最初需要考慮的因素。
5.忽略了字型排版
因為數量多，或者非常少就忽略了字型排版是乙個非常大的錯誤。字型排版不是乙個簡單的如何選擇字型的過程，它還包含了句子、段落及標題的組織方式。你可能想這裡需要做的工作太多了，但是乙個富有成效的設計將會對頁面布局產生非常重要的影響。
6.沒有考慮到可用性和所有人的使用感受
可用性可能被很多人認為是乙個多餘的事情，但是乙個可用性差的**是乙個自私設計者的作品。網路世界對於任何人都是平等的，如果你的設計不能讓每個人都能享受到，那麼將會是一件很不尊重人的事情。美國有一項法規規定：任何機構和部門的**都必須通過可用性測試。實際上可用性並不是個高科技的東西。例如，你只需要簡單加上alt標籤屬性，這並不會給你帶來任何麻煩。這裡用不著遵循什麼法規，從道德和道義上來講，我們應該自覺地將這個考慮到設計中去。
7.沒有事先思考
由於缺乏經驗，使得我們需要不停地修改自己的東西。滑稽的是，我們可能晚上設計的東西，第二天可能就會被刪除。乙個聰明的設計者會在最開始的時候思考整個布局的大概設計。這種方式可以節省很多時間和資源。很明顯，在實際做之前思考是一件很不容易的事情，但是至少能夠幫助我們盡量少的去修改我們的設計。不用擔心，經驗可以幫助我們做到這一點。
英文出自：webdeveloperjuice
7個讓Web頁面布局成為敗筆的設計誤區
雖然 web設計 領域已經 步入了產業化方向，但是 開發乙個 仍 然是技術和藝術的結合。的設計既可以 為其帶來大量流量，也可 能嚇走大量使用者，這些 無疑取決於 設計師的設計水平 經驗 天份和能力是乙個設計師最強大的工具，好的 web布局 完全基於這些，當然 這也是乙個非常耗時的工作。設計乙個好的布...
移動WEB的頁面布局
隨著移動網際網路的日益普遍，現在移動版本的web應用也應用而生，那麼在做移動web頁面布局的過程中，應該注意哪些要點呢？現把個人的一些學習經驗總結如下 1px 2dp dp dpr dpi ppi ios的viewport為980px 布局 layout viewport 檢視 visual vie...
10個步驟讓你成為高效的Web開發者
要成為高產 高效的web開發者，這需要我們做很多任務作，來提高我們的工作方式，以及改善我們的勞動成果。下面是10個提高效率的步驟，雖然不能保證解決你在開發中的所有問題，但至少是非常實用的，可以簡化你的web開發流程，使開發的每乙個環節快速 流暢。還可以幫助你節省大量的時間，以便開發更多 更好的專案。...