很多企業在設計網站的時候，都會參考國內外的優秀作品，而這些企業網站往往只有華麗的外表，卻缺少真正的設計內涵。下面，Inspirr Creation將為大家介紹版式設計原理的幾個方面，讓對這方面不熟悉的企業能更快掌握版式設計。

一、構圖平衡

在設計中，平衡是視覺傳達設計的一個重要方面。

1. 對稱平衡

對稱平衡講究條理和平衡佈局的設計，而且相對較容易創建。

特點：穩定、莊嚴、安寧、沉靜和古典。

2. 非對稱平衡

非對稱平衡由於版式是不可預見的，所以空間變化比較大。

特點：靈活，富有活力，且比較多樣，常見的非對稱平衡包括：對角線構圖、S形構圖、發射狀構圖、中心構圖、二分構圖、形狀構圖六種形式。

3. 整體平衡

整體平衡指的是，圖片充滿整個版面，文案佈局在上下、左右、中部位置。

特點：主要以圖像為訴求，視覺傳達直觀且強烈，給人大方舒展的感覺。

二、設計原則

對構圖形式有一個基本的了解之後，就要開始從構圖的基本原則入手。

1) 對比

設計缺乏對比，會使作品變得平淡無味，而且不能有效傳遞信息，對比類型包括：大小對比、粗細對比、冷暖色對比等等。

2) 對齊

任何元素都不能在版面上隨意安放，版面上找到可以對齊的元素，可以讓每一個元素與頁面的內容應該存在某種視覺聯繫。

3) 親密性

相關的元素距離縮短，歸組在一起，能有助於組織信息，減少混亂，讓結構變得更加清晰。

4) 重複

重複的目的是統一且增強視覺效果，但要注意重複的度。一般來說，呈均勻的重複式圖案，比較適合背景中使用。

5) 留白

內容較多的情況下，巧妙地使用留白，能讓頁面透氣，有呼吸感，給人一種舒適的感覺。

6) 變化

一成不變的元素會讓網頁設計變得乏味無趣，版面也缺乏靈活感，所以適當地對元素進行改變，能打破版面平淡的感覺，使畫面更加有層次感。

三、色彩平衡

關於配色，相信大家都有自己一套見解，Inspirr就不多說，但還是介紹比較實用的色彩平衡：

① 互補色——相互襯托

互補色是色環中相對的兩種顏色，如：綠色和紅色，兩種顏色相互襯托，能達到一種平衡。

② 冷暖色——情感表達

表達強烈的情感時，我們最常用到的就是冷暖色的對比。

③ 深淺色——色彩層次

深淺指的是黑白灰對比的重和輕，一般來說，色深顯重要，色淺顯次要。

④ 中性色和彩色——視覺聚焦

中性色主要以黑白灰為主，也叫無彩色，當中性色充當背景色，彩色部分會更加突出和聚焦。

⑤ 純色和花色——平衡多色關係

主體顏色豐富鮮艷，背景顏色也是五顏六色就會使人眼花繚亂，所以採用純色背景搭配鮮艷的主題顏色，能緩解視覺疲勞和平衡多色之間的關係。

四、字體搭配

不同字體有不同的氣質，所以在選擇合適的字體時應該從網頁風格入手。

1 黑體

工業現代感較強的無襯線字體，給人端正剛硬且有力量的感覺，多用於表達簡潔且信賴的主題。

2 宋體

細緻優雅的襯線字體，特點是復古，多用於表達文藝或時尚的主題。

3 圓體

圓體筆畫圓潤、柔美可愛，且富有親和力，適合女性或兒童主題領域的網站。

4 書法體

書法體特點瀟灑大方，氣勢磅礴，具有歷史感，多用於表達傳統文化或歷史主題。

5 哥特體

裝飾性較強的稱線字體，特點是犀利、凌厲，多用於表達驚悚、魔法童話或戰爭的主題。

6 藝術體

藝術體具有強烈的藝術風格和設計感的字體，特點輕鬆活潑，具有一定的觀賞性和趣味性。

版式設計的學問很大，而且適用的範圍也很廣，幾乎所有設計領域都離不開版式設計，因此想做好版式設計，不妨從以上幾方面入手，好好鍛煉自己的設計能力。