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

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

  •  
  •   leaf · 2012-06-29 23:40:53 +08:00 · 3359 次点击
    这是一个创建于 4560 天前的主题,其中的信息可能已经有所发展或是发生改变。
    我在用一些网页上的材质为retina屏幕制作UI,把效果图放到ip 4/4s中预览时,根本无法清晰的看到放上去的纹理,但是为何path等UI上面的纹理却很清晰,不知道大家都采用何种方式为retian屏幕制作带纹理材质的UI?
    8 条回复    1970-01-01 08:00:00 +08:00
    leaf
        1
    leaf  
    OP
       2012-06-29 23:42:11 +08:00
    我感觉是因为retina缩小了PPI所以导致纹理也相应的缩小,所以普通非HD的纹理放上去就会看不大出,不知道如何才能搞定这个问题?
    pepsin
        2
    pepsin  
       2012-06-29 23:48:21 +08:00
    感觉配色很需要考虑。 用比较对冲的色做阴影或什么的效果可能会比较突出。
    qdvictory
        3
    qdvictory  
       2012-06-30 00:50:50 +08:00
    去查一下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
        4
    leecade  
       2012-06-30 12:01:44 +08:00
    background-size
    levey
        5
    levey  
       2012-06-30 12:19:40 +08:00
    你把纹理的间隙和粗细做成2倍就好了
    leaf
        6
    leaf  
    OP
       2012-06-30 15:48:58 +08:00
    @leecade @levey @qdvictory @pepsin 问题是,我是从 http://subtlepatterns.com/ 这里下载的他们制作好的,不知道如何快速的制作成2倍,而不是直接放大变模糊的那种2倍。
    Dzinlife
        7
    Dzinlife  
       2012-06-30 17:23:34 +08:00
    leaf
        8
    leaf  
    OP
       2012-06-30 22:38:31 +08:00
    @Dzinlife 这软件真是太好用了 非常感谢~
    关于   ·   帮助文档   ·   博客   ·   API   ·   FAQ   ·   实用小工具   ·   5376 人在线   最高记录 6679   ·     Select Language
    创意工作者们的社区
    World is powered by solitude
    VERSION: 3.9.8.5 · 23ms · UTC 07:33 · PVG 15:33 · LAX 23:33 · JFK 02:33
    Developed with CodeLauncher
    ♥ Do have faith in what you're doing.