一个设计渣改版 UI 十多次，最终还是靠着 material design 3 的规则，做了一款自己还能接受的 UI

[bshu]

所有艺术、审美相关的领域，我都算是个渣。虽然做前端很多年，但是一旦涉及到自己设计 UI ，那真是吃力不讨好。

这款产品从最初到现在，只是 UI 布局就大改版了六七次，这还不包括其中的局部调整、配色、风格、细节等，估计 8 成以上时间浪费在这上面了。满怀期待的开启改版，精疲力尽的努力，最终灰头土脸的勉强凑合。

这次改版尽量参照 material design 3 的设计原则与方法进行改动，反而出奇的顺利，虽然最终效果算不上出彩，但是自己感觉比之前要协调和舒服的多。

给 material design 3 赞一个，给自己也赞一个。

手机版

PC 版

地址: PP 直连( https://www.ppzhilian.com/)

[7gugu]

UI 看起来很实用主义

[qsnow6]

术业有专攻，界面设计还可以细分为 UI 、UX ，要做好用、好看真不简单。

[bshu]

@7gugu
@qsnow6
想做一款看起来很简单，但是用起来功能又很丰富的产品。我很喜欢 google 那种方式，尤其是图片搜索，好像只是一个简单的搜索，但是又有以图搜图、类似图等扩展功能，还能方便工具，选择图片类型、大小、颜色等

[qsnow6]

不知道站内有没有独立设计师接外包的，有时候搞些个人项目想把设计的工作外包了。

[bshu]

@qsnow6 以前做项目试过，好的请不起，一般的做出来也就那么回事儿。碰上对业务了解不深入的，做出的东西很难让人满意。就像你说的，相对 UI ，UX 我觉得更重要，但是 UX 需要对业务和用户理解都很深入

[nielinjie]

ui 设计领域的 ai 辅助大有可为。

[gogogo1203]

码农要写好看的 ui 实在是很难的， 我在这方面浪费了好多时间。 最好的方式就是买高级的 template 和设计好的组件。 好的 ui 设计师动不动就要保教 3-6kusd. 买几个好的组件包不过 200

[chuck1in]

@gogogo1203 高级的 template 和设计好的组件这种一般哪里能买呢？

[bshu]

@gogogo1203 哪里能买？另外设计应该是一个整体吧，还有单独卖组件的？

[gogogo1203]

@bshu @chuck1in 付费的 tailwind ui 是最顶最值的, 没有之一. 免费的也有很多, preline , flowbite, daisyui. 这些都是 tailwind. shadcn 的组件库也是开源的， 我最推荐，没有之一。 我尝试过自己撸，实在是撸不出让我自己满意的。

[1415515984yuri]

看了下网页 没看出有啥 md3 的东西（圆角，色彩，） ，建议看看 https://m3.material.io/ 有详细的规范

[chenzw2]

https://bookmark.bqrdh.com/share/4f77ba05098284f548dcd1c7080a371e > 我做的这个 UI 怎么样，费了老大劲

[qsnow6]

@gogogo1203 #10 组件跟产品中间还有很多工作要做。

[bshu]

@gogogo1203 这个 css 框架和组件有一大批可选择的，大部分前端都会选择一两作为辅助，现在 pp 里面用的就是 quasar 的，但这种只能算框架和局部组件，如何调整与组装成一个协调美观的整体才是难点所在

[gogogo1203]

kk