自己做的前端 ui 没有质感，像学生作业一样有廉价感，该怎么进阶学习哪一方面的知识？

[yustation]

[howieyoung91]

我觉得学 UI 最简单的方式就是照抄了

[DefoliationM]

学设计？

[qfdk]

找个类似于 ant design 的用一用 然后看看他的周边资源. 学习如何设计自己的.里面很多规则

[RoccoShi]

多看

[chaxus]

去 figma 上找好看的模版，然后对照着开发

[baleeny]

历史定律，先抄再创，除了天生创意大师，就是顶级大师也是先抄起来的

[netabare]

培养自己的设计感和直觉。

[kneo]

可以看下《 Refactoring UI 》。

[APEC]

@kneo 本帖下唯一一个靠谱回答

[weeei]

主要两个方面决定：

1. 颜色搭配，内容有主次
2. 交互设计，元素位置合理

以上都很主观，你喜欢哪个就跟着抄，理论都大差不差，实操出来别人觉得好又是另外的事情了

[anyele]

遇到同样的问题, 做出来的界面很丑

[Nicksong]

《写给大家看的设计书》这本也行，ant-design 的设计原则也可以看看。
不过这些都是概念性的东西，前期还是抄吧，然后再结合上面的内容去理解。

[tutu3344606]

套模板（我就是学生作业本身 hh ）

[dream4ever]

UI 技能和其他技能一样，一方面要学习那些经典的原则，比如 CRAP 原则：对比、重复、对齐、亲密，另一方面要通过读作品、抄作品去理解原则并且提升自己实际的设计能力和对美的感悟，理论和实践不断促进，循环上升。

[xfxz]

如果你是前端，可以提升下自己的审美水平，把 UI 一块搞定。如果是后端，那就算了吧，有这精力，不如精进下技术本身。

[liu731]

https://m3.material.io

[vincent7245]

这是 ui 设计的问题，和前端没关系。你可以找一些设计网站的案例，照抄就行了

[Laobai]

用组件库，并且找个好看的组件库

[19960623lyf]

学学 tailwindcss 的设计理念就行了

[birdAndBear]

自己开发项目的话基本是找开源的模板来改，或者用组件库，基本不会有设计都要自己搞的情况。老哥学 UI 是为了什么。