恭喜你成为UI中国推荐设计师 (详情)
//百度统计 20220402 uicn

您的意见是我们 UI 中国进步的动力!
点击立即反馈按钮,发表您的意见!
立即反馈
QQ群反馈
您也可以加入UI中国官方反馈群进行反馈!
群号:302892100
备注:反馈问题后@管理员能让我们及时了解您的意见

提交需求

赛事与广告咨询合作,请填写需求表单,我们会在第一时间与您联系!

0/20
0/200

设计大赛

  • 设计大赛
  • 发布广告
  • 发布招聘
  • 其它需求

提交完成
感谢您对UI中国的支持和信赖!
Android / iOS 应用图标设计尺寸及设计注意
0.0°
2018-08-07 原创文章 经验/观点 举报 16360 52 60 1

Android  /  iOS  应用图标设计尺寸及设计注意事项

当我们决定要去 App Store、Google Play 这样的应用市场下载某个App应用时,首先映入眼帘的便是 Icon,即应用图标。一个 App 应用图标设计的美感与吸引力,决定了用户对产品的第一印象。一个有吸引力的APP应用图标,可以让用户愿意去了解你,下载你的 App。它也会出现在整个系统中,例如“设置”和搜索结果中。


应用图标设计时应注意:

1、简约

设计要简单,专注于 App 产品单个要素或形状。谨慎添加细节。如果图标的内容或形状过于复杂,则难以辨别细节,尤其是在较小尺寸时。

2、简单明了

应用商店汇集了数百万应用。在浏览应用商店时,用户首先看到的是图标,其次是应用的标题和预览图。如果通过图标就能大概了解应用的功能,用户会觉得很方便。

3、设计一个可识别的图标

设计的图标必须可以让人识别出来。例如,邮件 App 图标使用信封图形,因为信封与邮件相关联。

4、醒目

假设用户下载了一款应用,随后关上了手机屏幕,过了几小时再打开。如果用户手机里的应用很多,那么要找到特定应用通常会花点时间。这时,如果您的应用能够一眼就认出来,对用户来说会方便很多。

5、背景简单,不要使用透明度。

图标不要使用透明度,并且不要使用复杂混乱的背景。无需填满整个图标。

6、避免使用文字图标

如果设计中包含文字,最好是使用与应用实际内容相关的文字。如果可以,避免在图标中使用文字。在应用商店、手机屏幕和菜单中,应用名称会被标注于应用的下方或旁边。使用文字,尤其是应用的名称,会显得多此一举。

7、不要包含照片,屏幕截图或界面元素

小尺寸的照片细节很难看到。屏幕截图和界面元素对于应用程序图标来说过于复杂性。

8、针对不同的壁纸测试图标

无法预测用户使用哪种壁纸,因此不要仅针对浅色或深色测试您的应用。应在不同的壁纸上多次尝试和具有动态背景的设备上测试。


Android应用图标的尺寸大小

512x512px

L DPI ( Low Density Screen,120 DPI ),其图标大小为 36 x 36 px

M DPI ( Medium Density Screen, 160 DPI ),其图标大小为 48 x 48 px

H DPI ( High Density Screen, 240 DPI ),其图标大小为 72 x 72 px

XH DPI ( Extra-high density screen, 320 DPI ),其图标大小为 96 x 96 px

XXH DPI( xx-high density screen, 480 DPI ),其图标大小为144 x 144 px

XXXH DPI( xxx-high density screen, 640 DPI ),其图标大小为192 x 192 px

96 x 96 px 图标可以画图区域大小可以设为 88 x 88 px, 四周留出4个像素用于填充(无底色)

72 x 72 px 图标可以画图区域大小可以设为 68 x 68 px, 四周留出2个像素用于填充(无底色)

48 x 48 px 图标可以画图区域大小可以设为 46 x 46 px, 四周留出1个像素用于填充(无底色)

36 x 36 px 图标可以画图区域大小可以设为 34 x 34 px, 四周留出1个像素用于填充(无底色)

Image title

Image title

安卓手机品牌太多,每个手机品牌系统不同可能对桌面图标的处理也不相同,需要先搞清楚对桌面图标进行统一剪裁的手机平台规范,才能保证在这些平台可完全匹配,不出现白边黑边的情况。

以小米手机为例,比较了淘宝、京东、qq、支付宝、微信、腾讯、爱奇艺、小红书APP。发现在96x96px尺寸下圆角为20px占到了42%,得出结论在96x96px尺寸下圆角小于等于20px为安全值(这个安全值并不能说明可以包含所有的安卓手机,毕竟安卓手机品牌太多系统版本也是很多,但至少可以涵盖大部分主流安卓手机品牌。)



iOS应用图标的尺寸大小:

1024x1024px

512x512px

180x180px

120x120px

114x114px

87x87px

80x80px

58x58px

57x57px

29x29px

Image title

Image title


Image title


iOS图标中采用并不是圆角矩形方式而是采用羊角螺线的绘制方式,在上传切图时只需直角就可以了,圆弧会自动适配。





更新:2018-08-07

收藏

52人已收藏

  • 93

    作品

  • 40

    粉丝

  • 19

    关注

  • 钉钉和飞书使用体验分享
  • 每周分享 07 期--- 唤醒词
  • 每周分享 06 期--- 消息推送
  • 每周分享 05 期--- 蓝牙
相关标签

    猜你喜欢

      2018-08-07 原创文章 经验/观点 举报 16360 52 60 1

      Android / iOS 应用图标设计尺寸及设计注意

      0.0°

      你确定要举报Android / iOS 应用图标设计尺寸及设计注意

      如果查出恶意举报,十天内禁止提交任何举报申请。

      0/200

      上传证据: 超过10M的附件请使用网盘地址

      点击上传附件

      对谁可见:

      全部设计师
      • 全部设计师
      • 推荐设计师和认证设计师

      您确认要推荐?

      该作品发布时间:2018年08月07日

      评分

      完整度

      启发性

      勤奋性

      排版布局

      推荐心得

      建议20-200字以内

      0/200

      60
      52
      1

      账号或密码错误,请重新输入

      账号或密码错误,请重新输入

      登录

      手机号

      发送验证码 120s 验证码错误

      登录
      第三方账号登录