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

V2EX = way to explore

V2EX 是一个关于分享和探索的地方

现在注册

已注册用户请登录

• 请不要在回答技术问题时复制粘贴 AI 生成的内容

这是一个创建于 453 天前的主题，其中的信息可能已经有所发展或是发生改变。

第 1 条附言 · 2024-06-10 13:41:40 +08:00

感谢各位大佬建议，看来还得深入学学设计，自己审美太一般了 O(∩_∩)O

质感

廉价感

学习

21 条回复 • 2024-06-10 14:47:06 +08:00

howieyoung91

2024-06-08 13:25:27 +08:00

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

DefoliationM

2024-06-08 13:29:48 +08:00

学设计？

qfdk

PRO

2024-06-08 13:41:44 +08:00 via Android

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

RoccoShi

2024-06-08 13:43:32 +08:00 via Android

多看

chaxus

2024-06-08 13:45:00 +08:00

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

baleeny

2024-06-08 13:53:10 +08:00

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

netabare

2024-06-08 14:02:37 +08:00 via iPhone

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

kneo

2024-06-08 14:06:38 +08:00 via Android

可以看下《 Refactoring UI 》。

APEC

2024-06-08 15:50:17 +08:00 via iPhone

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

weeei

2024-06-08 17:42:25 +08:00

主要两个方面决定：

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

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

anyele

2024-06-08 17:52:11 +08:00

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

Nicksong

2024-06-08 19:05:41 +08:00

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

tutu3344606

2024-06-08 19:58:00 +08:00

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

dream4ever

2024-06-08 22:02:47 +08:00

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

xfxz

2024-06-08 22:08:38 +08:00

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

liu731

PRO

2024-06-08 22:59:13 +08:00

https://m3.material.io

vincent7245

2024-06-09 09:21:04 +08:00

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

Laobai

2024-06-09 21:41:39 +08:00

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

xj3hd

2024-06-10 11:44:08 +08:00

学学 tailwindcss 的设计理念就行了

birdAndBear

2024-06-10 13:54:12 +08:00

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

yustation

2024-06-10 14:47:06 +08:00

@birdAndBear 水平很一般，做东西就是给外行人看看，前端太丑了拿不出手哈哈