1
MrCard 2019-11-21 16:40:53 +08:00
还用什么样式库,自己写,圆角加阴影,难看不到哪去
|
2
galikeoy 2019-11-21 16:58:26 +08:00
再加点几句动画过渡,就差不多了
|
3
hbolive 2019-11-21 17:18:39 +08:00
嗯,如楼上几位所说搞下来,不会比 v2 差。。
|
4
zhaorunze 2019-11-21 17:30:07 +08:00
楼上三位有点膨胀
|
5
orzorzorzorz 2019-11-21 17:33:09 +08:00
扯个题外话,高大上的样式大多数看上去都很难受,真的是强行在动...我自认做不出一个好的设计感主题,索性就不带动画,方便操作为主,最多改改宽高,或者类似于给 label 加上 for 之类的便于键盘操作。
|
6
orzorzorzorz 2019-11-21 17:36:18 +08:00
这个时候我作为 antd 的 collaborator,也算是提交过一些代码,所以得安利下 material-design 这套设计。
https://material-ui.com/ |
7
Vegetable 2019-11-21 17:42:50 +08:00
自己弄呗,个人经验
先吃透 flex 布局,哪怕是要用框架的 grid,我觉得 flex 布局也是非常必要的,其实半个小时就能玩转 然后评估好需要多复杂的 UI,如果没有很复杂的,比如像做一个一两个页面的网站,可以考虑自己调样式,如果是比较复杂的,有很多复杂组件,那就用 UI 库.不一定非得看 antd element 什么的,bootstrap 就很不错,semantic ui 也挺好的. 设计方面,多看 Dribble 之类的,别问,问就是学. |
8
zarte 2019-11-21 17:57:44 +08:00
话说前端的那些人 css 命名有什么规则吗?自己写一个 div 一个类名感觉不够通用。
|
9
yuankui 2019-11-21 17:59:41 +08:00
撸一把 mozilla 的 css 文档,应该就可以上路了~
|
10
yuankui 2019-11-21 17:59:58 +08:00
|
11
yuankui 2019-11-21 18:03:07 +08:00
这是我正在做的个人知识管理软件 |
12
ochatokori 2019-11-21 18:43:45 +08:00 via Android
再整点 js 交互就完美了
|
13
yyh0808 2019-11-21 19:47:29 +08:00
、、、设计好了,js 写不出来样式一样痛苦,比如我,如果觉得丑可以发上来链接,我可以详细写点建议怎么改好看点
|
14
xdaoo 2019-11-21 20:06:00 +08:00 via iPhone
css 就用 foundation6 吧,挺好用的
|
15
gabon 2019-11-21 20:06:05 +08:00 via Android
bootstrap
|
16
RicardoY 2019-11-21 20:07:10 +08:00 via Android
去 github 翻一个脚手架 然后对着文档搞搞搞..我菜在学校做是这样..
|
17
encro 2019-11-21 20:44:48 +08:00
1,模仿;
2,基于框架开发如 bootstrap4 3,先设计原型,原型之前有思维导图; 4,好的设计都是一步一步改出来的; 5,看一些产品设计方面的书记和 blog. |
18
zanyxd 2019-11-21 20:47:16 +08:00 via Android
闲时逛一逛 codepen
能学到很多骚操作 |
20
muamua 2019-11-22 08:14:04 +08:00
|
21
yousabuk 2019-11-22 08:48:47 +08:00 via iPhone
纯后段,以前简单学过 CSS,JavaScript,几乎没有用过,VUE 礼拜边学边做,也可以做前端了。
再选个你喜欢的风格的 UI 框架就可以了。推荐:Google MD 风格的 vuetifi |
22
yousabuk 2019-11-22 08:49:41 +08:00 via iPhone
手机码字拼错了:vuetify
|
23
alphardex 2019-11-22 09:48:25 +08:00
SCSS 一把梭
附我之前整理的 CSS 技巧大全: https://juejin.im/post/5dd246baf265da0be72aae4a |