V2EX = way to explore
V2EX 是一个关于分享和探索的地方
现在注册
已注册用户请  登录
V2EX 提问指南
gentleming
V2EX  ›  问与答

[求助] 为什么 iOS App 在屏幕上的图标圆角处有黑线呢?在线等,挺急的…

  •  
  •   gentleming · 2014-08-16 20:15:15 +08:00 · 6064 次点击
    这是一个创建于 3755 天前的主题,其中的信息可能已经有所发展或是发生改变。

    就是这样:
    Alt text

    14 条回复    2014-08-18 13:22:16 +08:00
    Hubs
        1
    Hubs  
       2014-08-16 20:32:45 +08:00
    app 作者没设计好图标大小
    gentleming
        2
    gentleming  
    OP
       2014-08-16 20:44:00 +08:00
    @Hubs 汗……我就是作者,我是用的1024*1024大小的图片啊
    Daniel65536
        3
    Daniel65536  
       2014-08-16 20:48:41 +08:00 via iPhone   ❤️ 1
    iOS7和之前的版本的图标的图形是不同的,那个圆角矩形的圆角有微小的差异。
    Daniel65536
        4
    Daniel65536  
       2014-08-16 20:50:27 +08:00 via iPhone
    新版本的圆角矩形把你图标文件的黑底部分也包括进来了一部分。
    xuan_lengyue
        5
    xuan_lengyue  
       2014-08-16 21:02:02 +08:00   ❤️ 2
    图标不要留圆角,系统自己会处理。
    Hubs
        6
    Hubs  
       2014-08-17 00:07:08 +08:00   ❤️ 1
    @gentleming 楼上说的对
    rayps
        7
    rayps  
       2014-08-17 02:04:30 +08:00   ❤️ 1
    https://developer.apple.com/Library/ios/documentation/UserExperience/Conceptual/MobileHIG/AppIcons.html

    When iOS displays an app icon on the Home screen of a device, it automatically applies a mask that rounds the corners. Make sure your icon has 90° corners so it looks good after the mask is applied.
    u5e05
        8
    u5e05  
       2014-08-17 03:23:49 +08:00 via iPad   ❤️ 1
    目测是用了那个一次生成所有尺寸图标的 PSD
    Heavytiger
        9
    Heavytiger  
       2014-08-17 07:56:42 +08:00 via iPhone   ❤️ 1
    圆脚处要透明。输出要png。
    kenis
        10
    kenis  
       2014-08-17 10:20:14 +08:00 via iPhone   ❤️ 1
    我也遇过这样的问题。
    当时图标是sketch的模版导出的,出现楼主的问题,后来下个版本我就上传不带圆角的图标后就正常了
    gentleming
        11
    gentleming  
    OP
       2014-08-17 11:20:35 +08:00
    @Hubs
    @Daniel65536
    @xuan_lengyue
    @Hubs
    @rayps
    @u5e05
    @Heavytiger
    @kenis
    谢谢大家,和@kenis说的一样,我是用Sketch模板导出的所以出现这个问题,最后用PS画了一个没有留圆角的背景图片,再放入sketch里面添加文字,最后导出就可以了。
    最后推荐一个软件Prepo,它能把1024的图片自动调整成各个尺寸的图片。
    rayps
        12
    rayps  
       2014-08-17 11:28:56 +08:00


    既然你是用 Sketch 做的图标,为什么还需要 Prepo? 还需要 Ps?
    kevinzhow
        13
    kevinzhow  
       2014-08-17 14:12:05 +08:00
    你做成方的就可以了
    gentleming
        14
    gentleming  
    OP
       2014-08-18 13:22:16 +08:00
    @rayps 刚刚使用sketch。。。 高人啊。
    关于   ·   帮助文档   ·   博客   ·   API   ·   FAQ   ·   实用小工具   ·   5198 人在线   最高记录 6679   ·     Select Language
    创意工作者们的社区
    World is powered by solitude
    VERSION: 3.9.8.5 · 25ms · UTC 09:40 · PVG 17:40 · LAX 01:40 · JFK 04:40
    Developed with CodeLauncher
    ♥ Do have faith in what you're doing.