V2EX = way to explore
V2EX 是一个关于分享和探索的地方
现在注册
已注册用户请  登录
V2EX 提问指南
daguaochengtang
V2EX  ›  问与答

那些仿知乎的 webapp 是怎么知道 ui 尺寸的?

  •  
  •   daguaochengtang · 2018-11-05 13:53:47 +08:00 · 2170 次点击
    这是一个创建于 2211 天前的主题,其中的信息可能已经有所发展或是发生改变。

    想问下,好多人开源的仿知乎啊,仿简书啊这类的 webapp,他们是怎么知道 ui 尺寸的,日常的开发不都是拿到设计稿再进行开发嘛?比较好奇他们是怎么做的,有知道的麻烦解答下

    13 条回复    2018-11-05 15:28:17 +08:00
    daguaochengtang
        1
    daguaochengtang  
    OP
       2018-11-05 14:48:45 +08:00
    没有一个人知道吗?
    DeWhite
        2
    DeWhite  
       2018-11-05 15:02:19 +08:00
    ZOL 也抄袭了一个,很明显了。
    知乎的 UI 是网络上生成的普遍 UI。。
    learnshare
        3
    learnshare  
       2018-11-05 15:06:10 +08:00
    F12 哪一个像素抄不来
    daguaochengtang
        4
    daguaochengtang  
    OP
       2018-11-05 15:11:55 +08:00
    @learnshare 知乎如果在 pc 的手机模拟器上打开,看到的 ui 和 app 里的 ui 是不一样的啊,可是我看那些项目的 ui 是参照 app 来做的,所以 F12 应该是不行的。
    Trim21
        5
    Trim21  
       2018-11-05 15:15:11 +08:00 via Android
    一心想仿的话最差还可以手机截图下来量吧…
    DeWhite
        6
    DeWhite  
       2018-11-05 15:17:43 +08:00
    bootstrap 你值得拥有。
    daguaochengtang
        7
    daguaochengtang  
    OP
       2018-11-05 15:19:04 +08:00
    @DeWhite 可能我表达的不够清楚,我的意思是,拿知乎为例,知乎 app 的 ui 和 pc 的 ui 是不一样的,仿 pc 来写自然可以 F12 来看,但如果我想写一个和 app 的 ui 一样的项目,要怎么做呢?
    daguaochengtang
        8
    daguaochengtang  
    OP
       2018-11-05 15:19:47 +08:00
    @DeWhite 这跟 bootstrap 有什么关系。。。
    WildCat
        9
    WildCat  
       2018-11-05 15:20:16 +08:00
    1. The Sketch approach:



    2. An expensive approach:
    https://xscopeapp.com/features
    daguaochengtang
        10
    daguaochengtang  
    OP
       2018-11-05 15:23:12 +08:00
    @Trim21 截图的话,不知道写 css 的时候单位要怎么写了,直接量 px 好像不准吧,一般不都是 750 的设计稿用 rem 单位吗?
    daguaochengtang
        11
    daguaochengtang  
    OP
       2018-11-05 15:24:11 +08:00
    啊,感谢!这个应该可以!
    learnshare
        12
    learnshare  
       2018-11-05 15:25:51 +08:00
    @nikolausliu App 截图足够了,选什么单位取决于开发的经验
    daguaochengtang
        13
    daguaochengtang  
    OP
       2018-11-05 15:28:17 +08:00
    @learnshare 好的
    关于   ·   帮助文档   ·   博客   ·   API   ·   FAQ   ·   实用小工具   ·   1060 人在线   最高记录 6679   ·     Select Language
    创意工作者们的社区
    World is powered by solitude
    VERSION: 3.9.8.5 · 23ms · UTC 23:17 · PVG 07:17 · LAX 15:17 · JFK 18:17
    Developed with CodeLauncher
    ♥ Do have faith in what you're doing.