四大基本原則

我們可以通過減少視線移動、增強視覺刺激來進行元素設計。網頁設計主要遵循以下四個基本原則：“親密性”、“秩序性”、“一致性”、“差異性”。

1. 親密性

為了減少用戶視線移動，相關的元素（操作相關、功能邏輯相關、響應邏輯相關）應當放置在一起組成視覺單元（物理位置相近）；邏輯聯系較弱，彼此無關的元素則不應該靠近，使得整個頁面的邏輯層次清晰。

元素相關性強弱和物理位置遠近的適當設計，便于用戶理解元素邏輯內容，減少混亂干擾。

2. 對齊

元素的擺放另一個重要原則就是對齊。對齊，不是說橫平豎直，九宮格式的簡單排列，而是在保證親密性原則下，打亂無關元素的物理位置位置，保持各部分對齊，即所謂“亂中有序”。

隨意擺放的元素在視覺上會造成混亂，同時在邏輯上也不易理解，因此在布局設計時，應當保證元素對齊，建立視覺聯系。一般來說，不建議采用居中對齊的方式。

Apple 開發者網站，頂部導航條、產品分類、標題、介紹內容等在邏輯聯系上親密，根據親密性原則物理位置相近，為了避免視覺混亂，將元素對齊，使得元素更具有秩序性。

3. 重復

對于類似的設計元素，要保持復用設計，保持整體設計的風格一致。

書籍的文章標題使用一樣的字體、大小，使得整本書脈絡清晰。

重復元素包含很多，符號、顏色、線條、字體甚至字間距等，組織重復信息利于幫助用戶理清頁面的層次邏輯，將設計中一致的元素統一起來，在外觀上即可作為整體元素進行展示。

如下圖中一級導航與二級導航的重復樣式，視覺上相同，便于用戶理解不同頁面間的邏輯設置。

出現重復的元素，即提示用戶上一段的結束和新一段的開始，免去用戶判斷過程。但要注意，沒有邏輯相關的元素需要避免相同的設計，人的直觀認知中，外觀類似的元素會被自覺歸為一類，如果沒有邏輯相關的元素設計雷同，會讓用戶存在認知錯誤，增加其判斷過程。

這就引出了最后一個原則：對比。

4. 對比

上面說過，含義不同，外觀雷同的元素設計會使用戶多加判斷，這也是用戶疲勞的來源之一。

元素的對比設計，可以是顏色也可以是粗細，有鮮明的對比可以在視覺上形成層次效果。

當前文章：網頁設計的四大基本原則
文章地址：http://m.2m8n56k.cn/news/129035.html

成都網站建設公司_創新互聯，為您提供面包屑導航、移動網站建設、建站公司、小程序開發、自適應網站、網站設計

廣告

聲明：本網站發布的內容（圖片、視頻和文字）以用戶投稿、用戶轉載內容為主，如果涉及侵權請盡快告知，我們將會在第一時間刪除。文章觀點不代表本網站立場，如需處理請聯系客服。電話：028-86922220；郵箱：631063699@qq.com。內容未經允許不得轉載，或轉載時需注明來源： 創新互聯