前面我们讨论了 Apple 在对结构、导航和内容的设计，这些都是概念性的设计，那么落到实处，我们又要怎么做呢？这就是我们接下来要讨论的 —— 视觉设计。
4. 视觉设计
视觉设计能够传达 App 的个性和特质，这会直接影响用户的感知。它不仅决定一个产品 “好不好看”，也决定用户觉得这个产品是专业、轻松、严肃、年轻，还是可靠。所以，良好的视觉设计，能够大幅度提升用户对于我们产品的第一印象。
4.1. 支持功能
视觉设计不是简单地追求好看，我们要清楚地知道。它最首要，最基本的用处是支持功能。良好的视觉设计，能够让用户更直接地接触到我们想要为他提供的功能，也就是说，视觉设计能够支持产品功能。字体、图像、颜色，这三者的巧妙结合，就能汇聚用户的目光，让用户注意到我们想要让用户注意到的地方。这就是视觉重心的概念。
如果不了解视觉重心的概念，那么我们可以打开一个常用的 App，然后用课程总提到的一个很实用的方法去找其视觉重心：眯起眼睛观察界面。
当人眯起眼睛时，画面会变得模糊，细节会减少，但视觉重心会更加明显。通过这种方式，可以判断界面中最重要的信息是否真的被突出，视觉层次是否清晰，用户的注意力是否被引导到了正确的位置。
如果眯起眼睛后，界面仍然能看出重点，说明视觉层级相对清晰。但如果整个画面变成一团，没有主次，就说明设计可能存在层次失衡。视觉设计不能只追求氛围感，如果用户连字都看不清，再好的氛围也没有意义。
为了引导用户的视觉中心，我们可以 - 增大重要元素尺寸、提高文本层级差异、控制图片和颜色的干扰、减弱次要信息、保持页面留白等。这些做法能够避免我们产品上所有元素同时抢夺用户的注意力。设计里最怕的不是 “不突出”，而是 “全都突出”。 全都突出，等于全都没突出。
但同时也要注意设计的健壮性。所谓健壮性，就是设计能否适应真实世界中复杂多变的内容。比如长文本会不会撑破布局？复杂图片会不会让文字看不清？深色模式和浅色模式下是否都能保持可读？如果一个设计只在理想内容下好看，一旦遇到真实数据就崩掉，那它就不是一个可靠的设计。
4.2. 使用文本样式
在我们的产品中，我们需要刻意控制我们的文本样式。这样做的目的，是为了保证在各种环境下，都能保持产品的可读性。
我们可以给给文本控件留出足够的空间，或是使用差异较大的文本样式引导用户视线。
在进行文本样式的选择时，我们还需要考虑是否适配长文本情况、考虑不同设备和字号设置等。一切的一切，就是要优先保证清晰度。
我们拿一个常见情景举例：我们经常需要在图片上叠放文字。但图片本身是不可控的，可能出现背景太复杂、明暗对比不足、文字看不清、不同图片效果不一致等情况。简单的堆叠可能出现严重问题，导致用户不可读：
文本样式的设计，需要将清晰度放在第一位，保证文本的可读性，常用的做法，比如图片的背景层模糊：
此外，我们还可以添加渐变遮罩、使用半透明底、避免把关键文字直接压在复杂图片上等。
但无论如何，请牢记：清晰度永远优先于视觉炫技。
4.3. 意图明确地使用图片和颜色
在使用图片和颜色前，我们需要明确，我们为什么使用图片？为什么使用颜色？
在保证清晰度的前提下，使用图片和颜色，是为了进一步提升视觉权重，或是传递 App 想给用户传达的感觉。图片和颜色不是随便加的，它们应该服务于内容理解和产品气质。
比如在普通列表中增加图标，可以帮助用户更快理解内容类型，也能增强整体视觉的一致性。但图标、颜色、背景、文字颜色都不应该随意使用，而应该形成一套内部一致的美学系统。
在使用图片和颜色前，我们先要为产品建立一套统一的视觉系统，包括统一调色盘，建立背景色文字图标颜色规范；统一形状和圆角风格，定义图片风格和状态色规则等。
其中一个关键点是：颜色命名不应该只是 “红色、蓝色、黄色”，而应该使用语义化命名。也就是说，颜色名称应该描述它在产品中的用途，而不是它本身的颜色值。
例如：
在支持日间模式和夜间模式的产品中，也可以定义 light primary、light secondary、dark primary、dark secondary 等语义色，用来表示不同模式下不同权重的文本颜色。
这种方式的好处是，设计系统会更容易维护。
当颜色是语义化的，设计和开发就不再是在讨论 “这里用哪个蓝色”，而是在讨论 “这里应该使用主文本色还是次级文本色”。这会让产品的视觉系统更加稳定，也更容易适配不同主题和场景。
5. 补充
Q1：工具栏到底应该放在上方还是下方？
A1：现在工具栏的位置并没有绝对标准，可以根据产品需求和使用场景进行处理。过去 “工具条” 这个概念更多指向底部，但现在统一称为工具栏后，它可以根据具体界面灵活放置。这说明组件名称并不决定组件位置，真正重要的是用户在当前场景下如何更自然地完成操作。
Q2：如果产品面向不同使用群体，应该如何设计？
A2：先定义主要用户和次要用户。不同用户群体的需求不可能完全一致，因此必须根据主次关系调整功能比重和界面设计。试图平均满足所有人，往往会让产品失去重点。
Q3：独立开发者没有大量用户测试和调研资源时怎么办？
A3：可以找亲朋好友或真正有痛点的人进行测试，通过纸面原型、灰稿、快速原型等方式，让他们尽早看到可视化方案并给出反馈。现在 AI 工具和原型工具都已经降低了原型制作成本，独立开发者不一定要做大规模调研，但至少应该做小范围、针对性的验证。
Q4：如何平衡简洁性和可发现性？
A4：可以用渐进式呈现的方式：关键操作尽可能可视化地展示出来，低频操作则可以放在更多菜单中。这样既避免了没有引导，也避免了界面展示过多内容。
Q5：如何在用户体验和商业变现之间保持平衡？
A5：没有唯一正确答案，核心在于权衡。产品需要明确当前阶段最重要的目标，并把最关键的功能放在视觉效果最好的位置。但商业目标不能粗暴压过用户体验，否则短期转化可能提升，长期信任却会下降。
Q6：如何在产品中考虑无障碍设计？
A6：应该在产品设计开发初期就考虑用户群体中是否包含相关需求。尤其是在 Apple 生态中，应尽可能使用系统已经提供的原生无障碍能力，让用户可以通过系统设置选择最适合自己的使用方式。
6. 结语
产品设计是无止境的，不存在唯一正确答案。
设计不是解数学题，不是找到一个标准答案后就结束。设计更像是在具体场景、用户需求、技术限制、商业目标和平台规范之间不断权衡。
但这并不意味着设计只能凭感觉。恰恰相反，好的设计需要一套清晰的判断方式。结构上，要让用户知道自己在哪里、能做什么、能到哪里；导航上，要区分引导和操作，减少不必要的决策；内容上，要通过组织、分组和渐进式披露降低信息压力；视觉上，要通过层级、文本、颜色和图像传达清晰稳定的产品性格。
Apple 的设计之所以让人觉得自然，并不是因为它没有设计痕迹，而是因为它把设计藏在了用户习惯之中。用户不需要意识到设计的存在，却能顺畅地完成操作。
这也许就是这门课最值得带走的一点：真正好的界面，不是让用户感叹 “这个设计真厉害”，而是让用户自然地知道下一步该怎么做。
如果对您有所帮助，欢迎添加本站到收藏夹，也欢迎微信搜索公众号 半山数字札记 ，我会持续更新新的内容。
如果你也在做个人项目、优化工作流，或者只是想找一群折腾工具和内容的人交流，可以添加我的微信，备注「半山」，我会邀请你进群，欢迎一起探讨，一起交流。
