Войти сейчас 走到这一步，总算把 App 从纸面上的想法，变成了能“看见”的样子。前面我们陆续完成了产品定位、系统架构和产品结构，也梳理出了两条最关键的流程——业务流程图和页面流程图，并对所有页面的原型稿和交互稿做了一次完整的走查。接下来这篇文章，我会把重点转到 UI 设计上，聊聊界面视觉落地过程中，那些真正影响体验的细节。
这个从 0 到 1 设计“职得 App”的完整系列，对我个人来说分量很重，当时也是靠着它，我拿到了好几个不错的 offer。所以这次分享，更像是一次完整的复盘，把当时怎么思考、怎么取舍、怎么一步步推进的过程还原出来。如果你也正在打磨自己的作品集，或者推进一个产品方案，希望这些内容能给你一些实在的参考。之前的文章都可以在作者个人中心找到，也欢迎订阅，这样更新不会错过。
整个系列的脉络，是按照真实产品设计流程来推进的，大致可以回顾一下：
1. 市场分析（上 / 下）
2. 竞品分析
3. 用户研究（上 / 下）
4. 需求管理
5. 架构流程：产品定位（上） | 系统架构 / 产品结构（中） | 业务和页面流程图（下）
6. 原型设计（已全部完成）
7. UI 设计（就是接下来要展开的部分）
之所以把每一步都拆开写，是因为在实际工作中，UI 从来不是突然冒出来的。它前面必须有足够扎实的推导：市场是什么样的、竞争对手在做什么、用户真正在意什么、功能怎么组织、流程怎么走通……这些先定下来，界面才有依据。前面的原型和交互，已经把“能用”这件事解决了，而 UI 要解决的，是“好用”和“想用”的问题。
在做“职得 App”的 UI 设计时，我并没有把它当成单纯的视觉美化，而是反过来重新审视了之前的每一个页面和操作路径。比如，原型阶段更关注信息架构是不是合理，按钮放哪里逻辑更顺；到了 UI 阶段，就会开始纠结：这个颜色能不能让人更信任？这个圆角是让界面更亲和，还是显得不够专业？文字大小和间距，能不能让阅读更省力？这些细节的调整，往往没有标准答案，但正是它们构成了产品最终的气质，也直接影响用户用起来是不是舒服。
接下来，我会把 UI 设计部分的思考掰开来讲：从视觉定位、情绪板、主色和辅助色的选择，到字体、图标、间距、卡片系统，再到几个关键页面的设计推导。希望能把当时的思路，尽量完整地呈现出来。
如果你是一路跟着这个系列看过来的，可能会发现，前面的每篇文章，其实都在为这一步做铺垫。而 UI 这块，也是面试时被问得最多的地方之一——因为它是所有前期工作的可视化出口，也是最容易看出设计师功力的环节。
那就继续往下吧，UI 设计部分，正式开始。
