V2EX = way to explore
V2EX 是一个关于分享和探索的地方
现在注册
已注册用户请  登录
jkmf
V2EX  ›  设计

UI 设计稿应该提供几倍图?

  •  
  •   jkmf · 2020-06-03 20:18:47 +08:00 · 8255 次点击
    这是一个创建于 1663 天前的主题,其中的信息可能已经有所发展或是发生改变。

    最近做一个 PC 端的需求,发现 UI 提供给我的都是二倍图,即假如项目中需要用到 200100 的图,那么 UI 就提供给我 400200 的图,如果我直接用这张图,即在页面中让其按 400*200 展示,那么则可能失真,请问下各位设计同学,不考虑移动端的话你们也是这么做的吗?

    16 条回复    2020-07-28 11:38:28 +08:00
    imn1
        1
    imn1  
       2020-06-03 20:26:05 +08:00
    你怎么用是你的事啊,除非工单注明需求,不然做大一点是常态,设计师不知道使用场景的
    dingdangnao
        2
    dingdangnao  
       2020-06-03 20:51:44 +08:00
    为什么要“直接用这张图”,这是你的问题吧。
    imn1
        3
    imn1  
       2020-06-03 20:53:35 +08:00
    我回忆一个以前的工单给你参考,不过年代久远

    需求:
    1.png 格式(RGB),成品、直接使用
    2.尺寸
    3.限制最大字节数 xx k
    4.无边框不透明
    5.使用场景,某某某网页标题下方 banner
    6.颜色与网页保持和谐但色调不同
    网页底色 RGB
    文字底色 RGB
    文字颜色 RGB
    标题栏底色 RGB
    标题栏文字 RGB
    参考网址:(网页未完工,无参考网址)
    7.内容:证券交易场景相关
    8.静态不闪动
    9.其他……
    时间:
    备注:素材保留,可能有其他尺寸需求,待定
    dremy
        4
    dremy  
       2020-06-04 01:34:42 +08:00 via iPhone
    PC 上二倍图没毛病啊,200%缩放的 mac 和 windows 可以完美显示,反倒是一倍图看起来就模糊不清
    对于 100%的普通显示器,二倍图也不会有什么问题,都被当作一倍图来显示了
    Tas1
        5
    Tas1  
       2020-06-04 09:51:20 +08:00
    为啥不用蓝湖来切图呢。。。这样开发可以自己选。。。一倍还是二倍。
    darmau
        6
    darmau  
       2020-06-04 10:04:51 +08:00
    @Tas1 这里说的显然是大张的位图。
    fenx
        7
    fenx  
       2020-06-04 10:46:55 +08:00
    “在页面中让其按 400*200 展示”,那就提供 800*400 的图啊
    Tokin
        8
    Tokin  
       2020-06-04 15:08:58 +08:00   ❤️ 1
    好奇,项目需要 200*100 的图,给你 400*200,直接用的话,那你的程序应该也要把这张图缩放到 200*100 的比例呀。只是图是二倍图,这样才不会高分辨率下失真。如果程序需要 400*200,那就需要提供 800*400 的图片了
    Tolcol
        9
    Tolcol  
       2020-06-04 15:11:24 +08:00
    大图缩小没事,小图放大就模糊了
    loopq
        10
    loopq  
       2020-06-04 19:03:07 +08:00
    正解是自己切图。
    sherwin008
        11
    sherwin008  
       2020-06-11 16:39:43 +08:00
    我们都是直接 3 倍图,适配所有,以前那种 123 倍都需要的还挺浪费资源的,直接适配最高清完毕~
    xiaooo
        12
    xiaooo  
       2020-06-11 18:32:17 +08:00
    我们都是 UI 把设计稿设计好以后传到摹客,开发直接下载切图就好了,不同倍率不同平台都能选,也能自定义,省了多少和 UI 扯皮的时间
    xiusheji
        13
    xiusheji  
       2020-06-29 09:54:06 +08:00
    这个问题要具体看情况
    1 、比如用户为高质量用户,大多使用 mac 。
    2 、网站 logo 、产品封面、用户头像、重要位置 icon (多为 svg )
    3 、....

    我自己的网站都是尽量用的 2 倍图,兼容高分辨率。
    xiusheji
        14
    xiusheji  
       2020-06-29 09:54:56 +08:00
    主要还是看需求
    squallsdjl
        15
    squallsdjl  
       2020-06-30 11:09:21 +08:00
    哈哈哈哈哈!这个主要说明一个问题,楼主主要用 1x 的电脑。。。我认识好多产品也都没在意这个问题,但是一旦接触高分屏 2x 尺寸之后,再看 1x 。。。。惨不忍睹。使用方法是让 2 倍的图用 1 倍的尺寸显示。其实实际测试下来 2 倍也不绝对,但是肯定是大于 1 倍才能获得更好的显示效果的。
    leeshong27
        16
    leeshong27  
       2020-07-28 11:38:28 +08:00
    给大不给小 一般 2x
    关于   ·   帮助文档   ·   博客   ·   API   ·   FAQ   ·   实用小工具   ·   6133 人在线   最高记录 6679   ·     Select Language
    创意工作者们的社区
    World is powered by solitude
    VERSION: 3.9.8.5 · 41ms · UTC 02:28 · PVG 10:28 · LAX 18:28 · JFK 21:28
    Developed with CodeLauncher
    ♥ Do have faith in what you're doing.