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

发现字节开源了一个 Semi Design，这是要对标 Ant Design?

  •   
  •   janxin · 2021-10-26 13:26:20 +08:00 · 12806 次点击
    这是一个创建于 1153 天前的主题，其中的信息可能已经有所发展或是发生改变。

    https://github.com/DouyinFE/semi-design

    https://semi.design/zh-CN/start/getting-started

    刚刚刷文章的时候突然发现的，看提交记录是 10 个小时前创建，难道凌晨还在上班的么...

    只支持 React ，不支持 Vue ，希望未来尽快支持起来吧。

    第 1 条附言  ·  2021-10-26 21:44:52 +08:00
    楼下还提供了一个 https://github.com/arco-design/arco-design

    你们字节很卷啊
  • Design
  • React
  • Vue
  • semi
    66 条回复  •  2021-10-29 22:59:24 +08:00
    cairnechen
        1
    cairnechen  
       2021-10-26 13:35:38 +08:00
    搭配一个 IconPark 对标 IconFont ？
    https://iconpark.oceanengine.com/
    HeyWeGo
        2
    HeyWeGo  
       2021-10-26 13:37:45 +08:00
    好像飞书也有一套的...也是叫什么 design
    JaguarJack
        3
    JaguarJack  
       2021-10-26 13:40:21 +08:00
    这感觉就是 UI ，而不是 Design
    daysv
        4
    daysv  
       2021-10-26 13:47:36 +08:00   ❤️ 76
    https://imgtu.com/i/5INHII

    汉化不完全.
    Rwing
        5
    Rwing  
       2021-10-26 13:50:10 +08:00
    @daysv 666
    cairnechen
        6
    cairnechen  
       2021-10-26 13:52:37 +08:00
    @daysv 这也太尴尬了
    Jaosn
        7
    Jaosn  
       2021-10-26 13:52:41 +08:00
    看上去不错
    monkeyWie
        8
    monkeyWie  
       2021-10-26 13:53:07 +08:00
    @daysv 难道要掐起来了
    Mac
        9
    Mac  
       2021-10-26 13:54:26 +08:00
    @daysv #4 哈哈
    jorneyr
        10
    jorneyr  
       2021-10-26 13:55:05 +08:00
    体验了下，感觉不是太好。
    forzalianjunting
        11
    forzalianjunting  
       2021-10-26 13:55:19 +08:00
    组件类型还是很丰富，但感觉比 Ant Design 要丑一点，而且部分交互体验很差很生硬
    Mac
        12
    Mac  
       2021-10-26 13:55:39 +08:00
    字节自己本身的产品线的 UI 就挺混乱的，飞书的 PC 端和 WEB 用的是两套控件。PC 端的树形控件十分迷，让人感觉回到 WIN3.1 时代。
    coolcoffee
        13
    coolcoffee  
       2021-10-26 14:03:29 +08:00
    风格看起来还不错，能多个选择也是好的。
    ToPoGE
        14
    ToPoGE  
       2021-10-26 14:05:17 +08:00
    scss 好评
    Sain
        15
    Sain  
       2021-10-26 14:07:27 +08:00
    这年头造轮子成本太低
    xingyuc
        16
    xingyuc  
       2021-10-26 14:12:20 +08:00
    图标还是 Ant 的风格看起来统一
    lower
        17
    lower  
       2021-10-26 14:28:28 +08:00
    只要别埋彩蛋就好~😂
    murmur
        18
    murmur  
       2021-10-26 14:30:49 +08:00
    更新组件 storybook ，关于 Ant Design 关键字的声明.

    这是对标 ant design 还是用 ant desgin 改的
    hakr
        19
    hakr  
       2021-10-26 14:36:36 +08:00   ❤️ 1
    这算是亡羊补牢吗

    被删除的:
    https://z3.ax1x.com/2021/10/26/5Iy7Xq.png

    ant 的文档:
    https://z3.ax1x.com/2021/10/26/5I6rUU.png
    wildseeder
        20
    wildseeder  
       2021-10-26 14:49:49 +08:00
    字节的 Arco Design 也开源了，这个支持 vue 。https://arco.design/
    amundsen
        21
    amundsen  
       2021-10-26 14:51:58 +08:00
    https://github.com/DouyinFE/semi-design/commit/eca375566a0451d9990a36e3b9a97547a20bb875

    https://ant.design/docs/spec/colors#System-level-Color-System
    jayin
        22
    jayin  
       2021-10-26 14:58:12 +08:00
    是字节 Fork 了 Ant Design ，改进为 Semi Design 。
    kvwu
        23
    kvwu  
       2021-10-26 15:03:13 +08:00
    貌似真的是撞车了，太卷了... 贴一下 https://github.com/arco-design/arco-design 救救孩子。。。o(╥﹏╥)o
    janxin
        24
    janxin  
    OP
       2021-10-26 15:07:48 +08:00 via iPhone
    @kvwu 你们字节可真够卷的哈哈哈哈哈
    janxin
        25
    janxin  
    OP
       2021-10-26 15:08:19 +08:00 via iPhone
    @jayin 原来如此
    ffxrqyzby
        26
    ffxrqyzby  
       2021-10-26 16:07:14 +08:00
    字节那么卷, 还有时间开源吗
    CoderLife
        27
    CoderLife  
       2021-10-26 16:16:08 +08:00
    不行,
    不支持 angular, vue
    lockiee
        28
    lockiee  
       2021-10-26 16:33:00 +08:00
    commit
    - Ant Design system-level color system also comes from the "natural" design language.
    + Inspired by Ant Design Typography.
    iSteven
        29
    iSteven  
       2021-10-26 16:37:14 +08:00
    @daysv 这就很尴尬了 😂
    cairnechen
        30
    cairnechen  
       2021-10-26 16:39:15 +08:00
    @wildseeder 这个头像，不会是 aDer 吧
    yu7er
        31
    yu7er  
       2021-10-26 16:51:12 +08:00
    @kvwu 你们这个比抖音那个好看好多
    kidlj
        33
    kidlj  
       2021-10-26 16:55:55 +08:00
    @kvwu 这个更好！
    kvwu
        34
    kvwu  
       2021-10-26 17:13:25 +08:00
    @cairnechen 不是 2333
    cairnechen
        35
    cairnechen  
       2021-10-26 17:23:44 +08:00
    @kvwu 啊，你认识他？
    Gaays
        36
    Gaays  
       2021-10-26 17:47:19 +08:00
    @wildseeder 这个最低 vue3 了
    okampfer
        37
    okampfer  
       2021-10-26 18:12:36 +08:00
    恐怕每个大厂都要发一个自己的设计规范吧？
    AslanFong
        38
    AslanFong  
       2021-10-26 18:37:54 +08:00
    然后想让我们人肉找 bug 。。。🥱
    Mithril
        39
    Mithril  
       2021-10-26 18:49:06 +08:00
    @okampfer 是每个大厂都要 fork 出来一个。
    Ant Design 再怎么不行，它也实实在在的拯救了一大票大厂码农的 KPI 。
    Building
        40
    Building  
       2021-10-26 18:50:39 +08:00 via iPhone
    又想起: 就给共享单车的颜色不多了…
    solitude3985
        41
    solitude3985  
       2021-10-26 19:04:22 +08:00   ❤️ 1
    @daysv
    补一个存档 https://imgur.com/a/jdMLodr
    ToPoGE
        42
    ToPoGE  
       2021-10-26 19:15:38 +08:00
    @kvwu 又是一个不支持 css 变量的，劝退了
    badcode
        43
    badcode  
       2021-10-27 01:01:46 +08:00
    #4
    jqtmviyu683
        44
    jqtmviyu683  
       2021-10-27 01:19:53 +08:00
    文档开源组件不能商业化使用?
    jguo
        45
    jguo  
       2021-10-27 08:57:27 +08:00
    很多大公司都会开源自己的设计系统，这又不奇怪
    lilihangzhou
        46
    lilihangzhou  
       2021-10-27 10:03:15 +08:00
    开源是为了刷 KPI 吧
    Kilerd
        47
    Kilerd  
       2021-10-27 10:04:44 +08:00
    Arco Design 这个设计还挺全的，看起来还不错。 改进了 ant 里面不少不太好用的内容
    2i2Re2PLMaDnghL
        48
    2i2Re2PLMaDnghL  
       2021-10-27 10:11:05 +08:00
    一个明显的问题就是 API 界面不具有一致性。
    我不明白为什么 Progress 用 direction=vertical ，难道不应该是 type=vertical 吗？
    看了下 Progress 支持的方面挺不同的，就是套用框架。

    < 难道就没有人设计一个 Design Framework without any Design (DFWAD) 吗？
    luvsic
        49
    luvsic  
       2021-10-27 10:20:28 +08:00
    @2i2Re2PLMaDnghL #48 type 含义太模糊泛化，当然用 direction 更好
    2i2Re2PLMaDnghL
        50
    2i2Re2PLMaDnghL  
       2021-10-27 10:29:01 +08:00
    @luvsic 改了 type 的情况下 direction 失效，这要么是同一个接口，要么是两个完全不同的接口塞进一个接口里去
    哦对，这是 JavaScript 就开始的臭毛病，喜欢把各种不同的接口塞进一个名字里去
    另外，vertical 也不能区分 upward 和 downward
    XX design 其实都是特化为 owner 自己的目的的，不建议其他人用
    cuzfinal
        51
    cuzfinal  
       2021-10-27 10:52:27 +08:00
    还需要一个类似 ant design pro 这样的系统
    uxstone
        52
    uxstone  
       2021-10-27 11:12:09 +08:00
    读书人的事
    RobinHu
        53
    RobinHu  
       2021-10-27 11:32:58 +08:00
    嘻嘻🤭
    AKAUP
        54
    AKAUP  
       2021-10-27 11:42:52 +08:00 via Android
    @daysv 绝 看傻了
    waltcow
        55
    waltcow  
       2021-10-27 11:44:41 +08:00
    读书人的事
    penll
        56
    penll  
       2021-10-27 11:47:27 +08:00
    https://github.com/DouyinFE/semi-design/commit/eca375566a0451d9990a36e3b9a97547a20bb875
    下面评论全部在吐槽 copy
    theprimone
        57
    theprimone  
       2021-10-27 12:13:25 +08:00   ❤️ 2
    老 antd 人说一句：站在前人的基础上，我觉得合理，毕竟要想完整实现一套 UI 组件库，antd 作为一个久经考验的库，有相当多值得借鉴的地方。
    ryh
        58
    ryh  
       2021-10-27 13:16:06 +08:00
    他前面只是说文案上借鉴了，后面自己说了大量用了 antd ，那这个应该在 license 了也注明 antd 是第一版权人
    superfatboy
        59
    superfatboy  
       2021-10-27 13:20:13 +08:00
    看起来 ui 有所提升
    afc163
        60
    afc163  
       2021-10-27 20:06:16 +08:00   ❤️ 1
    @theprimone #57 老 antd 人，常回 issues 区看看
    theprimone
        61
    theprimone  
       2021-10-28 09:50:31 +08:00
    @afc163 哈哈，这也能偶遇大佬。不过说来话长了，现在这个坑位直接接触 antd 的时间不多（虽然定制做了不少）。这段时间刚打算骑驴找马呢，等找到了一定重新发光发热 _(:з」∠)_
    afc163
        62
    afc163  
       2021-10-28 12:28:53 +08:00
    @theprimone #61 有没有兴趣来蚂蚁？
    theprimone
        63
    theprimone  
       2021-10-28 14:07:39 +08:00
    @afc163 刚开始找，很久之前面过一次，教训就是不刷题不行，哈哈。这次我得认真准备一段时间再试试（只要不被其他公司留住）
    Mark24
        64
    Mark24  
       2021-10-29 17:09:37 +08:00
    分享一篇文章

    《 Ruby 之父：写 Ruby 时工作特别闲，总加班的人很难做出创造》

    https://www.infoq.cn/article/3vaeudwwmwdhlx1lubmx
    kingfalse
        65
    kingfalse  
       2021-10-29 17:58:04 +08:00 via Android
    当代中国互联网：抄袭抄着抄着就成了对标
    XTTX
        66
    XTTX  
       2021-10-29 22:59:24 +08:00
    有这个闲工夫和钱和影响力，找 tailwind 合作，搞个合体不是美哉，何必走前人的路
    关于   ·   帮助文档   ·   博客   ·   API   ·   FAQ   ·   实用小工具   ·   2772 人在线   最高记录 6679   ·     Select Language
    创意工作者们的社区
    World is powered by solitude
    VERSION: 3.9.8.5 · 28ms · UTC 09:30 · PVG 17:30 · LAX 01:30 · JFK 04:30
    Developed with CodeLauncher
    ♥ Do have faith in what you're doing.