设计系统：如何为我的应用程序定义视觉标识

当您长期致力于大型应用程序时，您应该考虑它可能会沿用的所有路径。接口是如何演变的？我应该使用哪种调色板？布局应该如何定义？我应该如何组织每个小部件之间的关系？要回答所有这些问题，您必须从项目的概念开始就定义项目的一个基本要素：设计系统。

设计系统是您应用程序中非常重要的组件，通常完全放在一个单独的模块中。再次谈论架构，当我们构建一个屏幕（UIViewController）时，它是围绕该上下文中的一组业务规则设计的，或者它可以在另一个中重复使用以回收布局。但是我们必须考虑到有很多组件，UIView 的后代，被放置在跨不同上下文的多个屏幕中。他们内部没有任何业务规则，也没有任何逻辑，他们只是构建一些可重用的 UI，比如一些自定义按钮、工具栏甚至一些容器来存储一些数据。此外，由于我们的应用程序应具有调色板、排版和一些图像，因此我们可以将视觉标识嵌入此模块中。

设计系统的好处

• 改进模块化
• 使业务逻辑和 UI 更加分离
• 创建一种无需将其注入应用程序功能即可测试每个组件或资源的方法
• 测试很快
• 轻松找到您需要的每个资源
• UI 可以在多个应用程序之间共享（适用于拥有多个应用程序的大公司）
• 易于迁移到新的视觉标识，而不会损害任何团队的工作

组件化

当我们谈论组件化（无论如何这是大多数 iOS 职位的要求）时，您的脑海中可能会浮现出很多词汇。您真正必须了解的是，您真正在做的是构建一个 UI 小部件类，以便在整个应用程序中重复使用。让我给你举个例子：

假设您负责为您公司的应用程序构建一个新屏幕，为此您必须在该屏幕中