我的一点不成熟的程序员学习设计经验

1. 多看设计做的好的成熟的产品,知道什么是好的,什么是流行的设计风格。比如苹果的产品。日常看到好的设计网站、App 可以收藏起来。

不太建议看概念性强的设计,很多时候落地不一定靠谱。比如 http://dribbble.com ,上面很多设计虽然炫酷,但做出来不一定实用

2. 多模仿少创新,跟着成熟的设计抄是最好的,最好是成套的抄,而不是东拼西凑,设计通常是成体系的。

想做什么产品可以买皮肤或者先抄设计好的竞品,比如:

3. 用成熟的设计系统(Design System)搭积木,比如我常用的 Shadcn UI https://ui.shadcn.com 和 Chakra UI https://chakra-ui.com 都是很不错的

4. 承认自己设计是不专业的,向专业的设计师们取经,跟他们合作。比如推荐 @nishuang 和 @bearbig,他们经常会分享设计经验和资源。

下面是倪爽老师写过的真对程序员学设计的建议

https://x.com/nishuang/status/1781009257036497138

我一直都建议程序员不要自学设计

#迷你设计课

反过来举例描述一下大家就理解了

比如我是设计师,我想把 ChatGPT 包装起来开发成“育儿宝典”app,那么不管我自学编程、还是从网上拼凑代码、还是用开源代码修改、还是用 low-code 工具生成代码、还是用 ChatGPT 帮我输出代码…

不管怎么操作,结果都一样屎。大概率就是我花 10 倍的时间、做出一个不及格的 APP、再花 10 倍时间去修 bug…

我一直都建议程序员、开发者用这几种方式获得设计,效果从烂到好,依次是:

1,AI 生成

AI 生成图像、视频甚至界面,都不适合通常没有评判标准/审美观的程序员,很难生成能打动用户的设计

还是反过来举例:比如我不懂德语,让 ChatGPT 帮我把简历翻译成德语,我怎么知道翻译结果是好是坏?

2,使用 low-design 工具

市场部的妹子很喜欢 Canva 这类 low-design 工具,它们提供了大量现成模板,你随便改改文字和照片就好,非常适合营销相关的设计。但对多数程序员而言,连基本的穿衣搭配概念都没有,怎么选中合适的模板、怎么做出好看的设计

反过来举例:比如我用 low-code 工具 bubble 来开发我的“育儿宝典”app,我就是看看 bubble 的操作界面,看几句不着调的帮助,忽然我就变身程序员、想清楚了程序里的复杂逻辑分支?

3,购买现成设计

现在网上有各种照片图库、UI Kit、设计模板,不但开箱即用,而且立刻达到中等以上的设计水准

这个很好理解,即便是最容易变心的前端工程师,通常也是挑一个流行框架、而不是自己创造一个

购买现成设计的技巧是:既然你不知道哪种设计最好,那就买一个最热门、最流行的设计

4,找一个设计师合作

让专业的人做专业的事,这是最有效也最省钱的做法,也能最大概率地得到令用户满意、能产生收益的设计

a,去 upwork、猪八戒临时找个设计师,效果一般不太理想

还是反向举例:比如我的“育儿宝典”app 需要 iOS 开发,想用最便宜的价格、最快速度上线,结果找到一个最便宜的巴基斯坦哥们,他口口声声跟我说应该选什么什么数据库…我是不是很想死?

b,一般不建议刻意为了找免费设计师而找一个设计师女朋友/男朋友

如果你们首先情投意合、相濡以沫,其次是工作和生活上的合作伙伴,那非常好(推特上某位独立开发大佬就是这样的“神仙眷侣”);如果你只想占便宜、蹭设计,多想一下翟欣欣的例子

c,我最建议程序员在同事、过去合作过的设计师里寻找合作者,有过共事经历的人,大家起点也差不多,容易沟通,也更容易产生信任。这些都能促成长期合作

略差一点,也可以试试网上长期关注的设计师,长期关注能弥补信任度,也方便大家交流。我有一些很好的客户,就是在推特上找到我,大家交流起来都很有效,合作也更简单可行

---

小结一下:

掌握设计能力,是开发者尤其独立开发者的必备技能,也是一般程序员的加分项,但相比获取设计的其他各种方法,自学是掌握设计能力的各种方法里最烂的一个

我们不会为了吃肉而去自己学习养猪,我们也不应该为了掌握设计能力,而强迫自己学设计