【介绍】

Sketchup应用对于图像设计人员应该不会感到陌生，而这回带来的设计规范for Sketch插件则让原本的应用功能性更上一层楼，可作为独立的模块或者是搭配系统使用效果更好，同时提供对于图像画面效果、色彩配置、特效的添加优化以及三维立体图像的渲染提升，随时查找获取当前项目所需要的组件。

摹客设计规范插件特色

一、点一点 即可完成规范制作

1、添加规范

选中组件，并点击摹客设计规范插件上的加号即可将对应属性或组件添加到规范

2、全种类支持

摹客设计规范支持颜色、字体、图层样式、组件、图标、图片的规范添加

二、拖一拖 即可复用规范资源

所有资源均可复用

一键应用颜色、字体组件复用时仍然可以编辑，可还原组件所有属性

三、一个团队 共享一套规范

1、自动更新规范

团队所有人所查看的规范会自动同步更新，团队所有人都能复用同一套规范

2、全面的团队管理

为不同的成员设置不同的权限，共有三种权限可选，分工明确，协作更有序

摹客设计规范插件功能

1、提供9大设计模块，轻松定制各种设计规范

Mockplus DS封装了Logo, 标准字，字体，标准色，图标，图片，度量，阴影以及组件等九种设计规范模块, 方便设计师们创建更加规范统一的Web或APP 产品。

2、支持丰富的图片格式上传和文本字体风格选择

图片和文本字体规范作为设计规范系统中的重要组成部分，也是设计师定制和选择设计规范创建工具的重要衡量标准。而Mockplus DS在这方面不仅支持丰富的图片格式上传(例如PNG, JPG, JPRG, GIF, SVG等常见图片格式)，还提供了强大的Google和系统字体库，能够轻松满足设计师这方面的设计需求。

3、轻松实现团队协作和管理

一方面，设计师可以直接使用系统自带链接分享功能(如若必要，也可添加一定查看密码，增加其安全性)，实现公司内部各部门之间横向，纵向的协作。另一方面，也可直接使用Mockplus DS的团队协作和管理功能，实现设计系统的协作添加和应用。

如图，点击加号，即可实现组件添加。

4、提供Sketch和Mockplus桌面端原型工具插件，实现设计系统和工具的同步更新

为优化用户体验，Mockplus团队还贴心的提供了对应的Sketch和Mockplus桌面端原型工具插件，以方便用户实现设计系统和Sketch以及Mockplus原型软件资源的同步更新。

5、直接导出CSS样式代码，实现设计和开发团队的高效交流与协作

Mockplus DS还支持设计库内各种图片和字体样式的CSS代码直接导出，并应用到前端设计中，实现设计和开发团队的高效交流与协作。

总之，Mockplus DS提供了非常丰富且简洁易用的规范添加和设计功能，以促进公司企业更加方便快捷的打造，完善和管理需要的设计规范系统，统一各种产品UI设计。

使用说明

为方便大家搭建更加完整全面，细节清晰的设计规范体系，摹客设计系统也提供了非常丰富的其它设计功能：

比如，摹客设计系统封装了Logo, 标准字，字体，标准色，图标，图片，度量，阴影以及组件等九种设计规范模块, 方便设计师们创建更加规范统一的Web或APP 产品。如图：

比如，摹客设计系统不仅支持丰富的图片格式上传（例如PNG, JPG, JPRG, GIF, SVG等常见图片格式），还提供了强大的Google和系统字体库，能够轻松帮助设计师定制符合公司和产品特色的设计规范体系。如图：

比如，摹客设计系统还支持设计库内各种图片和字体样式的CSS代码直接导出，并应用到前端设计中，实现设计和开发团队的高效交流与协作。如图：

比如，摹客设计系统的团队协作和管理功能，能够帮助设计师更加高效地实现设计系统的协作添加和应用。

总之，作为一款竭力为用户打造更加实用而高效的设计系统而开发的工具，摹客设计系统在线设计系统，不仅是一款名副其实的设计规范制作和优化工具，还是一个强大的设计资源库，更是一款品牌打造以及公司企业设计统一工具。一个系统，轻松带给用户多重设计体验。

创建和应用设计规范

设计团队可在摹客建立品牌设计规范，类别包含颜色、字体、样式、组件、图标和图片。使用摹客设计规范，可以与团队成员共享一套在线的设计资源，实时同步，一键更新。

同时，摹客设计规范还可以导出规范样式代码，有 CSS \ LESS \ SCSS 三种可选，还可以自定义颜色、字体等资源的 CSS 变量名，轻松对接前端开发。下面是摹客团队精心准备的设计规范案例，你可以此作为参考，建立自己的设计规范，提升设计效率。

一、颜色

1、彩色色板

彩色色板提供四组色彩供选择，每组色彩都有三种亮度，Light 和 Dark 是辅助颜色，常作为背景或弱提示性文字时使用。你可以在浏览器中添加颜色，也可以使用摹客插件导入 Sketch 文档中的颜色。选中颜色，可以在右侧面板修改此颜色的 CSS 变量名，摹客可以自动生成颜色规范样式代码。

2、灰度色板

在 Sketch 中选中图层，点击色块即可应用颜色，点击加号即可将选中组件的颜色添加到设计规范中。通过新建分组可以将同类型的颜色归纳在一起，并为它们添加统一描述，或告诉其他人应该在何时使用这些颜色。

二、文字

三、图层样式

1、渐变图层样式

必要的时候，可以在部分控件使用品牌色的渐变，但不宜大面积使用。

2、阴影图层样式

卡片类设计，可以采用下列阴影。其中小阴影用于 Normal 场合，大阴影用于 Hover 及 Selected 场合。

3、边框图层样式

四、组件

1、按钮组件

主按钮：突出完成、推荐类操作；一个按钮区最多使用一个主按钮。 次按钮：常规按钮，用于非主要动作。如果不确定选择哪种按钮，次按钮永远是最安全的选择。 组件可能来源于不同的设计软件，右下角的彩色小三角指示资源的来源（黄色表示 Sketch）。

2、输入组件

输入控件包含了正常的输入模式以及一些特殊情况，包含搜索、下拉等特殊应用场景。其中应该特别注意输入框返回警告提示的情况，若无特殊说明，应该尽量避免采用其他样式。 组件可能来源于不同的设计软件，右下角的彩色小三角指示资源的来源（黄色表示 Sketch）。

五、图标

1、线性图标

细线风格的办公用品图标，用于文档模块选用。

2、面性图标

六、图片

1、品牌素材

2、怎样使用摹客设计规范插件快速添加、应用资源 ？

下面我们一起来看看，「摹客设计规范」的亮点功能：

用「摹客设计规范」插件快速添加资源

一键应用资源到Sketch

插件端和网页端同步更新，轻松管理

和工作伙伴共享设计资源

快速导出PNG/PDF格式的设计规范

一键导出样式代码

以上就是设计规范for Sketch插件的全部内容了，快快收藏软件爱好者下载更多软件和游戏吧！