App尺寸:5个创新方法,提升界面吸引力

当用户打开应用程序时,应用程序图标是用户认知品牌的第一个门槛,可以直接影响用户对应用程序的第一印象。应用程序图标尺寸直接影响应用程序图标的视觉效果,这也是决定用户是否愿意下载应用程序图标的关键因素。应用程序图标尺寸规范在图标设计中非常重要,因此在设计应用程序图标时,我们需要学习应用程序图标尺寸规范。

1、iOS / iPad OS应用图标尺寸

应用程序图标开发者通常需要绘制1024x1024图标尺寸,以便在应用程序中绘制图标尺寸显示在store中。我们可以通过系统自动缩小所有其他尺寸的应用程序图标。如果我们想用特定的尺寸定制图标的外观,我们可以根据情况提供多个版本的尺寸,如下图所示:

2、mac OS应用程序图标尺寸

对于AppStore商店,我们不仅需要创建一个1024x1024像素版本的macos应用程序图标,还需要提供以下应用程序图标尺寸。

@1X(像素):512*512、256*256、128*128、32*32、16*16;

@3x(像素)仅限iphone:1024*1024、512*512、256*256、64*64、32*32。

3、tv OS应用程序图标尺寸

对于App Store商店不仅需要创建一个1280x768像素版的TVOS应用程序图标,还需要提供以下应用程序图标尺寸。

对于TVOS应用程序图标,我们还应该考虑在主屏幕图标中允许一个安全区域。因为在焦点和视差期间,随着图标的缩放和移动,应用程序图标边缘区域的内容可能会被切割和丢失。为了防止上述情况,使我们的图标能够完全显示,我们可能需要增加一些额外的预留空间。

主屏幕用法:@2x(像素)800*480、@1x(像素)400*240

4、watch OS应用程序图标尺寸

对于AppStore商店,不仅需要创建一个1024x1024像素版本的watchOS应用图标。我们可以通过系统自动缩小所有其他尺寸的大型应用程序图标。如果要用特定尺寸定制图标的外观,可以根据情况提供多个应用程序图标尺寸,如下图所示(所有尺寸值均为@2x):

主屏幕:102x102像素*45mm、100x100像素*44mm、80x80像素*42mm、92x92像素*41mm、88x88像素*40mm、80x80像素*38mm

通知中心:66x66像素*45mm、58x58像素*44mm、55x55像素*42mm、58x58像素*41mm、55x55像素*40mm、48x48像素*38mm

简洁的外观:234x234像素*45mm、216x216像素*44mm、196x196像素*42mm、196x196像素*41mm、172x172像素*38mm

5、应用app图标设计总结

掌握应用图标尺寸规范icon,有助于我们正确设计应用图标,并与前端工作人员做好交付工作。即时设计作为UI设计软件,设计应用程序图标更方便!此外,即时设计资源广场还包含了大量的矢量应用程序图标设计材料,您可以通过应用程序图标材料快速找到您需要的应用程序图标。包括单色、平面、3D三维、插图、时尚设计效果材料,可应用于任何网站和其他项目。支持一键拖动呼叫,也可以进行二次处理,以激发您的设计灵感。

即时设计——可实时在线编辑的设计工具icon-default.png?t=N7T8https://ad.js.design/online/ui/?source=csdn&plan=xy730

  • 钢笔工具:在即时设计中,用钢笔工具创建的矢量网格没有方向,可以在不同方向分叉,轻松设计多边弧和饼图。

  • 矢量图形工具:直接在画布中绘制矩形、直线、椭圆、多边形、星形五种常见矢量图形。

  • 蒙版工具:设计复杂图形时,设计师可以选择使用蒙版工具组合多层,从而达到显示特定区域的效果。

  • 17
    点赞
  • 6
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值