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