V2EX = way to explore
V2EX 是一个关于分享和探索的地方
Sign Up Now
For Existing Member  Sign In
pygKent

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

  •  
  •   pygKent · Jul 28, 2020 · 2571 views
    This topic created in 2108 days ago, the information mentioned may be changed or developed.

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

    margin,padding 的值该如何把控?

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

    3 replies    2020-08-15 18:28:12 +08:00
    sugars
        1
    sugars  
    PRO
       Jul 28, 2020
    蓝湖了解下
    lower
        2
    lower  
       Jul 28, 2020
    UI 要切图的,各个组件 /图片的宽高、间距、颜色值都要标注出来的
    bbzhang
        3
    bbzhang  
       Aug 15, 2020
    靠肉眼感觉当然不准了,ui 得把元素尺寸信息给你吧,按照标注来嘛
    About   ·   Help   ·   Advertise   ·   Blog   ·   API   ·   FAQ   ·   Solana   ·   3192 Online   Highest 6679   ·     Select Language
    创意工作者们的社区
    World is powered by solitude
    VERSION: 3.9.8.5 · 36ms · UTC 00:27 · PVG 08:27 · LAX 17:27 · JFK 20:27
    ♥ Do have faith in what you're doing.