首页   注册   登录
V2EX = way to explore
V2EX 是一个关于分享和探索的地方
现在注册
已注册用户请  登录
PageSpeed 相关文档
为 NGINX 编译 PageSpeed 支持
ngx_pagespeed
Configuring mod_pagespeed Filters
加载性能测试工具
WebPagetest
Gomez
Coding
V2EX  ›  前端优化

如何检查前端 HTML 与 UI 的效果还原度?

  •  
  •   hulei · 306 天前 · 2273 次点击
    这是一个创建于 306 天前的主题,其中的信息可能已经有所发展或是发生改变。

    前端切图是完全手动的过程,这个时候更多的是靠开发人员细心的去对比设计图,麻烦的是难免会和设计图有些误差,目前我们想到的是产品上线前,让 UI 介入做一次还原度走查,但是这样会增加工作量,并且不是在源头解决问题,大家在这个过程是如何页面效果一致性的呢?

    5 回复  |  直到 2019-02-12 12:09:32 +08:00
        1
    Pudge1337   306 天前 via iPhone
    不管怎样 ui 验收都是必须的吧
        3
    belin520   306 天前   ♥ 1
    截图,调整整体透明度,与设计稿重叠,看看是否有偏移。
        4
    luoway   306 天前
    image diff
    别搞透明度、重叠、偏移了,眼都瞎了
        5
    ibegyourpardon   306 天前   ♥ 2
    首先,实际页面存在多设备兼容这个问题,除非 UI 全给做到,否则 100% 还原度就没法做到。

    我们现在暂时提倡的方法是不追求字面意义的 100%还原,而是由 UI 给出对元素兼具,字体大小等等的要求,详细到 font-size,元素在不同界面尺寸下的不同间距,然后前端只管照这个来堆上去。
    关于   ·   FAQ   ·   API   ·   我们的愿景   ·   广告投放   ·   感谢   ·   实用小工具   ·   2194 人在线   最高记录 5043   ·     Select Language
    创意工作者们的社区
    World is powered by solitude
    VERSION: 3.9.8.3 · 25ms · UTC 05:22 · PVG 13:22 · LAX 21:22 · JFK 00:22
    ♥ Do have faith in what you're doing.