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. 启动图片 (l***nch image)
for iPhoen5s/5(@2x) : 640 x 1136
for iPhoen4s/4(@2x) : 640 x 960
iPhone6/iPhone6 plus 建议使用 l***nch 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,如果小于,请以透明空白区域填充。单独存在的部件尺寸必须是偶数尺寸。充分考虑每个按钮的四个状态:默认(def***lt)、按下(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/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显示屏。
特别提示:这些尺寸要熟练的运用到工作当中,希望大家多积累。
文章更新的速度确实有些慢了,我会加以改正。还望大家多多关注。
’
iOS系统隐藏各种图标的详细方法教程
有些图标你不太喜欢或者游戏不想让其他人玩,如何把它们隐藏起来呢?利用iOS系统的小彩蛋,我们可以把不喜欢的图标放到不引人注意的报刊杂志程序里,然后再塞到文件夹深处,在这里最最隐蔽。
方法/步骤 :
第1步:将“报刊杂志”这个应用程序图标放到主屏幕第二页任意地方:
第2步:将你想放进去的应用程序移到主屏幕第三页:
第3步:滑动到第三页,也就是包含了你想放进去的应用程序的这一页,按一次 Home 键,然后快速点击并按住你想放进去的应用程序:
第4步:继续按住屏幕,直到主屏幕自动移到***页,松开按住屏幕的手,并快速滑动到第二页:
第5步:如果操作正确,此时你会看到图标进入了晃动状态:
第6步:点击一次报刊杂志的图标,待它打开后,按一次 Home 键:
神奇的事情发生了!你刚刚按住的`应用飞入到了报刊杂志里面,如果失败了不要气馁,多尝试几次一定会成功:
最后一步,将报刊杂志放到一个不起眼的地方,比如文件夹里,操作方法和上面一样,效果图如下:
想要恢复到原来的样子,只需要重启下iPhone即可,图标会变成没有隐藏之前的样子。
关于ios图标和ios图标不自动排列的介绍到此就结束了,不知道你从中找到你需要的信息了吗 ?如果你还想了解更多这方面的信息,记得收藏关注本站。