ios图标（ios图标自动补位怎么设置）

iOS 常用Appicon图标 尺寸大小总结

注意：以下尺寸归纳都是按照1PX的像素单位总结，方便在iOS APP设计中使用。

  在iOS app设计中，我们总是需要去规范地设计所需图片的大小，下面是本人在学习iOS app制作设计中所总结的一些常用尺寸，整理出来，仅供参考，不足之处，会在以后学习工作过程中补全。

总的来说，iOS设计中会使用到如下尺寸：

图标尺寸输出列表：

180x180     120x120     87x87     80x80     58x58     57x57     29x29

启动图片尺寸输出列表：

640x960    640x1136    750x1334    1242x2208(设计版）1080×1920（物理版）

桌面图标 (app icon)

 iPhone7/6 plus(@3x) : 180 x 180                       iPhone 7/6/5s/5/4s/4(@2x) : 120 x 120

搜索框图标 (Spotlight )

 iPhone7/6 plus(@3x) : 120 x 120                       iPhone7/6/5s/5/4s/4(@2x) : 80 x 80

设置图标 (Settings icon)

 iPhone7/6 plus(@3x) : 87 x 87                           iPhone7/6//5s/5/4s/4(@2x) : 58 x 58

启动图片 (launch image)

 iPhoen5s/5(@2x) : 640 x 1136                           iPhoen4s/4(@2x) : 640 x 960

如果是iPhone7/6 或者iPhone7/6 plus 还是建议使用 launch file 或 故事板文件storyboard 

如果使用图片，则尺寸数值为：

iPhone 7/6(@2x) : 750 x 1334                      iPhone 7/6 plus (@3x) : 1242x2208(设计版）1080×1920（物理版）

根据iOS系统可简单划分为以下几种

Spotlight

iOS 5,6

base: 29pt, @2x, @3x，get： 58 x 58, 87 x 87

iOS 7,8

base: 40pt, @2x, @3x，get：80 x 80, 120 x 120

Settings

iOS 5,6,7,8

base: 29pt, @1x,@2x,@3x，get：29 x 29, 58x58, 87x87

iPhone App

iOS 7,8

base: 60pt， @2x, @3x，get：120 x 120, 180 x 180

//

//Created by weil on 16/12/2.

//Copyright © 2016年 weil. All rights reserved.

//

iOS应用图标像素大小、图标命名要求、启动图等要求

应用图标需求：（像素  图标命名  作用）

57*57    Icon.png     （iOS6.1之前的应用图标）

114*114  Icon@2x.png  （高清图标）

120*120 Icon-60@2x.png  （程序应用图标）

180*180 Icon-60@3x.png  （高清图标 适配6Plus 6s Plus）

29*29  Icon-Small.png  （Spotlight  iOS 5,6）（手机设置里面的图标iOS5-9)

58*58  Icon-Small@2x.png

87*87  Icon-Small@3x.png

512*512  iTunesArtwork.png     （iTunes/APP Store上的图标）

1024*1024  iTunesArtwork@2x.png

40*40 Icon-Small-40.png（Spotlight  iOS7-9）

80*80  Icon-Small-40@2x.png

120*120  Icon-Small-40@3x.png

启动图:（像素  图标命名)

1242*2208defaultLaunch@3x.png (Retina HD 5.5：6Plus,6sPlus,7Plus)

750*1334defaultLaunch-750.png (Retina HD 4.7：6,6s,7 )

640*960defaultLaunch@2x.png (2x：4,4s)

640*1136Default-568h@2x.png (Retina 4：5,5s)

注：为解决状态栏字体变大，可将图片改为用数字命名，例如1242x2208.png（不知道为什么，看到别人的解决方式，亲测有效）

导航栏背景图

320*64  navigationBG.png

750*128 navigationBG@2x.png

1242*192 navigationBG@3x.png

**************************************************************************************

工程里面的图标图片：（以下是针对一倍像素图来说的）

导航栏上的按钮：（最上面的那些按钮，比如返回等等）

导航栏高度44：按钮图标像素一般是20*20 

标签栏上的按钮（最底部的按钮）

标签栏高度：49  一般按钮高度是30个像素

ios启动图标规范

注意：iOS所有图标的圆角效果由系统生成，给到的图标本身不能是圆角的。

1. 桌面图标 (app icon)

for iPhone6 plus(@3x) : 180 x 180for iPhone 6/5s/5/4s/4(@2x) : 120 x 120

2. 系统搜索框图标 (Spotlight search results icon)

iPhone6 plus(@3x) : 120 x 120

iPhone6/5s/5/4s/4(@2x) : 80 x 80

3. 系统设置图标 (Settings icon)

iPhone6 plus(@3x) : 87 x 87for

iPhone6/5s/5/4s/4(@2x) : 58 x 58

4. 启动图片 (launch image)

for iPhoen5s/5(@2x) : 640 x 1136

for iPhoen4s/4(@2x) : 640 x 960

iPhone6/iPhone6 plus 建议使用 launch file 或 storyboard ；如果依然想使用图片，尺寸数值为：

for iPhone 6(@2x) : 750 x 1334

for iPhone 6 plus (@3x) : 1242 x 2208

/////////////////////////////////////////////////////////////////

1、应用程序图标（应用程序所需的图标）

为App Store

启动影像

Spotlight搜索结果图标

设置图标

工具栏和导航栏图标

标签栏图标

默认报刊亭盖为App Store图标

网页剪辑图标

/////////////////////////////////////////////////////////////////

1、图标尺寸

app store:

1024*1024  160（retina屏）

512*512  80（普通屏）

主屏幕

144*144  18（retina屏）

57*57  9（普通屏幕）

iphone设置与搜索

58*58  10（retina屏幕）

29*29  5（普通屏幕）

图标按照最大1024*1024来设计，之后按照每个比例缩小到每个尺寸，再进行调整。提交没有高光和直角阴影的方形即可。

2、按钮和图片

可点击的按钮和图片不能小于88px*88px，如果小于，请以透明空白区域填充。单独存在的部件尺寸必须是偶数尺寸。充分考虑每个按钮的四个状态:默认（default）、按下（highlighted）、选中（selected）、不可点击（disabled）

3、

标签栏高度:20pt

导航栏高度:44pt

导航栏图标约22pt

标签栏高度49pt

标签栏图标约60pt

工具栏高度88pt

4、图标命名规范

模块_类别_功能_状态·png

/////////////////////////////////////////////////////////////////

我会把App内的图标分成四类进行规范设计：第一类顶部栏内的图标；第二类底部导航栏内的图标；第三类内容区域的图标；第四类弹窗、浮层内的图标。

1.顶部栏内的图标

在设计顶部栏内的图标时应注意，图标的高度不能超过顶部栏高度的一半。以750x1334 px的尺寸为例，顶部栏高度为88 px，图标不能超过顶部栏的一半就是44 px， 但为了页面的美观感与整体性，图标的高度最好与顶部栏标题的字高度保持一直，一般图标的高度控制在32-36 px左右。

2.底部导航栏内的图标

底部导航栏内不仅只有图标，一般每个图标下都会有对应的文字，这种情况就比较复杂，因为你需要把图标距上间距、图标与文字间距、文字距下间距等因素考虑进去。图标与文字上下间距一般控制在20 px左右，文字大小在20 px左右，图标与文字间距控制在14 px范围内，最终图标的大小在40-44 px左右。 和顶部栏的原则一样，底部导航栏的图标不能超过其高度的一半，若底部导航栏高度为98 px，图标不要超过48 px， 再加上底部导航栏的文字48 px高的图标也不太合适，所以以我的经验之谈，最佳高度是44 px。

3.内容区域的图标

其实仔细研究就会发现，App里的图标分为两种，一种是可点击的，一种是起修饰作用的不能点击的。可点击的图标往往比起修饰作用的图标大。我在做内容区域的图标时为了使整体的App看上去比较统一，图标的大小范围和顶部栏、底部导航栏的图标上下不超过2-4个像素，基本和文字的高度一致。可点击图标范围在32-36 px左右， 不可点击图标范围在24-28 px左右。

/////////////////////////////////////////////////////////////////

iphone4、5、6状态栏、导航栏、标签栏大小分别为:40px,88px,98px

iOS系统隐藏各种图标的详细方法教程

有些图标你不太喜欢或者游戏不想让其他人玩，如何把它们隐藏起来呢?利用iOS系统的小彩蛋，我们可以把不喜欢的图标放到不引人注意的报刊杂志程序里，然后再塞到文件夹深处，在这里最最隐蔽。

方法/步骤 :

第1步：将“报刊杂志”这个应用程序图标放到主屏幕第二页任意地方：

第2步：将你想放进去的应用程序移到主屏幕第三页：

第3步：滑动到第三页，也就是包含了你想放进去的应用程序的这一页，按一次 Home 键，然后快速点击并按住你想放进去的应用程序：

第4步：继续按住屏幕，直到主屏幕自动移到第一页，松开按住屏幕的手，并快速滑动到第二页：

第5步：如果操作正确，此时你会看到图标进入了晃动状态：

第6步：点击一次报刊杂志的图标，待它打开后，按一次 Home 键：

神奇的事情发生了!你刚刚按住的`应用飞入到了报刊杂志里面，如果失败了不要气馁，多尝试几次一定会成功：

最后一步，将报刊杂志放到一个不起眼的地方，比如文件夹里，操作方法和上面一样，效果图如下：

想要恢复到原来的样子，只需要重启下iPhone即可，图标会变成没有隐藏之前的样子。

图标规范标准（IOS/Android）

IOS篇

本小节中ios图标标准均以iPhone6为例

1.APP图标  

         APP图标指应用图标，图标尺寸为120x120，如果是游戏类应用，这个图标也会被用在Game Center中。由于IOS应用图标是由于系统统一切圆角，所以设计的时候直接出方形图标即可。设计时可根据需要作出圆角供展示使用。

尺寸规格：

图标尺寸：57x57，圆角10；图标尺寸：114x114， 圆角20；图标尺寸：120x120，圆角22；图标尺寸：114x114，圆角20；图标尺寸：180180，圆角尺寸34；图标尺寸：512x512，圆角尺寸90；图标尺寸：1024x1024,圆角180.

2.APP Store图标

APP Store图标指上传至应用商店的应用图标，尺寸为1024x1024.为了吸引用户可增加更多的设计细节。不过基于效率考虑，一般与APP图标的设计保持一致。此时的图标需要设计圆角，圆角像素为160。

3.标签栏导航图标

标签栏导航图标指底部标签栏上的图标，图标设计尺寸为50x50。

4.导航栏图标

导航栏图标指分布导航栏上的功能图标，图标设计尺寸为44x44

5.工具栏图标

工具栏图标指底部工具栏上的功能图标，图标设计尺寸为44x44

6.设置图标

设置图标指在列表式的表格视图中左侧功能图标，图标设计尺寸为58x58

7.Web Clip图标

Web Clip图标指如果你有Web小程序或者网站，可以制定一个小图标。用户可以把它直接放在桌子上，用户可单击图标直接访问网页内容。图标设计尺寸为120x120。

Android篇

为了简化设计并且兼容更多的手机屏幕，安卓系统平台对屏幕进行了区分。按屏幕像素密度划分为低密度屏幕（LHDPI）、中低密度屏幕（MHDPI）、高低密度屏幕（XHDPI）、和超超高低密度屏幕（XXHDPI）。

密度之间的关系为3:4:6:8:12.使用这些比例，通过简单的计算，我们就可以适配出不同版本的位图，以供开发使用。

安卓尺寸标准：

75x75对应LDPI显示屏；100x100对应MDPI显示屏；150x150对应HDPI显示屏；200x200对应XHDPI显示屏；300x300对应XXHDPI显示屏。

特别提示：这些尺寸要熟练的运用到工作当中，希望大家多积累。

文章更新的速度确实有些慢了，我会加以改正。还望大家多多关注。

’