返回《iOS Human Interface Guidelines译文》

为 Retina 屏幕设计画作的技巧

Retina 液晶屏允许你展示高精度的图标和图片。如果仅仅是放大已有的画作,就会错失提供优美、精致图片的机遇。你应该利用已有的素材重新制作大尺寸高质量的版本。

♦ 纹理丰富。例如,在高精度版的 Settings 和 Contacts 里,铁盒纸张的纹理清晰可见。

♦ 更多细节。例如,在高精度版的 Safari 和 Notes 里,你可看到更多的细节,比如指针后的刻度和上一张纸撕掉后残留的痕迹。

♦ 更加真实。例如,高精度版的 Compass 和 Photos 图标通过增加丰富的纹理和细节,变得像是真的指南针和照片。

虽然栏上的图标比程序或者文档图标简单, 你也应该在高分辨率版本上增加细节。 例如,iPad 里面的艺术家图标是一个歌手的侧面剪影。高分辨率版本的图标看起来和原版本一样,但增加了很多细节。

如下技术可以在设计高分辨率图标时帮大忙:

把原有图片放大至 200%。要使用"nearest neighbor"缩放算法。如果原来的图像不是矢量图形或带有图层样式的话,这样会很管用。最后获得的会是放大的、像素化的图片。你可以在上面再添加更丰富的细节。这种方法可以帮助你节约工作量,保留原有的布局。

如果图片是矢量版的,或者有图层效果,使用默认的算法缩放就可以了。

增加细节和深度。不要急着去小元素,因为高分辨率版本给细节留下了很多发挥空间。原来的 1 像素变成了现在的 4 像素。

考虑修整放大的元素。如果你原来的分割线是很细腻的 1 像素,等放大后就会变粗,成为 2 像素宽。 但是对于某些线和元素, 在放大整体尺寸后还需要再锐化或者让它保留原有尺寸。

考虑为雕刻或投影等效果增加模糊。例如文字的雕刻效果通常是把文字复制一次,然后移动 1 像素。放大之后,这个移位就变成 2 像素了,在高分辨率屏幕上看起来就太细腻了,不真实。为了优化,你可以让移位保留在 1 像素,但是增加 1 像素的模糊来柔化雕刻效果。 这仍然会导致 2 像素宽的效果, 但是外面这层像素看起来仍然只有半像素宽,看起来也更加舒服。