為什麼你的作品看起來很low！

大家好，一周不見，

開風扇涼快涼快…

美工界的同僚們！

大家可曾想過什麼是美？有的為什麼長的漂亮，有的人為什麼丑？為什麼有的作品大家會感覺很簡潔漂亮，自己做的感覺特別low…

所以我們必須要弄明白設計中的美到底是什麼？

大家看下面2張圖

上面哪個房間比較，哪個low, 哪個美？ 一目了然！做設計也是一個道理。

什麼是美？

美本身並沒有標準，很多人會說每個人審美不一樣，但是美也是有門檻和共性的。美是通過整理，有統一感，有秩序，給人舒服和諧的心裡感受，秩序是美的重要前提！上面的2個房間一個比較亂一個比較整齊，所以明顯下面的房間更美。

秩序是設計美感的靈魂， 那麼具體表現到設計中就是最基本的對齊、比例問題。

下面這個圖第一眼感覺感覺比較凌亂，畫面缺少對齊和主次關係，背景比較吵雜。

簡單修改下，去掉多餘的背景信息，重新組織下排版，畫面就會顯得清爽，信息表達的更加直接。

經常在behance看到這類很簡約的頁面，這是一個賣機車配件的網頁，整體看起來非常規整舒服，現在背後必有規律。我跟大家一起剖析下。

小模塊之間的間隙是24px以此為基準，24的9倍是216也就是模塊的寬度，24的12倍是288px是模塊的高度，24的4倍為96px是大模塊之間的間隔高度。

除此之外，產品文案距離白色模塊間距也約為24px，產品黑色標題距離模塊下端間隔約為48px。

大家看到沒有，什麼叫精確到像素。專業設計師與半吊子設計師的作品之間的差異，就在於對於1像素的處理態度，整個頁面無不暗含著各種對齊，各種比例關係。整個頁面無論是垂直方向還是水平方向都做到對齊統一，模塊與模塊之間，圖形和文字之間組合，以及圖片和模塊之間的間距都保持了相同的間隔。

除了模塊間距，整個頁面的字體，顏色，以及文字和產品圖的大小和左右寬度上下高度都做到了統一，這樣相同的組合就會給人帶來整齊有序的感覺，也有一種整潔簡約的美感。

想想生活中的各種建築，停車線？教室餐廳書桌的擺放？等等，好好觀察生活。

所以大家自查下自己的首頁、詳情是否做到了自上而下全部的對齊，上下左右是否保持的相同的間隔高度，頁面模塊是否也暗含著比例關係？各級文案字體大小之間是否為統一倍數？

秩序是美的重要前提，生活中沒有秩序社會就無法正常運轉。

下期再見！ 我要買瓶飲料去了…

———————end———————

• 學電商設計就關注超級美工！

• 超過100000+電商美工已關注！