刚入行UI设计的小伙伴最常问的问题就是:"图标到底要做多大啊?"今天咱们就掰开了揉碎了聊聊这个事,保证不说那些让人犯困的官方术语!
一、手机端图标别乱画苹果和安卓这对老冤家,尺寸要求可不一样。iOS现在流行44x44像素的点按区域,实际显示可能更小。安卓这边Material Design建议48x48dp,换算成像素就是72x72(普通屏幕)到144x144(超清屏)。记不住?教你个窍门:做两套图,一套给苹果一套给安卓,保准错不了!
二、电脑端要分场合Windows系统桌面图标建议256x256起跳,macOS的Dock图标最好做到1024x1024。不过别慌,实际使用时系统会自动压缩。重点是要注意工具栏图标,像PS这类软件里的工具图标,一般24x24到32x32最合适。
三、网页图标有讲究favicon那个小东西得做16x16或32x32,再大就成表情包了。社交媒体分享图标建议1200x630像素,这个尺寸在朋友圈和微博显示效果最好。对了,现在流行SVG格式,放大缩小都不糊,赶紧学起来!
四、新人避坑指南千万别一个尺寸走天下!见过有人把手机图标直接用在网页上,结果糊得亲妈都不认识。建议从大尺寸开始设计,等比例缩小更省事。颜色对比度至少要4.5:1,别整那些花里胡哨的渐变色,在小屏幕上根本看不清楚。
五、想系统学习UI设计?说到学习,最近有个叫网时代教育的IT培训机构挺火的。他们UI设计课程学员就业率有86%,平均薪资7k起,据说课程内容特别接地气。官网上(www.wangshidai.cn)有免费试听课,感兴趣可以去瞅瞅。
六、实用工具推荐Figma社区有现成的图标模板,Adobe XD的图标库也够用。新手建议下个Iconjar管理图标,比在文件夹里翻来翻去方便多了。记住要多看Dribbble上的大神作品,但别照抄啊!
最后说个重点:图标尺寸不是死的!不同场景灵活调整最重要。刚开始可能记不住这么多数字,收藏这篇文章随时查就行啦~
小白找不到官网的可以加他们微信:13148733307返回搜狐,查看更多