Zi 字媒體

大家好，一周不見，開風扇涼快涼快…美工界的同僚們！大家可曾想過什麼是美？有的為什麼長的漂亮，有的人為什麼丑？為什麼有的作品大家會感覺很簡潔漂亮，自己做的感覺特別low…所以我們必須要弄明白設計中的美到底是什麼？大家看下面2張圖上面哪個房間比較，哪個low, 哪個美？ 一目了然！做設計也是一個道理。什麼是美？美本身並沒有標準，很多人會說每個人審美不一樣，但是美也是有門檻和共性的。美是通過整理，有統一感，有秩序，給人舒服和諧的心裡感受，秩序是美的重要前提！上面的2個房間一個比較亂一個比較整齊，所以明顯下面的房間更美。整齊秩序的環境會讓人感覺舒服，人看到整齊的事物會有一種美的感受，比如常見的閱兵式，整齊劃一，有種美的編排。秩序是設計美感的靈魂， 那麼具體表現到設計中就是最基本的對齊、比例問題。下面這個圖第一眼感覺感覺比較凌亂，畫面缺少對齊和主次關係，背景比較吵雜。簡單修改下，去掉多餘的背景信息，重新組織下排版，畫面就會顯得清爽，信息表達的更加直接。經常在behance看到這類很簡約的頁面，這是一個賣機車配件的網頁，整體看起來非常規整舒服，現在背後必有規律。我跟大家一起剖析下。小模塊之間的間隙是24px以此為基準，24的9倍是216也就是模塊的寬度，24的12倍是288px是模塊的高度，24的4倍為96px是大模塊之間的間隔高度。除此之外，產品文案距離白色模塊間距也約為24px，產品黑色標題距離模塊下端間隔約為48px。大家看到沒有，什麼叫精確到像素。專業設計師與半吊子設計師的作品之間的差異，就在於對於1像素的處理態度，整個頁面無不暗含著各種對齊，各種比例關係。整個頁面無論是垂直方向還是水平方向都做到對齊統一，模塊與模塊之間，圖形和文字之間組合，以及圖片和模塊之間的間距都保持了相同的間隔。除了模塊間距，整個頁面的字體，顏色，以及文字和產品圖的大小和左右寬度上下高度都做到了統一，這樣相同的組合就會給人帶來整齊有序的感覺，也有一種整潔簡約的美感。想想生活中的各種建築，停車線？教室餐廳書桌的擺放？等等，好好觀察生活。所以大家自查下自己的首頁、詳情是否做到了自上而下全部的對齊，上下左右是否保持的相同的間隔高度，頁面模塊是否也暗含著比例關係？各級文案字體大小之間是否為統一倍數？秩序是美的重要前提，生活中沒有秩序社會就無法正常運轉。下期再見！ 我要買瓶飲料去了…———————end———————學電商設計就關注超級美工！超過100000+電商美工已關注！