非前端/设计同学做自己项目是如何下手？

[firhome]

看到很多个人项目“样式” 部分都做的很高大上。

请问一下各位非前端 /设计同学。

你们是怎么做自己项目 前端表现部分的？用了什么样式库吗？

[MrCard]

还用什么样式库，自己写，圆角加阴影，难看不到哪去

[galikeoy]

再加点几句动画过渡，就差不多了

[hbolive]

嗯，如楼上几位所说搞下来，不会比 v2 差。。

[zhaorunze]

楼上三位有点膨胀

[orzorzorzorz]

扯个题外话，高大上的样式大多数看上去都很难受，真的是强行在动...我自认做不出一个好的设计感主题，索性就不带动画，方便操作为主，最多改改宽高，或者类似于给 label 加上 for 之类的便于键盘操作。

[orzorzorzorz]

这个时候我作为 antd 的 collaborator，也算是提交过一些代码，所以得安利下 material-design 这套设计。
https://material-ui.com/

[Vegetable]

自己弄呗,个人经验
先吃透 flex 布局,哪怕是要用框架的 grid,我觉得 flex 布局也是非常必要的,其实半个小时就能玩转

然后评估好需要多复杂的 UI,如果没有很复杂的,比如像做一个一两个页面的网站,可以考虑自己调样式,如果是比较复杂的,有很多复杂组件,那就用 UI 库.不一定非得看 antd element 什么的,bootstrap 就很不错,semantic ui 也挺好的.

设计方面,多看 Dribble 之类的,别问,问就是学.

[zarte]

话说前端的那些人 css 命名有什么规则吗？自己写一个 div 一个类名感觉不够通用。

[yuankui]

撸一把 mozilla 的 css 文档，应该就可以上路了~

[yuankui]

https://developer.mozilla.org/zh-CN/docs/Web/CSS

我就是这样上路的

[yuankui]

这是我正在做的个人知识管理软件

[ochatokori]

再整点 js 交互就完美了

[yyh0808]

、、、设计好了，js 写不出来样式一样痛苦，比如我，如果觉得丑可以发上来链接，我可以详细写点建议怎么改好看点

[xdaoo]

css 就用 foundation6 吧，挺好用的

[gabon]

bootstrap

[RicardoY]

去 github 翻一个脚手架 然后对着文档搞搞搞..我菜在学校做是这样..

[encro]

1,模仿;
2,基于框架开发如 bootstrap4
3,先设计原型,原型之前有思维导图;
4,好的设计都是一步一步改出来的;
5,看一些产品设计方面的书记和 blog.

[zanyxd]

闲时逛一逛 codepen
能学到很多骚操作

[dioxide]

@zarte , 命名是 CSS 编码的一大主题, 方法论有很多: OOCSS、BEM、SMACSS...

[muamua]

用框架吧
muse-ui
https://muse-ui.org/#/zh-CN
element
https://element.eleme.cn/#/zh-CN
bootstrap