iOS7系统图标与之前有了细微的变化,就这这点变化让不少设计者十分头疼。比如在iOS6下,我们可以使用1/4圆弧就能完美的画出圆角。但是在iOS7下就无法实现了。
1、iOS6下图标圆角半径
iOS6和之前版本,应用图标的半径都可以通过四分之一圆角绘制出来。512px大小的使用90px圆角,114px使用20px圆角;iPad下图标72px使用12px圆角等等。(详见《iOS app 图标的圆角半径》:http://www.mobileui.cn/icon-fillet-radius.html)
2、iOS7下圆角半径
有网友拟合了一下,发现iOS7圆角应该采用x^3+y^3=a 的三次曲线(G2连续),想通过绘图软件画出难度不是一般的大了。我们可以通过几种方式来解决。
A. 网友测算,iOS7下120px大小的图标圆角半径与27px最为接近,设计的时候可以先用这个半径代替一下。
B. 使用现成的iOS7图标模板,下载地址:http://www.mobileui.cn/ios7-icon-template-psd.html。这种方式应该最为准确。
附:iOS7应用程序图标大小汇总
随着iOS7的升级,一大堆新尺寸的应用程序图标规格有出来了。除了要兼容低版本的iOS,还要兼容高版本,一个APP做下来,要生成十几种不同大小的APP图标。下面就来看看我们需要设计哪些尺寸的图标:
iOS上的图标基本分为这么几类:App Store下使用图标、应用程序主屏幕图标、Spotlight搜索结果图标、工具栏和导航栏图标、设置图标和标签栏图标等。
iOS7应用程序图标大小汇总
描述
|
iPhone 5和iPod touch的尺寸(高清晰度)
|
大小为iPhone和iPod touch(高分辨率)
|
iPad的尺寸为(高清晰度)
|
大小为iPad 2和iPad迷你(标准分辨率)
|
应用程序图标(应用程序所需的所有)
|
120×120
|
120×120
|
152×152
|
76×76
|
为App Store(应用程序所需的所有应用程序图标)
|
1024×1024
|
1024×1024
|
1024×1024
|
1024×1024
|
启动影像(所有的应用程序所需的)
|
640×1136
|
640×960
|
1536×2048(纵向)
2048×1536(横向)
|
768×1024(纵向)
1024×768(横向)
|
Spotlight搜索结果图标(推荐)
|
80×80
|
80×80
|
80×80
|
40×40
|
设置图标(推荐)
|
58×58
|
58×58
|
58×58
|
29×29
|
工具栏和导航栏图标(可选)
|
关于44×44
|
关于44×44
|
关于44×44
|
约22×22
|
标签栏图标(可选)
|
约60×60(最大:96×64)
|
约60×60(最大:96×64)
|
约60×60(最大:96×64)
|
约30×30(最大:48×32)
|
默认报刊亭盖为App Store图标(书报亭应用程序所需)
|
至少为1024像素的最长边
|
至少为1024像素的最长边
|
至少为1024像素的最长边
|
至少为1024像素的最长边
|
网页剪辑图标(推荐的Web应用程序和网站)
|
120×120
|
120×120
|
144×144
|
72×72
|
本文标签: iOS7, 图标, 圆角半径, 应用程序
IOS7 120*120 的图标半径是25PX,不是27
是27