在进行图标设计前,熟知手机 app 图标尺寸规范,能更好地去针对不同平台设计出更极致的图标。当前智能手机系统主要以 iOS 及 Android 为主,APP 图标是产品给用户的第一印象,图标视觉设计的美感与吸引力,与用户是否选择下载这个 APP 应用程序有着直接的联系,一个看起来漂亮、有质感的手机 app 图标,往往更能吸引到用户注意,让用户产生信任感,从而愿意主动下载和使用这个手机 app。本篇文章即时设计同大家一起了解 iOS、Google Play 以及 Android 手机 app 图标尺寸规范。

1. iOS 手机 app 图标尺寸规范

iOS 中,我们通常要按照苹果对于各类手机 app 的标准尺寸来进行相应的设置和操作,而苹果官网的开发者文档详细描述了不同设备的应用程序图标尺寸标准和要求:

此外,每一个手机 app 的大图标还应该对应有一个小图标,后者在外观上与前者相匹配,视觉效果上更微妙、更丰富。这是因为在 iOS 中,搜索(Spotlight Icons)、设置(Settings Icons)和通知(Notification Icons)时,会显示小图标。即时设计资源社区汇集了 iOS 系统 APP 设计的工具包,涵盖 iOS 图标、标签、搜索栏等设计元素,均可免费一键套用,点击免费领取 iOS UI 工具包。

除了尺寸大小以外,iOS 中所有手机 app 图标还应遵守以下规范:

  • PNG 格式;

  • 显示 P3(广色域颜色)、sRGB(彩色)或 Gray Gamma 2.2(灰度);

  • 没有透明度的扁平化;

  • 没有圆角的正方形;

2. Google Play 手机 app 图标尺寸规范

在 Google Play 上为你的应用列表创建手机 app 图标时,则应遵循以下规范:

  • 最终尺寸: 512 px x 512px;

  • 格式: 32 位 PNG;

  • 色彩空间: sRGB;

  • 最大文件大小:1024KB;

  • 形状:全方形 - Google Play 动态处理遮罩。半径将相当于图标大小的 20%;

  • 阴影:无 - Google Play 动态处理阴影;

3. Android 手机 app 图标尺寸规范

3.1 手机 app 图标和系统图标

Android 8.0(API 级别 26)引入了自适应启动器图标,可以在不同的设备型号上显示各种形状。例如,自适应启动器图标可以在一个 OEM 设备上显示圆形,而在另一台设备上显示一个松鼠。每个设备 OEM 都提供一个蒙版,然后系统使用该蒙版来渲染所有具有相同形状的自适应图标。自适应启动器图标也用于快捷方式、设置应用程序、共享对话框和概览屏幕。

3.2 单位和度量

*dpi = 屏幕宽度(或高度)像素 / 屏幕宽度(或高度)英寸;dp =(宽度像素 x 160)/dpi。

图标尺寸调整:快速批量修改不同icon及外框大小,使尺寸保持一致,图标使用更规范。

不论是苹果手机还是安卓手机,它们的操作系统一直都在不断升级和更新完善,那么对于手机 app 图标尺寸的要求和标准也会不断的改变,设计师需要实时了解最新设计规范,有计划和有组织的进行手机 app 图标视觉递进式改进。

3K+免费图标设计资源,点击获取

APP图标尺寸规范一文了解清楚相关推荐

  1. android icon命名规则,安卓手机的APP图标尺寸规范和图标命名规范

    安卓手机的APP图标尺寸规范和图标命名规范 点击查看原文 android图标包括:程序启动图标.底部菜单图标.弹出对话框顶部图标.长列表内部列表项图标.底部和底部tab标签图标. 1.安卓程序启动图标 ...

  2. Android /iPhone/iPad UI之常用图标尺寸规范

    整合的相对比较全面了,如果不足可以指出在补充完整. Android-App 常用图标尺寸规范 出自:http://www.cnblogs.com/libertycode/p/5666088.html ...

  3. iPad和iPhone的app图标尺寸、用途、设置方法

    iPad和iPhone的app图标尺寸.用途.设置方法 下面是在iPhone专用程序.iPad专用程序和通用程序中使用图标文件的指导(由译言网翻译自苹果官方文档,原文http://article.ye ...

  4. 图标尺寸规范_作为刚入门的UI设计师,你需要懂哪些设计规范?

    图标规范 很多设计师以为UI设计就是设计图标.虽然事实并非如此,但不可否认的是图标设计是UI设计的基础. 图标与品牌标志一样,应该尽量用简约的线条去表达其含义,同时减少冗余的线条结构,力求设计简单且明 ...

  5. Android图标尺寸规范 Android icon尺寸分辨率大全

    原文地址: http://petrnohejl.github.io/Android-Cheatsheet-For-Graphic-Designers/ 详细讲述了Android应用的设计规范 屏幕密度 ...

  6. Android UI 常用图标尺寸规范

    1. 程序启动图标: LDPI (Low Density Screen,120 DPI),其图标大小为 36 x 36 px. MDPI (Medium Density Screen, 160 DPI ...

  7. UI设计--苹果和安卓APP界面尺寸规范

    2017版

  8. IOS图标 HTML规范,IOS用户界面(UI)设计规范图表——APP设计师必看!

    遇到APP设计问题 相信很多人都在开发设计APP时会遇到很多界面上的问题,要以多大 尺寸来设计?分辨率是多少?该怎么切图给开发-- 下面的就分享一点点技巧,但也要给合团队在开发时的习惯. 苹果手机设备 ...

  9. 移动端app开发-02-iPhone/iPad/Android UI尺寸规范

    移动端app开发-iPhone/iPad/Android UI尺寸规范 本笔记抛去无用的前期分析什么的,全是干货,简洁干练 本笔记不单独针对 ios 或者 Android,两种都介绍,当然我们实际开发 ...

最新文章

  1. 02_Mybatis动态代理
  2. mysql 权重 取值_mysql如何按权重查询数据啊?
  3. Scrum Guides 2017年最新修改
  4. anaconda安装python视频_怎么安装anaconda?
  5. SQL2005删除用户的时候,产生“数据库主体在该数据库中拥有架构,无法删除”的解决办法...
  6. 《我的WCF之旅》博文系列汇总
  7. 唤醒锁: 检测 Android* 应用中的 No-Sleep(无法进入睡眠)问题
  8. CVPR2022 | 在线Re-Param | OREPA让AI训练速度进一步加快,精度略胜RepVGG!
  9. 小D课堂 - 零基础入门SpringBoot2.X到实战_第8节 数据库操作之整合Mybaties和事务讲解_36、SpringBoot整合mybatis之事务处理实战...
  10. 各主流浏览器的JS执行能力测试
  11. 工业机器人pallet指令_工业机器人编程指令详解简介,目录书摘
  12. 什么叫云计算?云计算通俗解释
  13. Kaggle网站流量预测任务第一名解决方案:从模型到代码详解时序预测
  14. 10分钟教你搭建nexus,并把自己项目中的依赖上传到私服
  15. xducs学习经验分享
  16. 荀子《劝学》原文及翻译
  17. 视频剪辑工具,批量给视频添加上下图片
  18. OPENCV2.4.9配置
  19. windows xp添加开机自启动脚本
  20. 毕业设计-基于微信小程序的“安心乘车”服务系统

热门文章

  1. Content Distribution Networks(CDNs)
  2. Kinect for Windows SDK开发入门(十):手势识别 上:基本概念
  3. 明星热图|刘亦菲拍摄品牌大片;唐艺昕、易烊千玺代言新品牌;全智贤、黄景瑜、江疏影演绎品牌新品...
  4. stata上课笔记 | 数据分析部分
  5. html2canvas动态截图,html2canvas.js按界面元素截屏功能演示
  6. LeanCloud从入门到放弃
  7. 给图片增加高斯模糊效果
  8. C语言 求解二次函数
  9. 打印1到最大的n位数(Java)
  10. 三只松鼠:顾客决定你的KPI