美文网首页UI移动端设计分享
图标规范标准(IOS/Android)

图标规范标准(IOS/Android)

作者: 火锅里的生虾 | 来源:发表于2016-10-22 19:31 被阅读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显示屏。

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

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

    相关文章

      网友评论

        本文标题:图标规范标准(IOS/Android)

        本文链接:https://www.haomeiwen.com/subject/okchuttx.html