超實用的方法讓你的設計細節處理更好！

不知你是否曾遇到這樣的處境，設計完成後拿去給同事或者領導看，被說：細節還不夠、感覺缺少點了啥、看著有點不舒服但說不上來是什麼原因？收到這些反饋是你的細節沒處理好，對設計細節理解不夠透徹。今天，分享我之前也經常使用的一些方法，並已做成案例對比，希望可以幫助大家更好理解。

分享目錄如下：

1、不要總是使用一種灰色

2、網格排版要用起來

3、圖片質感很重要

不要總是使用一種灰色

灰色在設計中運用可以說是非常頻繁，但就一個簡單的灰色，我們很多小夥伴用得不好，又或者說是使用得很呆板。

如上圖，大部分人都會使用第一種無色相的灰色。其實我們可以選擇帶有色相的灰色；比如藍灰、紅灰、淺藍灰、暗藍灰等等的一係列。

帶有色相灰色的優點：色彩細節豐富、質感更加細膩、一致性更強。

來看一個案例

左側的就是使用常規的灰色，沒有考慮到整體調性。比如字體是有色彩傾向的，這時候使用右側偏藍的深灰效果會更適合，而且看起來調性也一致。

上圖來自Dribbble設計師（Ghani Pradita）的作品，可以看出整個畫麵調性一致，色彩傾向一致性很強，灰度統一。

同樣也是Dribbble設計師（Ghani Pradita）的作品，整個頁麵設計灰度調性非常一致，這也是我們常說的整體性。

其他延展案例，靈活轉變思維

如上圖，左側的按鈕B，直接使用灰色效果顯得有些重了。這時候我們采用右側的思路，使用淺藍色灰底，整體效果會好很多。

網格排版要用起來

網格是設計語言中不可缺少的一部分，在做設計時候，有時候忙於需求緊急，就忽略掉了，這往往也是導致設計細節不好的原因，下麵看看案例。

左側的卡片，版式擁擠，畫麵看起來比較擁堵，呼吸感也很弱。右側的卡片版式間距，看著透氣性更好一些，是什麼原因導致的？接著來看看我拆解他們的布局間距。

從上圖的間距網格標注中我們很直觀看出，左右的設計差異性，很明顯右側的網格更加科學與一致性。左側網格版式混亂不堪，所以好的細節，網格在其中也是不可或缺。

看看其他優秀案例

平麵版式中，網格也是屢見不鮮。

不管在做任何設計時，網格一定要常使用，切勿憑感覺隨性做設計。

圖片質感很重要

圖片可以說在設計中起著很大的作用，還可以幫我們省時省力，當然圖片最重要的就是表達好含義的同時，也要確保質感美觀度都有。

上圖中，左側和右側設計唯一區別就是圖片質感，左側圖片選擇很隨意，美感不足，構圖也缺乏設計感。右側圖片元素少，不複雜，也能表達含義，比較適合用在這個功能卡片上。

看看其他優秀案例

一張好的圖片可以幫你解決大部分難題，可以促使畫麵質感增強，有時候還起到事半功倍的效果。那麼在選擇圖片時候需要注意一些關鍵點如下：

1、圖片要突出主題

2、要有氛圍感或者場景

3、質感細節豐富

4、畫麵有故事性、情感連接

5、圖片一定要高清

來源：功夫UX（公眾號）

作者：功夫UX