如何创建高效的设计系统如何设计管理系统UI设计


在技术飞速发展的世界中,对一致性和标准的需求从未像现在这样重要。我们使用不同类型的设计系统。


什么是设计系统?


设计系统呈现了设计公司可能拥有的所有 UI 资源的集合。这些包括所有代码片段和开发资源,包括必要的代码、文档、页面截图和图像示例、设计指南、相关工具、文档和文章、风格指南、可重用组件和理念,以及对整个网页设计工作流程有用的所有其他数字资产. 


用我自己的话来说,它是一个所有设计资产都聚集在一起的地方,它提供了整个设计或工程团队的一致性和清晰度。


以下是组织使用的设计系统的一些示例。


谷歌材料设计系统

Shopify 的北极星

Apple 人机界面指南

Base——优步设计系统

IBM 碳设计系统

Mailchimp 设计系统


现在我们了解什么是设计系统。那么我们为什么需要它们呢?


一致性:确保所有资产都遵循组织设定的批准标准。

迭代:帮助您快速尝试特定产品的新变体。

快速开发:工程和设计团队现在拥有单一事实来源,从而加快开发速度

资源集合:资源的单一存储和访问点。

创建高效设计系统时要考虑的因素。


了解您的主要用户:团队中的设计师和开发人员都是该系统的用户。你需要研究他们过去的一些经历。他们以前用过吗?他们的痛点是什么,所以你不会在你的系统中重复这样的错误

命名约定:尽量遵循行业命名标准,因为您的团队可能已经习惯了。

文档:我知道这很无聊,没有人愿意这样做,但你必须这样做。从头开始,不要等到最后。

原子结构:从原子到化合物,到组件,到系统。使您的设计系统元素易碎,这将使用户仍然可以从中创建有机设计

简单性:无需过度复杂化。

协作:邀请其他人参加聚会。不要觉得有必要独自完成,邀请他人,听取他们的意见和建议。


首页 > 新闻资讯

留言