最近有没有美观度很高的前端库推荐啊 - V2EX
V2EX = way to explore
V2EX 是一个关于分享和探索的地方
现在注册
已注册用户请  登录
请不要在回答技术问题时复制粘贴 AI 生成的内容
kilik52
V2EX    程序员

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

  kilik52 2018-01-24 19:56:12 +08:00 9044 次点击
这是一个创建于 2893 天前的主题,其中的信息可能已经有所发展或是发生改变。
感觉 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  
PRO
   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     Solana     905 人在线   最高记录 6679       Select Language
创意工作者们的社区
World is powered by solitude
VERSION: 3.9.8.5 42ms UTC 22:36 PVG 06:36 LAX 14:36 JFK 17:36
Do have faith in what you're doing.
ubao msn snddm index pchome yahoo rakuten mypaper meadowduck bidyahoo youbao zxmzxm asda bnvcg cvbfg dfscv mmhjk xxddc yybgb zznbn ccubao uaitu acv GXCV ET GDG YH FG BCVB FJFH CBRE CBC GDG ET54 WRWR RWER WREW WRWER RWER SDG EW SF DSFSF fbbs ubao fhd dfg ewr dg df ewwr ewwr et ruyut utut dfg fgd gdfgt etg dfgt dfgd ert4 gd fgg wr 235 wer3 we vsdf sdf gdf ert xcv sdf rwer hfd dfg cvb rwf afb dfh jgh bmn lgh rty gfds cxv xcv xcs vdas fdf fgd cv sdf tert sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf shasha9178 shasha9178 shasha9178 shasha9178 shasha9178 liflif2 liflif2 liflif2 liflif2 liflif2 liblib3 liblib3 liblib3 liblib3 liblib3 zhazha444 zhazha444 zhazha444 zhazha444 zhazha444 dende5 dende denden denden2 denden21 fenfen9 fenf619 fen619 fenfe9 fe619 sdf sdf sdf sdf sdf zhazh90 zhazh0 zhaa50 zha90 zh590 zho zhoz zhozh zhozho zhozho2 lislis lls95 lili95 lils5 liss9 sdf0ty987 sdft876 sdft9876 sdf09876 sd0t9876 sdf0ty98 sdf0976 sdf0ty986 sdf0ty96 sdf0t76 sdf0876 df0ty98 sf0t876 sd0ty76 sdy76 sdf76 sdf0t76 sdf0ty9 sdf0ty98 sdf0ty987 sdf0ty98 sdf6676 sdf876 sd876 sd876 sdf6 sdf6 sdf9876 sdf0t sdf06 sdf0ty9776 sdf0ty9776 sdf0ty76 sdf8876 sdf0t sd6 sdf06 s688876 sd688 sdf86