web前端現在不僅僅局限于PC和移動端的開發，還有很多的軟件的前端界面開發，所以我們要想更好的完成工作就要不斷的學習，web界面設計原則主要有這些：一致性原則;主次性原則;扁平化原則;及時反饋原則。如果想具體了解web界面設計原則有幾個?可以看完我本文的介紹。
 

　　1.web界面一致性原則

　　對于相同或相近的業務功能，操作方式保持一致，培養用戶的操作習慣。比如查看聯系人功能，如果有的頁面是點擊彈出窗口查看，有的頁面是點擊從右側展出內容，就會讓用戶產生困擾，降低用戶體驗。所以要不就統一的彈出窗口查看詳情，要不就統一的從右側展開詳情。此外，對于組件顏色、組件尺寸、組件擺放位置也盡量保持一致。比如彈出窗口，類似的業務不能有的窗口大，有的窗口小;一個查找聯系人的輸入框，不能有的頁面放在右側，有的卻放在左側;確認按鈕，不能有的頁面是藍色，有的頁面是灰色。
 

　　2.web界面主次性原則

　　避免并列過多操作讓用戶選擇，在不得不并列多個操作時，需區分操作主次，減輕用戶的選擇難度。
 

　　3.web界面扁平化原則

　　這里說的扁平化除了指界面效果的扁平化外，還包含了操作的扁平化這一層意思。即：
 

　　(1)降低頁面層級，能夠一個界面解決的不要彈出窗口，能夠彈出一層窗口解決不要彈出兩層窗口;

　　(2)降低操作復雜度，以清晰明了的方式讓用戶完成操作。比如對于復雜的表單填寫進行分步處理，每一步給出指引;

　　(3)降低鼠標點擊次數。比如一個新增用戶操作，如果是每增加一個用戶都要用戶點擊彈出一次窗口，完成后點擊“確定”窗口關閉，添加第二個人再彈出窗口。不如加入一個“確定并繼續添加”按鈕，這樣窗口并不關閉，讓用戶每次添加用戶都可以少點兩次鼠標，降低用戶使用系統的疲勞感;

 

　　4.web界面及時反饋原則

　　任何一個產品，即使用戶界面做的再好，也離不開用戶引導和信息提示。操作過程中盡可能將狀態的反饋給用戶，即時的響應會給用戶增加信賴感。包括：
 

　　(1)加載反饋。比如當用戶點擊一個按鈕時，其實后臺已經開始處理業務，但如果界面無任何反應會讓用戶覺得操作失敗，所以當一個操作需要一定時間完成時，就需要即時告知進度，保持與用戶的溝通;可以給一個進度條或者一個信息提示，甚至是一個轉圈的小圖標表示正在進行中也可以;若加載時間較長，應提供取消操作。

　　(2)錄入反饋。比如操作過程中可通過校驗規則，讓用戶及時發現并糾正錯誤;使用輸入框組件的自動完成功能，用戶輸入時，下拉列表會隨著輸入的關鍵詞顯示匹配項;實時搜索，隨著用戶輸入，實時顯示搜索結果等。

　　(03)結果反饋。操作結束后，給出提示告知用戶。盡量使用toast這類提示，這是不打斷用戶操作的輕量級提示方式。必要時也可使用彈窗反饋，彈窗是很強的反饋機制，只有在傳遞非常重要，且可操作的信息時才需要使用它。
 

　　以上就是對于web界面設計原則的介紹，雖然對于簡單的html和css我們可以通過自學掌握，但是這些真正在工作中能夠用到的技術還是需要經過系統的，如果你想系統的學習能夠選擇南京北大青鳥的web前端課程，我們在課程中加入了大量的企業級實戰，讓大家能夠更全面的掌握工作技能。