V2EX = way to explore
V2EX 是一个关于分享和探索的地方
现在注册
已注册用户请  登录
TangYuSen
V2EX  ›  前端开发

前端如何准确的还原设计师做好的 UI 图(比例)

  •  
  •   TangYuSen · 2020-07-28 16:10:30 +08:00 · 1902 次点击
    这是一个创建于 1612 天前的主题,其中的信息可能已经有所发展或是发生改变。

    如题,我看 UI 在设计的时候,会用到网格系统和一些黄金分割比,设计完成之后,我们前端 er 该如何还原这些呢?我觉得还是得按照 UI 所给的比例来,靠肉眼肯定不会精确,这样导致的结果也不能完美还原,我有点强迫症=-=

    margin,padding 的值该如何把控?

    顺便问一下 v 友们,前端有没有类似网格系统能在顶层显示的工具,找了一个叫 grid ruler 的插件,不过这个插件的网格线得自己一条条的拖动,一刷新又没了,费劲

    3 条回复    2020-08-15 18:28:12 +08:00
    sugars
        1
    sugars  
       2020-07-28 16:11:27 +08:00
    蓝湖了解下
    lower
        2
    lower  
       2020-07-28 16:14:01 +08:00
    UI 要切图的,各个组件 /图片的宽高、间距、颜色值都要标注出来的
    bbzhang
        3
    bbzhang  
       2020-08-15 18:28:12 +08:00
    靠肉眼感觉当然不准了,ui 得把元素尺寸信息给你吧,按照标注来嘛
    关于   ·   帮助文档   ·   博客   ·   API   ·   FAQ   ·   实用小工具   ·   1238 人在线   最高记录 6679   ·     Select Language
    创意工作者们的社区
    World is powered by solitude
    VERSION: 3.9.8.5 · 29ms · UTC 18:09 · PVG 02:09 · LAX 10:09 · JFK 13:09
    Developed with CodeLauncher
    ♥ Do have faith in what you're doing.