對用戶來說，當他們使用網站的時候，很容易就能識別網站用戶體驗是否優秀，但對網站設計人員來說，要設計符合用戶體驗的網站，需要面對很多複雜的問題，而這些問題都需要花費大量時間和精力去完成。今天，香港網頁設計集團將分享「盤點UX視覺設計原則」，希望能夠幫助企業設計出令人滿意的UX設計。
盤點UX視覺設計原則
UX視覺設計原則一：比例
比例原則，指的使用相對大小表示構圖的重要性和等級。
界面中的元素按照一定比例進行擺放，能給網頁設計中的版式創造出多樣化，還能在構建視覺層次結構，最大限度強調設計中最重要的內容。
▲ medium的界面設計中熱門文章版塊佔據非常大的比例，能更好地引導用戶關注可能更有趣的文章。
PS. 界面設計中，元素的比例一般不超過3種不同尺寸，否則會打破界面層級的平衡，反而無法突出界面重要內容。
UX視覺設計原則二：視覺層次
視覺層次原則，指透過將設計元素按照一定的順序在頁面上排列，以做好用戶的視覺引導。
視覺層次結構會嚴重影響用戶對產品的體驗。要創建清晰的視覺層次結構，可選用某種信號的2-3種變化，以突出頁面中信息體系結構中最高級別的內容。
▲ Uber的APP設計視覺層級結構非常清晰，屏幕在地圖和輸入欄之間分為兩半，讓人們認為這些組件都是非常重要。
視覺層次可通過比例、值、顏色、間距、位置等各種信號變化來實現。
UX視覺設計原則三：平衡
平衡原則，指通過屏幕中間的虛軸(可垂直，也可水平)，按照一定比例在兩側均等分佈(不一定對稱)，使界面達到平衡的效果。
就像平衡重量一樣，在軸的兩側不僅僅只關注元素的數量，設計元素所佔用的面積也非常重要，如果網頁設計兩側的元素所佔用的面積各不相同，就會讓設計顯得失衡。因此，你需要在視覺上建立虛軸後，考慮界面布局的參考點，以了解視覺上當前的平衡狀態。
另外，界面平衡不僅僅只有對稱一種，還可以是：
· 不對稱：元素相對於中心軸不對稱分佈
· 徑向：元素從中心的公共點沿圓形方向輻射出去
如何選用平衡類型，這主要取決於你要傳達的界面和內容風格，如：不對稱往往帶來一種動態效果;對稱則是比較安靜的效果;而徑向則是將用戶的眼睛引向構圖的中心。
▲ Nike的頁面設計就是使用「不對稱」的平衡原則，展現出於Nike品牌風格一致的活力與運動感。如果你在頁面的視覺中心向繪製一條垂直軸，會發現兩側的元素數量大約相同，同時元素所佔據的位置也非常相似，從容達到了平衡的效果。
UX視覺設計原則四：對比
對比原則：在界面設計上並列不同元素，以傳達這些元素不同的事實。換句話說，對比就是透過兩個元素的明顯差異，強調它們是不同的。
一般對比原則會透過顏色來應用，例如網頁設計中的文本顏色通常都會與背景顏色有較大的差異，從而增加界面信息的易讀性。
▲ iOS上的提醒應用多會用紅色表示刪除，因為相較於其他顏色，紅色更加明亮，而且帶有警告、危險等信號。
除了透過顏色突出元素間的對比度，大小、紋理、陰影等都能很好地突出兩者間的不同。
UX視覺設計原則五：格式塔原理
格式塔原理，指的是通過下意識地將各個部分安排到一個創建整體的有組織系統中，而不是將它們解釋為一系列不同的元素。換句話說，格式塔原理抓住的是人類傾向於感知整體的能力，而不是個體元素的趨勢。
格式塔原理的常見形式，包括：相似性、連續性、閉合性、接近性、圖形/背景，以及對稱性和順序。
▲ Uber註冊表單頁面設計就是使用格式塔原理的鄰近性原則，字段標籤靠近相應的文本框，從而使用戶更容易理解文本框該輸入哪些信息。
UX視覺設計原則為何這麼重要?因為它除了能讓網頁設計看起來更加美觀，幫助用戶更好地理解和利用，最重要是它還能增加界面的可用性，提供界面任務成功率和用戶參與度;激發用戶的情感和喜悅，從而導致界面的用戶體驗升高;以及加強用戶對品牌的認知度，建立用戶對品牌的信任和興趣，並加強品牌的影響力。
看完以上內容，如果你對UX視覺設計原則的內容還是感到非常疑惑，或者想找專業的香港網頁製作公司，為你提供網頁製作、線上推廣等一系列的服務，歡迎諮詢我們!
香港網頁提供一站式數碼營商方案服務，包括、網頁設計、網絡推廣、網頁管理與寄存、系統開發及其它增值服務，全方位滿足客戶的業務需要，歡迎隨時聯絡我們，香港網頁是您開拓網路商機的最佳伙伴。
聯絡電話: 37499734 電郵地址: [email protected] 網址: www.hkweb.com.hk
