图标规范标准(IOSAndroid)

图标规范标准(IOSAndroid),第1张

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显示屏。

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

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

1. 程序启动图标:

LDPI (Low Density Screen,120 DPI),其图标大小为 36 x 36 px。

MDPI (Medium Density Screen, 160 DPI),其图标大小为 48 x 48 px。

HDPI (High Density Screen, 240 DPI),其图标大小为 72 x 72 px。

xhdpi (Extra-high density screen, 320 DPI),其图标大小为 96 x 96 px。

xxhdpi(xx-high density screen, 480 DPI),其图标大小为144 x 144 px。

2.底部菜单图标

1. 大屏:

1. 完整图片(红色): 72 x 72 px

2. 图标(蓝色): 48 x 48 px

3. 图标外边框(粉色): 44 x 44 px

1. 中屏:

1. 完整图片: 48 x 48 px

2. 图标: 32 x 32 px

3. 图标外边框: 30 x 30 px

1. 小屏:

1. 完整图片: 36 x 36 px

2. 图标: 24 x 24 px

3. 图标外边框: 22 x 22 px

3. d出对话框顶部图标

小屏24 x 24 px Low density screen (ldpi)

中屏32 x 32 px Medium density screen (mdpi)

大屏48 x 48 px High density screen (hdpi)

4. 长列表内部列表项图标

小屏24 x 24 px Low density screen (ldpi)

中屏32 x 32 px Medium density screen (mdpi)

大屏48 x 48 px High density screen (hdpi)

5. 底部或顶部tab标签图标

1. 大屏 (hdpi) screens:

1. 完整图片(红色): 48 x 48 px

2. 图标(蓝色): 42 x 42 px

1. 中屏 (mdpi) screens:

1. 完整图片: 32 x 32 px

2. 图标: 28 x 28 px

1. 小屏(ldpi) screens:

1. 完整图片: 24 x 24 px

2. 图标: 22 x 22 px

6. 底部状态栏图标

ldpi (120 dpi) 18 x 18 px 小屏

mdpi (160 dpi) 24 x 24 px 中屏

hdpi (240 dpi) 36 x 36 px 大屏

xhdpi (320 dpi) 48 x 48 px 特大屏

你好,android中分别有如下几个文件夹,是不同屏幕下图片尺寸问题应用程序图标大小分别对应为m48x48hdpi72x72xh96x96xxh144x144web512x512一般需要这5个尺寸的应用程序图标,如果是个人,做一个48x48就可以了希望可以帮助到你


欢迎分享,转载请注明来源:内存溢出

原文地址: http://outofmemory.cn/yw/11346849.html

(0)
打赏 微信扫一扫 微信扫一扫 支付宝扫一扫 支付宝扫一扫
上一篇 2023-05-15
下一篇 2023-05-15

发表评论

登录后才能评论

评论列表(0条)

保存