如何提升圖標設計質感？兩招教你搞定！

推薦閱讀

今天有同學的作業畫了一個唱片機，有很多的問題，我們來看一下。修改前：

修改后：

給家分享一下修改的心得和注意事項。

一、結構比列

我們先從結構比例上來觀察，唱片的大小不合適，超出了唱片機的范圍。唱片也沒有厚度，顯得很單薄。最后是唱片機的高度很低，這樣導致了最后的整體效果有些扁扁的，不夠飽滿的和立體：

所以我們需要把這些比例問題先調整出來。收回唱片的范圍、增加唱片的厚度、增加唱片機的高度：

通過結構比例的調整，可以看到整體明顯地變得更穩定和飽滿了。

二、結構組合

原來的作業里，在唱片機側面增加了旋鈕來作為裝飾：

但是這樣加有幾個問題。

第一個是，左右兩邊都是旋鈕，這樣在視覺上會很重復。

第二是，占比都很小，整體看起來就會很小氣，不飽滿。看下我們修改后的：

左邊的一排旋鈕，我們減少成了一個大旋鈕和一個顯示屏：

而右邊呢，我們可以直接不加東西，如果一定要加也盡量區別于左邊。比如可以加一個播放狀態：

這樣是不是就更豐富飽滿了呢。所以我們在這些周圍加結構裝飾的時候呢，一定要注意飽滿度，然后是盡量用不同的類型去修飾，減少重復性。

三、顏色調整

還有一個比較大的問題，那就是顏色了，原來的顏色整體都有些悶悶的，不夠高級，左邊旋鈕的顏色也比較跳脫：

再分析一下他的顏色選擇：

可以看到基本是同一個顏色單純變化了明度和飽和度。那我們修改后的顏色呢:

可以看到有明顯的色相變化，但是飽和度和明度基本一直在中間最頂部，沒有做變化。這樣才能讓我們的的顏色始終保持干凈通透。原本比較跳脫的按鈕顏色也改成了和身體一致的顏色，這樣就不會顯得跳脫了：

四、細節表現

原來的作業，唱片基本就是黑色，沒有光感：

這種比較中心的元素不應該平平無奇，而是要想辦法增加更多的細節，這樣才能好看，才能吸睛！矩形工具拉一個藍色塊：

用透視工具拉變形成兩個倒三角：

剪貼蒙版到唱片上，然后調整羽化值 20 左右，就得到了貼合唱片的光感：

用同樣的方法，多做幾條光：

新建圖層填充一個中性灰，然后使用濾鏡-雜色-添加雜色功能做出這個素材：

使用疊加模式，透明度 45%把這個素材疊加在唱片上以增加顆粒感：

接下來，我們還要加強光感對比:

在箭頭位置都加入了更亮的顏色去提亮，讓整體的光感更通透和明亮，就不會像原來這樣整體悶悶的了：

最后我們再來看一下完成后的效果：

歡迎關注作者的微信公眾號：「菜心設計鋪」