iOS7应用图标的圆角半径和制作方法

技术教程 / 图标设计, 基础知识 | 2014-02-25 | 来源:weste.net | 发布者: mobileui

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