1 MrCard 2019-11-21 16:40:53 +08:00 还用什么样式库,自己写,圆角加阴影,难看不到哪去 |
![]() | 2 dfourc 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 |