網頁設計師應具備的排版觀念

　前言

　以前我還是菜鳥的時候，一直被美術設計師嫌棄說她轉交給我的設計稿切出來都亂七八糟。再加上我是數位多媒體科系出身，對於設計美感、網頁調色都是鴨子聽雷，設計一個小小的按鈕都像要我命似的，所以剛入社會那年常常被美工盯得很慘orz

　所以這裡分享下一些網頁排版的基礎觀念，而這些觀念都是我這幾年的工作經驗慢慢摸索出來的基本功，就算沒有美術底子出身的也可以輕易理解的東西，希望能帶給大家一些幫助。

　一、對齊

　如果網頁與圖片內容毫無對齊，便會導致畫面排得亂七八糟。

　在網頁排版的時候，最切忌網頁文字與圖片的排列中沒有對齊，這樣會給人感覺不夠專業。整體的觀感也會下降。

二、階層性

　當妳的網頁有許多元素要垂直呈現時，必須讓它們擁有階層性，而不是直落落的垂直排下來，會讓人感覺呆板、無變化性。

　三、字句和段落的重要性

　絕對不要把字弄得過小，且都擠在一起，這樣會讓閱讀者感到吃力傷眼，建議使用Css語法裡面的letter-spacing(字距)與line-height(行距)與font-size(字型大小) 來調整。

　四、不要將你的所有網頁都擠在一起，各元素的間隔也必須擁有一致性。

　網頁的內容與圖片都擠在一起的話會給人感覺擁擠雜亂且不夠專業細心。且也盡量讓網頁元素呈現一致化，不要當瀏覽網頁A的時候，圖片與文字距離有10px，而瀏覽網頁B的時候，確距離有20px。

　其實這些都是網頁排版的基本功，但如果掌握到這四個要點的話，網頁畫面便會擁有親合力、可閱讀性，且不會造成瀏覽者觀賞網頁上的不便。

　看看以上這幾點，你都有做到嗎：)?