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

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

  •  
  •   jkmf · 29 天前 · 1852 次点击

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

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

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

    我自己的网站都是尽量用的 2 倍图,兼容高分辨率。
    xiusheji
        14
    xiusheji   3 天前
    主要还是看需求
    squallsdjl
        15
    squallsdjl   2 天前
    哈哈哈哈哈!这个主要说明一个问题,楼主主要用 1x 的电脑。。。我认识好多产品也都没在意这个问题,但是一旦接触高分屏 2x 尺寸之后,再看 1x 。。。。惨不忍睹。使用方法是让 2 倍的图用 1 倍的尺寸显示。其实实际测试下来 2 倍也不绝对,但是肯定是大于 1 倍才能获得更好的显示效果的。
    关于   ·   FAQ   ·   API   ·   我们的愿景   ·   广告投放   ·   感谢   ·   实用小工具   ·   1217 人在线   最高记录 5168   ·     Select Language
    创意工作者们的社区
    World is powered by solitude
    VERSION: 3.9.8.5 · 21ms · UTC 18:43 · PVG 02:43 · LAX 11:43 · JFK 14:43
    ♥ Do have faith in what you're doing.