我是很菜的后端，对前端页面布局、样式等更是知之甚少，有时候想自己写个小网站或者小程序啥的，都是像打补丁一样写一些基础的 css 慢慢调整，很难做到好看，所以也特别羡慕那些做出来很好看的小程序、app 的大佬。
所以想问一下大家都是怎么搞前端设计、样式开发的？有没有什么学习路径或者资源？
• 请不要在回答技术问题时复制粘贴 AI 生成的内容
This topic created in 1346 days ago, the information mentioned may be changed or developed.
Supplement 1 · Sep 29, 2022
看了大家的回复，总结出自己想到的两个方案：
- 使用市面上的组件库，来完成一些基本的样式；
- 使用 tailwind 或者 bootstrap 等 css 库来写剩下的一些页面样式。
 |
1
c332030 Sep 29, 2022
ant-design 考虑过吗，直接用，我觉得默认样式也不错
|
 |
2
lisongeee Sep 29, 2022
大部分前端也是靠 ui 给的图做的，ui 出的图是什么样子，我就做成什么样子
|
 |
3
ccyu220 Sep 29, 2022
在自身没有美术设计能力的前提下
最佳途径：借鉴（抄能力） 不然就是找组件库，下限起码比自己瞎琢磨高 |
 |
4
magiconch Sep 29, 2022  3
说实话，做出好看的页面难点不在开发，在于你的设计和艺术审美
|
 |
5
HAWCat Sep 29, 2022
参考平面设计素材网站
|
 |
7
poorcai OP 回复上条，我确实用的组件库，但是里面依然是缝缝补补😂
|
 |
9
lancelock Sep 29, 2022
这是产品和 ui 的活，为啥你要自己搞。
如果是管理后台类的那就简单了，现成的组件库直接用就行了 |
 |
11
dreasky Sep 29, 2022
找个美工老婆
|
 |
13
rebang Sep 29, 2022
同后端，非大佬，最近上线了一个网站，曾有相同的疑惑。我的做法是模仿，模仿业界的成熟方案。组件的话我推荐 arco.design 。css 我用的 tailwind ，我认为很顺手。至于怎么做到很好看，我经常在 b 站刷到 css 实现 xxx 的视频，能带来不少灵感
|
 |
14
qzhai Sep 29, 2022 17
我是前端，
好不好看 全指望设计。 自己做东西依赖框架的默认设计规范也是可以的，这里推荐几个。 https://getuikit.com/ (专门给 WordPress 做主题的，偏向官网、博客 且是响应式) https://semantic-ui.com/ （响应式） https://daisyui.com/ （基于 Tailwind CSS ，偏向后台） https://vuesax.com/ （基于 vue ，偏向 pc ） https://mui.com/zh （基于 react 偏向 pc ） https://vux.li/ （基于 vue 移动端） https://mobile.ant.design/ （基于 react 移动端 偏工具） |
 |
19
fiypig Sep 29, 2022
我前端也是这样，要蓝狐来写，不然自己写也是很凑，如果自己瞎写的话，就整体对齐就好看多了
|
 |
20
lp7631010 Sep 29, 2022
好家伙 后端还要搞设计吗 搞搞前端也就算了 设计都要插一脚啊
|
 |
21
zhouyg Sep 29, 2022
估计跟技术无关，可以先用 Figma 自己画一下，等画得好看了再来思考技术相关的事情
|
 |
22
wakarimasen Sep 29, 2022 via Android
或许你需要的只是一个设计师
|
 |
23
stimw Sep 29, 2022 via iPhone
买了 taiwindui ，里面有组件和模板，照着抄。。
|
 |
24
pengtdyd Sep 29, 2022
很简单，淘宝几块钱就可以买上千套 UI ，直接套皮就行了
|
 |
25
4BVL25L90W260T9U Sep 29, 2022
珍爱生命，远离 antd
|
 |
26
LHRUN Sep 29, 2022
三大利器，圆角、阴影、渐变
|
 |
27
albert0yyyy Sep 29, 2022
bootstrap 挺好的
|
 |
28
xiaohouzhi Sep 29, 2022
有没有可能是因为人家是有设计稿的
|
 |
29
mooyo Sep 29, 2022 via iPhone
用 antd 套模板 没有模板的页面一律不写
|
 |
30
laolaowang Sep 29, 2022
不光后端， 前端没有 UI 的图，很多人也无法写出漂亮的页面
|
 |
31
CantSee Sep 29, 2022
不做
|
 |
35
lkxjlkejwr Sep 29, 2022 via Android
想到刚学写代码的时候 #ccc #000 #fff 一把梭，整个页面只有黑白灰。 当时也觉得就是能区分出来，有办法验证功能就好。果然还是适合做后端。
|
 |
36
ggbond2 Sep 29, 2022
如果不要求那么花哨的页面。 功能完整，布局简洁就行的话。 可以尝试下我的低代码平台，前端页面简单拖拖。 majiang.co
|
 |
37
hjq632233317 Sep 29, 2022
有好些地方是需要设计给设计个刚刚好的图片 图标什么的 还有色值 那你上来啥都没有咋好看 总不能所有的地方都用 css 写吧
|
 |
38
Ashore Sep 29, 2022
找设计出设计图，跟着设计图来画页面不就行了。
|
 |
39
hanxyan12 Sep 29, 2022 via Android
网站设计主要依赖设计师吧。可以去 figma 社区淘宝或者设计稿资源网站，直接就能搜到很多设计稿源文件。拿到设计稿后微调，图标额外去图标网站找，你就有一套自己的 ui 啦
|
 |
40
tf2 Sep 29, 2022
其实 LZ 想问如何设计漂亮的版式和色彩搭配。。。
俺也想问这个问题。 |
 |
42
idblife Sep 29, 2022 1
|
 |
43
devzhi Sep 29, 2022
后台 layui 前台 vue
|
 |
44
NoString Sep 29, 2022
找个 vue 的组件库 用默认的，肯定比我自己折腾的好看
|
 |
45
kkshell Sep 29, 2022
找个好看得抄就完事了
|
 |
47
Joker520 Sep 29, 2022
要有大的阅览量，然后就是抄抄...copycopy...
|
 |
48
yagamil Sep 29, 2022
抄的前提 也是得要知道有哪些好看的库 可以抄。 不然一直在 bootstrap 折腾（鄙人就是）
|
 |
49
lifeHasOnce Sep 29, 2022
一句话，能看就行
|
 |
50
joApioVVx4M4X6Rf Sep 29, 2022
就学最基础的 js 和 css 。vue 都不敢碰，水太深学不懂
|
 |
51
margoxlive Sep 29, 2022
如果要培养审美和提升设计能力,可以多刷 dribbble 或者 behance.
|
 |
52
irytu Sep 30, 2022 via iPhone
就跟提升代码能力的时候 多看优秀的代码一样 你也可以多看好的网页设计 做参考
|
 |
53
zhuweiyou Sep 30, 2022
说认真的,后端不建议学前端.
|
 |
54
uni Sep 30, 2022
我一个前端也想问这个问题，每次看到别人的个人主页好好看都觉得好羡慕，尤其是做前端的个人主页做得好看我觉得是加分项啊
|
Select Language