網頁設計中的貼近性原則

　　** 近，我讀了一本舊的網頁設計書，很感動。它讓我想起了網頁設計的原則。我們中的許多人潛意識地把它付諸實踐。這本書討論的背景，將成為一個重要的主題，在網頁設計。鄰近性原則要求相關項目在視覺上進行分組、創建和組織，以便進行決策。不相干的東西應該放在一邊，強調它們彼此無關。我們將討論設計的細節，這些細節可以通過一些方法得到有效的實現，接近原則的正確使用，以及其他對用戶體驗有很大影響的設計原則，** 終，a網站的整體成功。

　　不要害怕空白。正確執行接近原則的第一步是理解空白設計的重要性。空白是業余設計中的一個常見問題。設計是傳達信息的手段。當業余愛好者試圖傳達信息時，他們的自然傾向是用內容均勻地填充空間，但他們沒有考慮到組織良好的空白空間的潛力。空白對用戶行為的影響與頁面上的實際內容一樣大，甚至更多。空白引導用戶的眼睛朝著預定的方向，對比度令人印象深刻。

　　所以不要擔心設計中的空白。正確使用空白是實現接近原則的第一步，因此它使設計更具視覺吸引力。

　　然而，與視覺相關的空白元素只實現了它的一部分。一個設計可以有很多空白，但如果項目劃分不正確，空白的影響非常小，如下圖所示的兩張名片：

　　這個例子說明了印刷設計鄰近性的重要性，類似的想法可以用于網頁設計元素，如下面的屏幕截圖。

　　盡管網站的設計并不復雜，也沒有提供信息，但它有效地結合了空白和視覺元素分離。這里我們要注意的是ldquo；空白；不一定是白人；它可以是元素之間的任何空間，而不考慮顏色。

　　使用空白創建視覺層次結構來對相關元素進行分組，為您網站提供了清晰視覺層次結構的關鍵。當然，基于網站架構和信息流的有效方法。層次結構由這些元素分組和劃分。這種層次結構可以幫助用戶理解它們以及它們想去哪里，因此它有助于傳達網站的目的。

　　用一個簡單的HTML列表就可以很容易地實現這個原則網站。挑戰在于如何將這一原則作為網站建設從規劃階段到設計階段線框圖的指導因素。

　　布局，便于瀏覽和閱讀內容，組織成層次結構和邏輯分組，便于閱讀和掃描。例如，標題應該允許用戶瀏覽清楚的點。不用說，內容應該是從一從一開始就反映了適當的視覺層次計劃；上面列出的縮進條目是一個糟糕的例子，因為內容與視覺層次結構不匹配。其中一個網站使用相鄰的體系結構設計，不會覆蓋用戶信息。因此，盡管實現起來相對容易，但接近網站內容的原則對于內容豐富網站更為重要。

　　總體而言，洛杉磯時報網站有一個可愛的設計，主要是由于顏色和字體的選擇。但它也有一個干凈整潔的外觀，特別是在標題部分。這個標志大而突出，有效地推廣了網站品牌。距離物體** 近的標志位于水平導航欄下方。因為導航欄是黑色的，所以它有明顯的對比。

　　網格有助于接近一組項目，使用空格在網格上正確啟動。粗略地看一下洛杉磯時報和環球郵報中的網站從一，似乎只有洛杉磯時報是基于網格的設計，或者至少在規劃階段使用基于網格的原則環球郵報顯示了網格格式網站的小證據。一種基于網格的布局，允許許多房間到房間的部分具有適當大小的排水管，在許多情況下，它迫使設計師實施接近甚至不去思考的原則。

　　引導用戶沿著正確的路徑前進的另一個重要好處是，它可以幫助用戶瀏覽一個網站，而不會出現不必要的延遲或障礙。當主導航與網頁上的其他元素明顯分離時，它會立即發現無法忘記。正確的視覺層次方法有助于用戶深入了解您網站，而不必擔心他們在哪里或要去哪里。他們會覺得舒適，他們會是你網站** 重要的部分快速有效。很少或沒有經驗的網頁設計師，平面設計可以受益匪淺的原則是，平面設計師已經付諸實踐，因為在網絡繁榮之前。接近不是唯一的設計原則，這將有助于網站更有用和視覺享受，但這是一個重要的因素，在考慮許多原因剛才討論。

　　** 后我們來看看網站的設計案例：uneei你有你的家網站優化，香港浸會大學炎癥中心網站設計，深圳特殊空間設計網站設計