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

最近有没有美观度很高的前端库推荐啊

  •  
  •   kilik52 · 2018-01-24 19:56:12 +08:00 · 8236 次点击
    这是一个创建于 2255 天前的主题,其中的信息可能已经有所发展或是发生改变。
    感觉 bootstrap 有点过时。semanticui 也不够好看。ant.design 也稍微普通了点。有没有那种配色又协调、又有各种很舒服的小动效、能做出来像 wetransfer 那样效果的框架?基于 react 或者不基于 react 都行。
    44 条回复    2018-01-26 09:06:35 +08:00
    gowk
        1
    gowk  
       2018-01-24 20:02:41 +08:00   ❤️ 1
    Bulma
    chotow
        2
    chotow  
       2018-01-24 20:31:58 +08:00 via Android
    Bootstrap4 发布了,我觉得不错。
    lfzyx
        3
    lfzyx  
       2018-01-24 20:39:56 +08:00
    Bootstrap
    kilik52
        4
    kilik52  
    OP
       2018-01-24 20:56:09 +08:00
    @chotow @lfzyx Bootstrap 的 dropdown 菜单显示的时候太生硬,直接显示出来的。一点动画都没。
    azygote
        5
    azygote  
       2018-01-24 21:52:04 +08:00 via iPhone
    iview-admin
    zdhxiong
        6
    zdhxiong  
       2018-01-24 21:59:43 +08:00 via Android   ❤️ 5
    xiaoz
        7
    xiaoz  
       2018-01-24 22:31:09 +08:00 via Android
    layui 就是有点重
    chotow
        8
    chotow  
       2018-01-24 22:57:26 +08:00
    @kilik52 这一个特性开发者不可能没考虑到,既然没有,就是认为没有必要。事实上我也不赞成 dropdown 这一类组件使用效果太明显的动画。
    Anakin078
        9
    Anakin078  
       2018-01-24 23:14:54 +08:00
    Layui。刚做了一个项目用了,感觉很美观简洁
    ETiV
        10
    ETiV  
       2018-01-24 23:57:36 +08:00 via iPhone   ❤️ 3
    UIkit

    默认配色讨喜,icon 都特精致。

    all in one 自成一套,能无痛搭配 vue、react 用
    hlwjia
        11
    hlwjia  
       2018-01-25 00:03:56 +08:00 via iPhone
    @ETiV UIkit 和 react 用起来会不会有坑?
    connection
        12
    connection  
       2018-01-25 03:42:09 +08:00
    bulma~~
    MushishiXian
        13
    MushishiXian  
       2018-01-25 08:04:30 +08:00
    grommet
    doubleflower
        14
    doubleflower  
       2018-01-25 08:10:46 +08:00
    MDUI 看上去是所有 MD 类里质量还不错的。
    别的 MD 类 css 要么不美观还原度不行要么在千元机上性能捉急。

    bulma 一年前用过,那时候网站和用起来感觉都还很挫呢,今天去看了下至少网站是不错了,不知道用起来是否也好用点。
    xiadd
        15
    xiadd  
       2018-01-25 08:11:23 +08:00   ❤️ 1
    semantic-ui
    aksoft
        16
    aksoft  
       2018-01-25 08:25:58 +08:00   ❤️ 7
    恕我直言,你只是个写代码的,美不美你不懂
    saulshao
        17
    saulshao  
       2018-01-25 08:43:01 +08:00
    作为一个在传统应用领域经验丰富的 BA,我顶楼上 @aksoft 的。
    其实最大的问题是什么叫做美?
    hasbug
        18
    hasbug  
       2018-01-25 08:55:55 +08:00
    再没也不适用项目场景,自己撸
    janxin
        19
    janxin  
       2018-01-25 09:08:45 +08:00
    Bootstrap4,
    FanError
        20
    FanError  
       2018-01-25 09:09:56 +08:00 via iPhone
    ant.design 感觉不错,不过好像没纯 css 库,要配合 rect 一起用的
    xiaojie668329
        21
    xiaojie668329  
       2018-01-25 09:14:32 +08:00 via iPhone
    vuetify,material design 的 vue 实现,喜欢这种风格可尝试一下。最近在看他的源码,写得很好,看得很舒服。
    MyDaLin
        22
    MyDaLin  
       2018-01-25 09:29:14 +08:00
    推荐到素材火看看,很多前端框架模板的
    http://www.sucaihuo.com/templates
    shuangdeyu
        23
    shuangdeyu  
       2018-01-25 09:30:43 +08:00
    zui
    kilik52
        24
    kilik52  
    OP
       2018-01-25 09:33:32 +08:00
    @gowk @connection 谢谢,我去看看
    joshua7v
        25
    joshua7v  
       2018-01-25 09:40:52 +08:00
    grommet, fabric
    littlebutt
        26
    littlebutt  
       2018-01-25 09:44:05 +08:00 via iPhone
    iview,最贴合 vuejs 的 ui 库了
    logOo
        27
    logOo  
       2018-01-25 09:47:08 +08:00
    那些看起来超赞的基本都是自己写,或者改的,所以知道什么是美,怎么实现这种美很值钱。
    kilik52
        28
    kilik52  
    OP
       2018-01-25 09:49:10 +08:00
    @aksoft 恕我直言,你根本不知道我是干吗的,别瞎 BB。随便给你看个我最近做的东西

    http://shuyantech.com/cndbpedia/kggraph?entity=%E5%91%A8%E6%9D%B0%E4%BC%A6

    这还是我没时间细调效果的。

    再给你看看我之前做的 app

    http://devdepo.b0.upaiyun.com/WechatIMG227.png

    别用你自己的水平去估计别人
    kilik52
        29
    kilik52  
    OP
       2018-01-25 09:51:02 +08:00
    @zdhxiong 谢谢~。通过你这个我找到了个 materializecss,和 MDUI 各有优缺点好像。
    juneszh
        30
    juneszh  
       2018-01-25 10:34:21 +08:00   ❤️ 5
    @kilik52 看完你的作品,我觉得...@aksoft 还说得有点道理
    Coioidea
        31
    Coioidea  
       2018-01-25 10:46:36 +08:00
    @chotow 赞同,不知道为什么 bootstrap3 到 4 用了这么长时间
    lion9527
        32
    lion9527  
       2018-01-25 10:57:10 +08:00
    已收藏,好人一生平安。
    murmur
        33
    murmur  
       2018-01-25 11:01:12 +08:00
    顶 @aksoft
    bootstrap 或者 antdesign 这种太通用的只能让页面显得不那么太丑陋
    美的话你需要美工和 UI 设计师
    stenphonechow
        34
    stenphonechow  
       2018-01-25 11:15:18 +08:00 via iPhone
    murmur
        35
    murmur  
       2018-01-25 11:15:39 +08:00
    @kilik52 看了,bug 一堆,我不知道沿着那个路径点进了伊斯兰教,然后那个图片点了或者鼠标指上去都没显示详情
    但是后台内容已经加载出来了
    难道是自动清真
    murmur
        36
    murmur  
       2018-01-25 11:17:42 +08:00
    顺便,那个 app 都是大众设计,只要稍微用过几个 app 都能仿制出来
    但是如果你说背景那个孙悟空和唐僧的画是你画出来的就不一样了
    sublime8
        37
    sublime8  
       2018-01-25 11:20:07 +08:00
    这设计还觉得很美,真是程序员作品...
    Outshine
        38
    Outshine  
       2018-01-25 11:48:27 +08:00
    恕我直言,看了楼主的作品,我更加认定了一件事:程序员的审美!
    这个我顶 @aksoft
    实在需要好看,可以招个 UI 或者设计师,然后再招个专业的前端
    lneoi
        39
    lneoi  
       2018-01-25 11:52:44 +08:00
    不用太较真,楼主的意思只是在 bootstrap 这样不丑的基础上,找一些可以更快捷做的更加漂亮的东西。
    真的的好看当然要找设计师专门做了。但哪里每个小项目都有这成本。
    daniaoren
        40
    daniaoren  
       2018-01-25 11:56:04 +08:00
    搜搜看 atomic design 相关的资源?

    建议也别太小看美术了。我以前看公司里设计师做 Sketch 模版的时候也是惊了个呆。

    所以要是正经的想调视觉,建议要么自学美术到普通设计师的水准,或者招个 /外包个正经设计师

    如果只是要看上去“舒服”,用用模版可以但是最好不要想太多。视觉上的问题不一定是一个动效,一个对齐导致的,很多时候都整体的问题。
    guog
        41
    guog  
       2018-01-25 13:30:35 +08:00 via Android
    @juneszh 这跟我大学室友整天搞 QQ 空间 QQ 秀的感觉差不多🌚
    cz5424
        42
    cz5424  
       2018-01-25 19:30:07 +08:00 via Android
    恕我直言,客户定义美
    mingyun
        43
    mingyun  
       2018-01-25 23:34:51 +08:00
    Mark
    MrSong0607
        44
    MrSong0607  
       2018-01-26 09:06:35 +08:00
    Material Design 我自己用了一段,挺不错的,效果什么的也很好看
    [Material Design for Bootstrap 4]( https://mdbootstrap.com/)
    关于   ·   帮助文档   ·   博客   ·   API   ·   FAQ   ·   我们的愿景   ·   实用小工具   ·   973 人在线   最高记录 6543   ·     Select Language
    创意工作者们的社区
    World is powered by solitude
    VERSION: 3.9.8.5 · 28ms · UTC 20:24 · PVG 04:24 · LAX 13:24 · JFK 16:24
    Developed with CodeLauncher
    ♥ Do have faith in what you're doing.