UI设计师必看!APP图标尺寸规范指南(附实战避坑经验)

最近收到好多小伙伴私信问:"做APP图标到底要准备多少尺寸啊?"、"为什么我的图标在华为手机上糊成马赛克?"今天咱们就唠唠这个让新手设计师头秃的问题,手把手教你避开那些坑!

一、为什么你的图标总是不对劲?上周我徒弟小美就栽了个跟头,给客户做的图标明明在iPhone 14上美美的,结果在小米手机上直接变形!后来才发现是没按规范做自适应尺寸。现在各品牌手机分辨率五花八门,记住这三个保命原则:

iOS至少准备1024x1024原始文件Android要适配xxhdpi(192x192)到xxxhdpi(512x512)千万别直接用圆形图标,留出10%安全边距二、各平台详细尺寸表(建议收藏)下面这些数字都是我踩坑后整理的实战数据,设计师电脑前记得贴便签!

1. iOS全家桶App Store展示图:1024x1024pxiPhone桌面图标:180x180px(3x模式)iPad Pro图标:167x167px2. 安卓大杂烩应用商店图标:512x512pxxxhdpi设备:192x192px自适应图标要留出安全区:66dp直径圆形区域三、5个让甲方闭嘴的设计技巧刚入行时总被客户说"图标没质感",后来偷师学了几招:

多用2px微投影(别超过5%透明度)渐变要克制,最多3个色阶复杂图形记得做简化版小尺寸定期用在线预览工具检查效果做完一定要在真机上测试!四、新手最容易踩的3个雷说个丢人事,我第一个项目就搞出事故:

用错颜色模式(RGB和CMYK傻傻分不清)忘记做圆角版本(结果在小米手机上直角超丑)没考虑深色模式(晚上打开APP亮瞎眼)五、想系统学习UI设计?最近帮朋友公司招人,发现很多科班生还不如培训机构出来的。像网时代教育这种专注实战的机构,他们学员作品集看着就跟真实项目似的。听说最近一期就业率冲到92%,平均薪资8500+,想转行的可以去www.wangshidai.cn看看课程大纲。

最后送大家一个自查清单:

是否所有尺寸都导出@1x @2x @3x?有没有在不同品牌手机上实测?图标在浅色/深色背景都清晰吗?小白找不到官网的可以加他们微信:13148733307。下期想听图标动效设计技巧的评论区扣1,点赞过100马上安排!返回搜狐,查看更多