美文网首页
APP 图标和尺寸

APP 图标和尺寸

作者: Hardy_Hu | 来源:发表于2017-06-12 14:35 被阅读0次

图标尺寸

注意: iOS所有图标的圆角效果都是由系统生成的,给的图标本身不能是圆角的。

  1. 桌面图标app icon
    4s / 5 / 5s / 6 @2x 120x120
    6s @3x 180x180
  2. 系统搜索框图标
    4s / 5 / 5s / 6 @2x 80x80
    6s+ @3x 120x120
  3. 系统设置图标
    4s / 5 / 5s / 6 @2x 58x58
    6s+ @3x 87x87
  4. 启动图片
    4s @2x 640x960
    5 / 5s @2x 640x1136
    6 @2x 750 x1334
    6s+ @3x 1242 x2208


    尺寸.png

设置Icon和启动图

  1. 新建的工程会存在Assets.xcassets 和LaunchScreen.storyboard两个文件。Assets.xcassets是图片资源管理器,方便管理图片,LaunchScreen.storyboard是设置启动图图片的。如果我们不设置上面2项的话,APP Icon 图标和启动图片都会为空白。


    默认工程.png
  2. 默认的App Icons 和Launch Images设置如下


    图片资源管理.png
  3. 如果需要添加、修改App在手机桌面上显示的图标,点击 App Icons Source右边那个小灰色箭头,会弹出一个图片资源管理器。把我们的手机Icon图片直接拖进去就可以了。注意右边的适配不同屏幕的设置。


    桌面图标管理器.png
  4. 如果需要添加启动图片,需要点击 Use Asset Catalog, 弹出一个选项框,选择Migrate.


    添加启动图.png
  5. Use Asset Catalog会变成 Brand Assets, 右边也会出现一个灰色的小箭头。


    启动图.png
  6. 点击小箭头,将启动图片拖进去,就可以方便的设置启动图片了。同样也需要注意右边设置不同设备的屏幕适配。
启动图02.png

相关文章

  • iOS图标和启动画面尺寸

    启动页尺寸大小 App Icon 尺寸大小 桌面图标和商店图标 Spotlight图标 系统设置图标 (Setti...

  • APP 图标和尺寸

    图标尺寸 注意: iOS所有图标的圆角效果都是由系统生成的,给的图标本身不能是圆角的。 桌面图标app icon...

  • 图标和图像设计

    5 图标和图像设计 5.1 图标和图像尺寸 任何app都需要app图标和启动文件或者图片。除此之外,一些app需要...

  • 网页快速生成AppIcon

    生成APP常见的图标尺寸的办法有2种: 第一种:自己根据设计出来的APP图标尺寸自己调整图标icon尺寸大小。 第...

  • 网页快速生成AppIcon

    生成APP常见的图标尺寸的办法有2种: 第一种:自己根据设计出来的APP图标尺寸自己调整图标icon尺寸大小。 第...

  • 网页快速生成AppIcon

    生成APP常见的图标尺寸的办法有2种: 第一种:自己根据设计出来的APP图标尺寸自己调整图标icon尺寸大小。 第...

  • 图标和启动图片尺寸

    2018年9月 最新app图标和启动图尺寸

  • IOS 启动图片 app图标 等尺寸

    启动图片 app图标 尺寸要求

  • 适配面试

    图片的适配 应用图标 iOS 上传所需基本图片尺寸iOS App图标和启动画面尺寸 页面适配(横竖屏适配) Aut...

  • 图标规范标准(IOS/Android)

    IOS篇 本小节中ios图标标准均以iPhone6为例 1.APP图标 APP图标指应用图标,图标尺寸为...

网友评论

      本文标题:APP 图标和尺寸

      本文链接:https://www.haomeiwen.com/subject/hjylqxtx.html