如何評價 iOS 7 圖標的新柵格系統(grid system),好在哪裡?
01-14
看到很多批評 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也就是說整個柵格系統中的尺寸都是通過比例互相聯繫,沒有一個是隨意制定。有規矩:
這個格柵就是規定了一下樣式模範吧,,不過IOS7好像並沒有按照這個走。。
推薦閱讀:
※擬物化風格會因為 iOS 7 而沒落嗎,或者在不久後再度輝煌?
※iOS 7 扁平化設計的初衷是什麼?扁平化設計的用戶體驗有何優勢?
※如何自行架設一個 iOS 7 設備可用的 iBeacons 廣播基站?
※ios怎麼讓圖片只有上半邊圓角?