当前位置: 首页 > news >正文

APP图标尺寸规范一文了解清楚

在进行图标设计前,熟知手机 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+免费图标设计资源,点击获取

http://www.lryc.cn/news/68527.html

相关文章:

  • 写给程序员Android Framework 开发,
  • html实现一个一闪一闪的按钮,CSS实现一个一闪一闪的按钮,Css闪烁点标,css设置按钮层次感,css按钮美化,CSS按钮动画过渡,CSS按钮添加阴影
  • 品优购项目学习记录04--列表页
  • script标签type值application/json,importmap和module
  • 基于ArcGIS实现陕西省1:250000比例尺地形图分幅和编号
  • 校园安全,一键报警主机助力保障
  • RabbitMQ养成记 (7. 消息可靠性投递)
  • SpringBoot配置连接两个或多个数据库
  • Python面试题汇总:高效备战技巧
  • 如何区分比特率、波特率和频谱带宽?
  • sklearn中的特征工程(过滤法、嵌入法和包装法)
  • Linux C/C++并发编程实战(0)谈谈并发与并行
  • 2023年5月天津/南京/成都/深圳CDGA/CDGP数据治理认证报名
  • 【MySQL】MySQL批量插入测试数据的几种方式
  • PowerShell install 一键部署virtualbox
  • CTF权威指南 笔记 -第四章Linux安全机制-4.1-Stack Canaries
  • KDZD400Q便携式三氯乙烯浓度检测仪
  • C++11 部分新特性
  • selenium通过performance log获取状态码,Conten-Type,以及重定向路径
  • GL绘制自定义线条3_自定义线帽
  • 【AGC】新版鸿蒙崩溃SDK集成使用方法
  • vue-7:组件库(移动端vant)(PC端element)
  • JavaScript中splice()、slice()、split()三种方法的区别,及使用详细
  • Linux更新操作系统Openssh版本9.3p1(源码编译安装)
  • MS COCO数据集介绍
  • Java之线程池
  • 让你的网站变得更智能 - B2 Pro主题问答模块新增OpenAI ChatGPT机器人自动回答功能
  • 仓库信息管理系统设计与实现
  • 初识Java多线程编程
  • 最新入河排污口设置论证、水质影响预测与模拟、污水处理工艺分析及典型建设项目入河排污口方案报告书实例分析