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

news/2024/7/20 21:28:42 标签: ios, ui, xcode

在进行图标设计前,熟知手机 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.niftyadmin.cn/n/325364.html

相关文章

都说测试行业饱和了,为啥我们公司给初级测试还能开到了12K?

故事起因: 最近我有个刚毕业的学生问我说:我感觉现在测试行业已经饱和了,也不是说饱和了,是初级的测试根本就没有公司要,哪怕你不要工资也没公司要你,测试刚学出来,没有任何的项目经验和工作经验…

JavaEE(系列4) -- 多线程(线程的状态)

目录 观察线程的所有状态 1. new状态 2. TERMINATED 状态 3. RUNNABLE 就绪状态,运行状态 4. TIMED_WAITNG 休眠状态 5. BLOCKED 表示等待锁出现的状态 6. WAITING 使用wait方法出现的状态 观察线程的所有状态 线程的状态是一个枚举类型 public class test2 {public static v…

ZGSOJ 1329 奇特的图形——欧拉回路

问题 B: 奇特的图形 时间限制: 1 Sec 内存限制: 64 MB 提交: 427 解决: 189 [提交][状态] 题目描述 记得上小学奥数时,JacmY最喜欢做的题就是给一个图形,从它某一个顶点出发描这个图形,若恰通过图中每条边一次,看最后能否又回到起点。当时JacmY只懂得拿着铅笔随便画画…

CTFshow pwn03

题目: 在做本道题前,我们先了解所必要的知识 Libc是什么? 英文名字:Standard C library,其翻译过来,C语言标准库 它是符合ANSI C标准的一个函数库 学过C语言会明白 ANSI C标准又是什么? 198…

Unittest自动化测试之unittestunittest_生成测试报告

unittest_生成测试报告 测试报告为测试结果的统计即展示,是自动化测试不可或缺的一部分,利用unittest 可以生成测试报告 方式一、使用第三方 HTMLTestRunner 执行测试用例集,生成网页版测试报告(推荐) HTMLTestRunn…

【windows批处理batch】批处理batch字符串处理相关操作(字符串定义、分割、拼接、替换、切片、查找)

👉博__主👈:米码收割机 👉技__能👈:C/Python语言 👉公众号👈:测试开发自动化 👉专__注👈:专注主流机器人、人工智能等相关领域的开发、…

如何0基础自学黑客(网络安全)技术,万字长文教你如何学习黑客(网络安全)

一、自学网络安全学习的误区和陷阱 1.不要试图先成为一名程序员(以编程为基础的学习)再开始学习 我在之前的回答中,我都一再强调不要以编程为基础再开始学习网络安全,一般来说,学习编程不但学习周期长,而…

首个支持RWA交易的订单簿DEX-PoseiSwap,即将开启IEO

随着 DeFi 世界的发展,越来越多的链上协议支持以合成资产的方式,将传统金融资产以加密资产的形式映射至链上,包括美股、黄金期货等等,虽然这种方式进一步帮助投资者,以非许可的形式丰富了投资标的,但这种方…