iOS7网格系统设计详细解读及iOS7图标模板演示

ios7 图标模板在25学堂里面介绍了很多,大家估计也很难根据ios7 图标圆角来画画,因为ios7图标圆角不是固定的。是有一个公式来算出。

但是唯一有点不会改变的就是ios7 所有图标都是参照网格系统布局来绘制完成的。

根据苹果公司今年2月份提出来的,在iOS 7系统中,所有系统图标都被重新设计了。而且要求所有APP图标参照ios7图标的网格系统来设计的。有兴趣可以看看这8套免费iOS7应用图标设计模版

那到底什么是iOS7网格系统呢?

在苹果官网都提到“根据新的网格系统重新绘制每个图标,并且坚持采用精确的配色方案。这些细节本身可能并不是你有意需要或者期待的东西,但它们的共同作用,使各个元素的联系更为和谐、统一,并形成了更加出色、愉悦的使用体验。”

iOS7新网格系统就是下图中图标中的线条,所有图标上的元素都根据这些线条进行设计。

IconGrid

苹果开发的黄金比例的网格系统,可用于大小和对齐元素对你的图标是正确的。不管怎样,网格模板得到很多批评由设计界,就像设计师(甚至苹果设计师)不继网格系统很严格。自由的感觉如果你的图标看起来更好,不考虑新的网格系统打破规则。

详细的请阅读《iOS7设计尺寸最新分享和iOS7设计规范小炒报

下面的图片就是在ios7系统当中的photo图标。在各个平台的尺寸展示。

ios7-app-icon-sketch

25学堂提供iOS7网格系统设计Photo图标模板规范PSD版,尺寸为1024*1024的。

可以按照各个平台的尺寸缩放成你想要的图标。

iOS7网格系统设计Photo图标模板规范PSD版下载

国外介绍详细网址:http://www.eazytiger.net/blog/the-first-ios-7-icon-grid-photoshop-template

每天更新,
全站高品质素材免费下载!