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