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

V2EX = way to explore

V2EX 是一个关于分享和探索的地方

现在注册

已注册用户请登录

V2EX 提问指南

这是一个创建于 3760 天前的主题，其中的信息可能已经有所发展或是发生改变。

就是这样：
Alt text

圆角

黑线

图标

14 条回复 • 2014-08-18 13:22:16 +08:00

Hubs

2014-08-16 20:32:45 +08:00

app 作者没设计好图标大小

gentleming

2014-08-16 20:44:00 +08:00

@Hubs 汗……我就是作者，我是用的1024*1024大小的图片啊

Daniel65536

2014-08-16 20:48:41 +08:00 via iPhone

iOS7和之前的版本的图标的图形是不同的，那个圆角矩形的圆角有微小的差异。

Daniel65536

2014-08-16 20:50:27 +08:00 via iPhone

新版本的圆角矩形把你图标文件的黑底部分也包括进来了一部分。

xuan_lengyue

2014-08-16 21:02:02 +08:00

图标不要留圆角，系统自己会处理。

Hubs

2014-08-17 00:07:08 +08:00

@gentleming 楼上说的对

rayps

2014-08-17 02:04:30 +08:00

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

2014-08-17 03:23:49 +08:00 via iPad

目测是用了那个一次生成所有尺寸图标的 PSD

Heavytiger

2014-08-17 07:56:42 +08:00 via iPhone

圆脚处要透明。输出要png。

kenis

2014-08-17 10:20:14 +08:00 via iPhone

我也遇过这样的问题。
当时图标是sketch的模版导出的，出现楼主的问题，后来下个版本我就上传不带圆角的图标后就正常了

gentleming

2014-08-17 11:20:35 +08:00

@Hubs
@Daniel65536
@xuan_lengyue
@Hubs
@rayps
@u5e05
@Heavytiger
@kenis
谢谢大家，和@kenis说的一样，我是用Sketch模板导出的所以出现这个问题，最后用PS画了一个没有留圆角的背景图片，再放入sketch里面添加文字，最后导出就可以了。
最后推荐一个软件Prepo，它能把1024的图片自动调整成各个尺寸的图片。

rayps

2014-08-17 11:28:56 +08:00

既然你是用 Sketch 做的图标，为什么还需要 Prepo? 还需要 Ps?

kevinzhow

2014-08-17 14:12:05 +08:00

你做成方的就可以了

gentleming

2014-08-18 13:22:16 +08:00

@rayps 刚刚使用sketch。。。高人啊。