在制作retina屏幕的UI时，如何能够明显的显示出背景上的纹理材质效果？

[leaf]

我在用一些网页上的材质为retina屏幕制作UI，把效果图放到ip 4/4s中预览时，根本无法清晰的看到放上去的纹理，但是为何path等UI上面的纹理却很清晰，不知道大家都采用何种方式为retian屏幕制作带纹理材质的UI？

[leaf]

我感觉是因为retina缩小了PPI所以导致纹理也相应的缩小，所以普通非HD的纹理放上去就会看不大出，不知道如何才能搞定这个问题？

[pepsin]

感觉配色很需要考虑。 用比较对冲的色做阴影或什么的效果可能会比较突出。

[qdvictory]

去查一下apple官方提供的css，里面可以判断是否是高清屏，貌似在safari webkit里面有不少资料

-webkit-device-pixel-ratio
Applies only to devices with the specified ratio where a value of 2 indicates Retina displays and 1 indicates standard displays.
Available in Safari 4.0 and later.

貌似还有别的方法，不过俺没留意。。。

[leecade]

background-size

[levey]

你把纹理的间隙和粗细做成2倍就好了

[leaf]

@leecade @levey @qdvictory @pepsin 问题是，我是从 http://subtlepatterns.com/ 这里下载的他们制作好的，不知道如何快速的制作成2倍，而不是直接放大变模糊的那种2倍。

[Dzinlife]

BenVista PhotoZoom Pro

http://www.benvista.com/photozoompro/

[leaf]

@Dzinlife 这软件真是太好用了 非常感谢~