1. 首頁 > 云知道 > >

網頁設計的統一性原則，哪些要素要進行統一

云知道原則


網頁設計的統一性原則，哪些要素要進行統一


在視覺、交互方式和操作結果上保持一致 。減少用戶使用成本，也能讓用戶感到親切感，體會到產品設計上的嚴謹性 。下面小編分析網頁設計的統一性原則，哪些要素要進行統一 。
1、區塊統一
區塊的統一主要體現在各個區塊的高度大小、邊框顏色、標題樣式或者是區塊的整體樣式，當然并非所有統一起來就是好的，要具體情況具體分析 。還是上面天貓產品界面，那么多區塊，樣式邊框都做了統一，看起來整齊而有序 。下圖做了錯誤的示范，區塊的邊框做了不一樣的顏色處理，這樣的區塊一起出現在界面當中時就會顯得凌亂 。
Design3這個網站是小編用蟬知系統做的，用的也是一樣的區塊處理，看起來會比較簡單明了 。除此，瀑布流的區塊雖然區塊高度不像產品區塊一樣做了高度上的統一，但是在區塊的布局和間隙上做了一定的統一效果，使得界面不亂，這樣的例子有很多網站，比如花瓣的瀑布流設計 。
2、交互統一
交互上的統一也很重要，除了視覺外觀上可以一樣看到的，”交互”和”行為”上也要下一定的功夫 。在各個頁面當中的交互性也很重要，且最好保持大致的相同，以免太過凌亂 。好比市面上的一些排插上的按鈕設計，有些排插上的按鈕按下去是開啟，有些排插按下去是關閉，這樣的交互設計不同一，會讓使用者摸不著頭腦，使用起來也及其不順手 。生活中都如此，在網頁設計當中也是不能忽略交互上的統一，倘若同個界面的同個元素，用戶觸發這個元素的時候，這個元素給用戶兩種不同的顯示效果，這樣只會讓用戶對這個網站產生距離感 。
給大家舉個簡單的例子，這是常見的網頁標簽區塊，正常鼠標移過會顯示主色——橘色，右圖我做了一個錯誤的示例，倘若這個鼠標按鈕移過顯示橘色且按鈕放大，另外一個按鈕鼠標移過顯示藍色或綠色、且這個按鈕被縮小，這樣的交互體驗會有點糟糕，視覺上和交互上的不統一會讓瀏覽者使用起來比較難受，也比較突兀難以接受，所以我們都統一視覺元素的同時，交互也要做統一處理 。
小編匯聚了數百萬專業的移動應用UI設計、軟件UI設計、整站網頁設計、網站模板設計、網站標志設計、網站廣告設計、網站動畫設計、網頁美工設計等優秀威客人才，只要您在網站發布任務需求，就能夠吸引眾多威客給您獻上最好的創意服務 。
【網頁設計的統一性原則，哪些要素要進行統一】

    推薦閱讀