當我們想要在整理設計稿中出現的圖標，整理除了匯總之外，還需要重新調整一下圖標的大小，使他們看起來“差不多大”。想要弄成一致性和統一性，非常的麻煩和耗時。

最后在谷歌的Material Design找到了一種規定的方式。

舉例：圖標大小為48px*48px?。如果你還需要其他尺寸的圖標可以做完之后等比放縮即可。那你設計的圖標最好是矢量的或者是形狀圖標。

谷歌官方規定Material Design 圖標的形狀類型分為三種：圓形、方形和矩形。

1.判定圖標應該套用那種尺寸？

將圖標與上圖的模板居中對齊，然后中心不動，放大圖標使之圖標依次碰到三種形狀的邊界，填充最滿的那個形狀的尺寸就是該圖標需要規定的尺寸。

2.iconfont的問題

大部分團隊都會將圖標轉換為iconfont，這樣可以縮小整個項目的大小。

3.對齊

如果有仔細看，我這個方法指定的圖標大小為48px*48px，但是里面有內容的部分，比如說圓形，就只會占據44px*44px，這時候我們當然會希望把圖形放置在圖標的中央。一個上下居中對齊，一個左右居中對齊。

仔細發現一下，你會發現看上去并不是居中的。這是由于人的視覺錯覺造成的【2】，這時候就需要進行適當的調整，通過自己的視覺判斷來進行對齊。

4.顏色統一

一般而言，圖標設定為同一個色值（比如#FFFFF）就能統一顏色，但是也有遇到過某個圖標會顯得顏色比較淺，這是因為sketch處理圖形的透明度有兩個地方，一個是整體的透明度（在填充選項區域的上方），一個是填充的透明度，這個往往是因為整體透明度那里有問題，修改一下。

好啦，今天就分享這么多！

總結

以上是生活随笔為你收集整理的【APICloud系列|4】APP设计统一图标大小的方法的全部內容，希望文章能夠幫你解決所遇到的問題。

如果覺得生活随笔網站內容還不錯，歡迎將生活随笔推薦給好友。