写给开发者的设计书

📌 诚邀已付费的朋友加入读者微信群（请添加: zhlnzhng 并备注“小报童”）。
“这个专栏面向谁？”独立开发者
没有设计师的创业团队
希望提升设计认知的 PM
希望夯实 UI/UX 基础的设计师
对设计感兴趣的任何人
整个专栏会从零基础新手的视角出发，选择最合适的表达方式和教学策略。

“你是谁？”我是 Zhilin，一个从业 9 年的互联网产品设计师。所谓“产品设计师”，有时候也会被称为 UI/UX 设计师，或者 UX 设计师……这里的概念很复杂，即使是从业人员也不一定能讲得清楚。不过无所谓，简单来讲，这个角色就是负责一个互联网产品的功能设计、体验设计和界面设计。
我上一份工作是在字节跳动做产品设计，再之前在 SHEIN （一家面向海外的电商公司）和 Meizu（一个小众的手机品牌）。
以上描述纯粹是在表演“快看，我是个很有经验的设计师，所以跟我一起学设计一定没错”，但其实我知道工作年限、职级和供职的企业并不能代表什么，我更愿意这样介绍我自己：
我热爱设计，相信设计能让世界变得更好，同时，设计很有趣
我喜欢思考，而我一直在思考的问题之一是：设计是一门什么样的知识？
我在业余时间是个独立开发者，我了解开发者在设计方面需要什么、不需要什么
我相信如果一个人同时掌握编程和设计，他很有可能创造出无与伦比的产品
我已经离职了，所以我有充足的时间来写这个专栏
我希望把这个专栏当作我的设计师职业生涯的阶段性总结
这是为什么我在这里。

“开发者为什么要学设计？”掌握设计可以让开发者更有可能做出自己的独立开发作品。设计和写代码是一个产品从 0 到 1 的必要且主要条件，你已经会写代码了，如果你还不小心掌握了设计，那给你一个周末也许你就能构建出一个全新的产品。
AI 尚且无法完全取代设计流程，所以掌握设计的开发者能够和 AI 并肩作战。我相信在不久的未来，人人都能用上 AI 去画设计图，设计师这个职位不一定还会长存，但是，即使设计师不存在了，设计流程还会存在，因为人类需要提出新的设计想法，也需要评估 AI 的产出是否合理。
懂设计的程序员、PM 在工作中会有更开阔的视角。设计不是简单的好看美观，设计是 How it works。我在工作中接触到的优秀程序员和 PM，往往都对用户体验有独立的见解，他们能和设计师一起讨论一个功能是否合理、一个交互是否流畅。如果你希望自己在职场上走得更远，你不会只专注于自己的专业领域。
在 AI 越来越强大的时代，品味是最重要的特质，而了解设计就是提升品味的好途径。

“这个专栏有何不同？”我希望在这个专栏里认认真真讲怎么做好 UI/UX。
也许是我孤陋寡闻，我在各大知识付费平台上看到的设计课程往往在讲车轱辘话，而那些话都不过是《用户体验要素》的子集，即使你认认真真看完也还是不知道怎么让一个页面变得美观、好用。《用户体验要素》是一本好书，但它想解决的问题和大多数人想要解决的问题不是同一个。
这个专栏面向开发者，所以它会更偏实用主义。我不会讲用户体验五要素，不会讲马斯洛需求分析，不会讲公司里的设计流程，我只会讲怎么做好一个产品的 UI/UX 设计。
我还会把自己对设计学习的理解融入到专栏里。我不是天赋型的设计师，甚至在成为设计师之前我一直觉得自己缺乏艺术细胞，但这反而是一种优势，因为我更懂得如何不靠天赋习得设计。
我的目标是写一个最好的中文设计课程。

“专栏包含哪些内容？”六大章节，40+ 篇深度图文
精心绘制的案例配图
根据课程内容深度定制的练习课题
与课程配套的 Figma 文件和资源
持续更新迭代

课程目录第一章 开始
如何科学地自学设计
快速上手 Figma（上）
快速上手 Figma（下）
基本设计法则
第二章 文字排版
认识不同类型的字体
为你的产品选择字体
定义一个字号系统
使用多个字重
控制字号的数量
减小标题的字符间距
增加长文本的行间距
注意行宽
练习（一）
第三章 版式布局
建立清晰的视觉层级
理解 F 型浏览动线
建立一个尺寸系统
多一点负空间
相关度决定远近
没有一个元素是孤立的
对齐不是数学问题
练习（二）
第四章 色彩
选择你的品牌色
注意对比度
颜色有时候不太可靠
理解 RGB 和 HEX 的缺陷
灰色也有冷暖
建立一个基础色板
渐变色的三种用途
绘制好看的渐变
深色主题的最佳实践
练习（三）
第五章 样式
选择合适的圆角半径
使用平滑圆角
处理嵌套的圆角
阴影的三种用途
绘制更细腻的阴影
使用线框进行分组
练习（四）
第六章 素材
使用高品质图片
尝试 Blend Mode
在 UI 中使用图标
练习（五）
后记
持续提升
……
*将根据读者反馈持续更新*

关于定价专栏将长期定价 ¥199，买断制。
同时我也会持续更新，直到我认为它的价值远远超于这个定价。
我不打算采用阶梯式定价（每卖出 XXX 份就涨价 YYY 元），因为我希望每个读者都是真正为自己的学习需求和专栏的价值买单，而不是被 FOMO 所挟持。

我是 Zhilin，祝你阅读愉快。

199 元/终身

1. 这个专栏适合哪些人？
   这个专栏适合独立开发者、没有设计师的创业团队、希望提升设计认知的PM、希望夯实UI/UX基础的设计师，以及对设计感兴趣的任何人。课程从零基础视角出发，确保易学性。

2. 参与者将学到哪些实用设计技能？
   专栏涵盖六大核心模块：设计基础、文字排版、版式布局、色彩运用、样式处理及素材应用。具体包括Figma工具实操、字体选择、视觉层级构建、品牌色定义、阴影与圆角技巧等，所有内容可直接应用于实际项目。

3. 专栏如何帮助开发者实现副业或创业目标？
   掌握设计后，开发者可独立完成产品从0到1的全流程（如周末开发MVP），减少对外包或设计师的依赖。结合AI工具提升效率，同时通过设计优化产品体验，增加市场竞争力，加速财务自由路径。

4. 专栏与市面设计课程有何不同？
   摒弃理论空谈（如马斯洛需求分析），专注实用主义。提供40+篇深度图文、定制Figma文件、配套练习及持续更新，作者Zhilin以9年实战经验+独立开发视角，确保内容贴合开发者真实需求。

5. 学习后能获得哪些额外福利？
   付费用户可加入读者微信群交流，获取课程配套资源（如Figma模板）。专栏买断制包含未来所有更新，且作者承诺持续迭代至内容远超定价价值。

6. 如何评估这门课程的投资回报？
   以199元成本掌握设计能力，可节省单次外包费用（通常数千元），同时提升产品成功率。职场中，设计+技术复合能力能拓宽晋升空间；副业中，独立开发效率提升可能带来持续收入。

7. 课程是否适合完全零基础的学习者？
   是的。专栏从Figma基础操作讲起，通过分步案例（如“定义字号系统”“绘制渐变”）和渐进式练习降低门槛，即使无艺术背景也能通过科学方法习得设计。

8. 作者有哪些独特的教学优势？
   Zhilin兼具大厂设计经验（字节跳动/SHEIN）和独立开发者身份，擅长将复杂设计知识转化为开发者易懂的语言。其“非天赋型”学习路径更易复制，且课程框架已预先完整设计，确保系统性。