如何評價 iOS 7 圖標的新柵格系統(grid system),好在哪裡?

看到很多批評 iOS 7 圖標配色的。但幾乎所有人都愛這個柵格系統。那麼它是如何被設計出來的,尺寸和比例 ── 尺度 ── 依據什麼劃定,可能有哪些考慮和側重,有什麼表現卓越的地方,好在哪裡?往後會對第三方 iOS 應用的圖標設計產生足夠大的影響嗎?


The grid system is an aid, not a guarantee – Josef Muller-Brockmann


謝邀。

首先請看這篇文章iOS 7 的設計,回答了好在哪裡的問題。我回答一下比例的問題。

《秩序之美》的作者提到在網格設計中常用的三種比例:黃金分割,√2和三分法。iOS7的grid是對這個三個比例的完美運用。

文章Demystification of the iOS 7 Icon Grid Design的作者給出了1024*1024像素圖標中grid各部分的尺寸。

以64px為一個單位,即a=64px。那麼大正方形的邊長的一半=8a,大圓半徑=7a,中圓半徑=4.25a,小圓半徑=3a。

8a/(8a-3a)=1.6 小圓與大正方形接近黃金比

7a/4.25a≈1.647 中圓與大圓接近黃金比

4.25a/3a≈1.417 中圓與小圓比例接近√2

也就是說整個柵格系統中的尺寸都是通過比例互相聯繫,沒有一個是隨意制定。


有規矩:

沒規矩:

PS

1 都是截圖,沒修改過。

2 iOS 應該一直就是有 Grid 。 Ive 不過是修改和公開了而已。


這個格柵就是規定了一下樣式模範吧,,不過IOS7好像並沒有按照這個走。。


推薦閱讀:

擬物化風格會因為 iOS 7 而沒落嗎,或者在不久後再度輝煌?
iOS 7 扁平化設計的初衷是什麼?扁平化設計的用戶體驗有何優勢?
如何自行架設一個 iOS 7 設備可用的 iBeacons 廣播基站?
ios怎麼讓圖片只有上半邊圓角?

TAG:iOS7 | iOSDesign | 網格系統 |