
我是很菜的后端,对前端页面布局、样式等更是知之甚少,有时候想自己写个小网站或者小程序啥的,都是像打补丁一样写一些基础的 css 慢慢调整,很难做到好看,所以也特别羡慕那些做出来很好看的小程序、app 的大佬。
所以想问一下大家都是怎么搞前端设计、样式开发的?有没有什么学习路径或者资源?
看了大家的回复,总结出自己想到的两个方案:
1 c332030 Sep 29, 2022 ant-design 考虑过吗,直接用,我觉得默认样式也不错 |
2 lisongeee Sep 29, 2022 大部分前端也是靠 ui 给的图做的,ui 出的图是什么样子,我就做成什么样子 |
3 ccyu220 Sep 29, 2022 在自身没有美术设计能力的前提下 最佳途径:借鉴(抄能力) 不然就是找组件库,下限起码比自己瞎琢磨高 |
4 magiconch Sep 29, 2022 说实话,做出好看的页面难点不在开发,在于你的设计和艺术审美 |
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 我是前端, 好不好看 全指望设计。 自己做东西依赖框架的默认设计规范也是可以的,这里推荐几个。 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 |
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 我一个前端也想问这个问题,每次看到别人的个人主页好好看都觉得好羡慕,尤其是做前端的个人主页做得好看我觉得是加分项啊 |