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

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

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

    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

    你们字节很卷啊
    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
    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
    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
    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
    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   ·   我们的愿景   ·   实用小工具   ·   1237 人在线   最高记录 6543   ·     Select Language
    创意工作者们的社区
    World is powered by solitude
    VERSION: 3.9.8.5 · 32ms · UTC 18:02 · PVG 02:02 · LAX 11:02 · JFK 14:02
    Developed with CodeLauncher
    ♥ Do have faith in what you're doing.