UI移动端设计分享

图标规范标准(IOS/Android)

2016-10-22  本文已影响217人  火锅里的生虾

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

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

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

上一篇下一篇

猜你喜欢

热点阅读