请输入关键字
2022-08 26

如何设计组织良好的网站设计系统

网站的设计系统不是一次性的任务——不断更新它是正常的。保持灵活性,并期望随着新元素、颜色和用例的出现而做出许多改变。但要使其有用,您的设计系统需要组织良好。如何才能实现这个目标?4秒建站和您分享经验!


1. 创建颜色样本


创建所有 UI 设计方案颜色的样本将所有颜色保存到“文档颜色”样本中(如果您还没有这样做的话)——当我们需要在我们的设计中应用它们时,这将使它们更容易访问。这个工作流程在所有 UI 设计工具中都是相同的(或非常相似的)。从检查器中打开颜色选择器小部件,从下拉列表中选择“文档颜色”,然后单击 + 图标将颜色添加到色板。


2. 创建共享库


接下来,我们需要将我们的文档(包括排版样式、颜色、按钮、公共区域和基本组件)转换为共享库。从本质上讲,这意味着每个元素都必须是一个组件,即使它只包含一层。完成此操作后,只需单击左侧库侧边栏中的 +‌ 按钮并将此文档导入新文档即可。我们现在正在处理的文档就是库本身。


3. 大规模设计系统


随着设计系统的扩展,管理它不可避免地变得更加困难。我们可能希望对我们的设计系统进行各种调整以使其更高效。例如,我们可能希望使用文本层来注释我们的设计系统,以此来解释各种元素的规则和用例。对于排版样式,我们甚至可以将文本编辑为更具描述性。


4秒建站,北京专业网站设计、专业网站建设、网站制作公司,为用户提供定制化服务,更多详情,欢迎您咨询4秒建站!