基本信息

---

下载

文档摘要

---

PAGE1

PAGE1

InVision：设计系统构建与维护教程

1设计系统基础

1.1设计系统概念

设计系统是一种结构化的方法，用于创建和维护一致的设计语言。它不仅仅是一套UI组件库，更是一个包含颜色、字体、布局、图标、组件和交互规范的完整框架。设计系统旨在确保产品在不同平台和设备上具有一致的外观和感觉，同时提高设计和开发的效率。

1.1.1例子

假设我们正在为一个Web应用创建设计系统，其中包含一个按钮组件。这个组件需要在不同的场景下保持一致的外观，例如在桌面和移动设备上，以及在不同的页面布局中。设计系统将定义按钮的默认样式、悬停效果、点击效果以及不同状态下的颜色变化