Mockplus专注于产品原型和交互逻辑,Sketch专注于矢量图和视觉效果图,摹客设计系统提供了对它们的对接,使用起来简单方便。
在Mockplus和Sketch中应用设计规范
在制作原型和效果图的过程中,必然会涉及到尺寸、颜色、文字风格、Logo等资源的选用。这些资源应当且必须在整个产品或产品系列中保持一致性,所谓设计规范。而设计系统正是为制定和管理设计规范而生。
打开Mockplus或Sketch中的设计系统插件,可获取设计系统中Logo、标准字、标准色、图标、图片、组件六种设计资源。
可通过拖拽的方式将Logo、标准字、图标、图片和组件添加到Sketch或Mockplus中。
可通过点击的方式应用标准字、标准色资源。请注意,点击之前需选中你要应用的目标组件。
标准色资源支持应用到边框、背景、文字三种选项。直接点击默认应用为背景色,按住shift键点击应用为边框色。
从Mockplus和Sketch中上传设计资源
设计资源从何而来?你可以从Mockplus和Sketch中直接制作,然后提取资源上传。
可新建分组,便于管理。其中标准字资源不支持分组。
选中Sketch或Mockplus中的组件,点击某分组上的加号按钮,即可提取组件上的资源上传。请注意:
1)组件上可能存在背景、边框、文字等多种颜色,添加标准色资源时,可自行选择需要上传的颜色。
2)上传标准字资源时将会提取组件上的文本属性上传,Mockplus中大部分组件都拥有文本属性,Sketch中则仅有文本组件才能上传。
3)上传组件资源支持“活”数据,可将设计系统作为组件库来保存组件,以便复用。
同步更新
此外,一旦设计系统有所修改,客户端会自动同步设计系统中的数据。