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

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

  •  
  •   hulei · 2019-02-12 11:12:19 +08:00 · 5200 次点击
    这是一个创建于 2112 天前的主题,其中的信息可能已经有所发展或是发生改变。

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

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

    我们现在暂时提倡的方法是不追求字面意义的 100%还原,而是由 UI 给出对元素兼具,字体大小等等的要求,详细到 font-size,元素在不同界面尺寸下的不同间距,然后前端只管照这个来堆上去。
    关于   ·   帮助文档   ·   博客   ·   API   ·   FAQ   ·   实用小工具   ·   1184 人在线   最高记录 6679   ·     Select Language
    创意工作者们的社区
    World is powered by solitude
    VERSION: 3.9.8.5 · 23ms · UTC 23:41 · PVG 07:41 · LAX 15:41 · JFK 18:41
    Developed with CodeLauncher
    ♥ Do have faith in what you're doing.