摹客设计系统中,我们可以快速创建资源库。资源库中包含Logo、标准色、字体、标准字、图标、组件、图片、度量及阴影九大设计资源。

新建资源库

 

登录设计系统后,点击界面上的“+”号,即可创建资源库。在新建资源库界面可选择创建“空白库”和“示例库”两种。

新建

资源库

空白库:资源库里面没有任何资源,自己可添加或上传。

示例库:资源库里面已内置部分资源,自己可修改、添加或上传。

资源分类

 

Logo

Logo代表着企业形象,在不同场景,我们可能会使用不同的Logo。在此分类下,我们可以添加不同场景的Logo。在设计过程中,可直接拖出使用。

logo

标准色

企业为了塑造自己独特的品牌形象,通常会确定一种主色调并维护一套色彩体系。在制作原型及效果图时,直接运用到文字、边框或背景色上,简单方便。

标准色

字体

标准字体是企业形象识别系统中的基本要素之一。在设计系统里,可根据企业或品牌的个性制定专属于自己的字体。在设计的时候,选中字体后再点击制定的字体,就可以轻松应用此样式。

字体

标准字

在不同场景下(如正文文字、菜单文字、提示文字等)的文字颜色和大小是不一样的。在设计系统中,我们可以先制定好不同场景下的标准字,然后在设计过程中直接使用对应场景下的字体样式。

标准字图标

在软件系统开发中,需要用到各式各样的图标。在设计系统的图标类别中,支持从外部导入SVG及PNG两种格式的图标素材。

图标组件

设计系统对接了Mockplus和Sketch两种设计工具,可以将工具中制作好的复合组件上传到设计系统,之后还可以在Mockplus和Sketch中修改并同步更新这些组件。同时,支持从外部导入PNG, JPEG, JPG, SVG及GIF格式的组件。

组件图片

通常情况下,软件中的背景图、banner、封面图等可以作为图片资源上传到设计系统。目前支持PNG, JPEG, JPG, SVG及GIF格式的图片。

图片度量

度量资源主要用于标定软件中的尺寸、间距等数值类规范。该类别下包含四个子分类(圆角值、内容宽度、间距规范和阴影大小)。

说明:在阴影资源中需引用度量数值,请先制定好度量资源后再编辑阴影资源。

度量阴影

设计系统中支持定制阴影效果,主要通过设置X、Y、模糊、扩展等数值,调试出相应的阴影效果。

阴影

制定好相关设计规范后,可分享给其他伙伴或导出规范图。此外,还可以将Logo、标准字、标准色、图标、图片、组件六种设计资源直接应用到Mockplus和Sketch中。

 

相关阅读

5分钟玩转摹客设计系统

在Mockplus和Sketch中对接设计系统

分享和导出

资源库和资源分类