无法证明，影响。 如果只注重效率，我觉得担心细节有点过分了。 让我们尝试从更高的角度来看待它。

作为设计工具的新生代，它不仅仅是追求效率，我认为它是设计系统思维的融合，也就是说想要真正用好它，首先得有一个比较完善的工作体系，然后通过让系统工作。

如果你也在用它来组织工作，这篇文章只是一个很好的例子，希望对你有所启发和帮助。

1、工作制度有哪些？

一个好的工具会在一定程度上影响我们的思维，一个集成的工具会给我们带来集成的灵感。 这个结合了PS和AI优点的工具让我们能够系统地整合工作的各个方面，而且管理非常高效。 虽然你不需要这个工作系统，但我希望你有它，因为它可以减少你对设计的控制感，得到更好的整体思考。

该体系包括以下几个方面：

1. 视觉方案

不用说，这和AI多草图模式类似，也是很多人使用它的动力。 在构建设计方案的过程中，不同画板之间直接拖动和使用相同的元素是非常高效的。 最重要的是Pages和组合方法，可以将工作系统中的输出组织在一起，大大减少维护成本和查找文件的内存负担。 如果您正在 PSD 山区寻找东西，您一定会喜欢这种轻松的感觉。

2. 视觉规范

小项目必须有视觉规范，但如果你是该项目的唯一设计师，那么我建议你也组织一个视觉规范。 规范的作用一方面是统一思想，另一方面是梳理思路。 在制定规范的过程中，你会对项目有一个全局的看法，从更高的角度考虑当前的项目，有更强的掌控感。 还有一点就是项目是不断迭代的。 如果没有规范，你自己的计划在实施过程中就会不一致。

我们只需要在当前文档中打开一个新的Pages来整理规范即可。 视觉方案和视觉规范都在一个文档中，非常优雅。 至于如何建立视觉规范，多写几篇文章就够了，可以查看之前UEDC总结的一篇文章（）。

3.图像剪切集成（）

如果你在PS期间把所有剪下来的图片整理成一个文件进行管理，那么恭喜你，你的工作习惯非常好。 如果您还没有这样做，那么我建议您尽快采取行动。 将剪切的图片一起搜索和管理非常方便。 另一个用途是减少对设计稿的干扰。 许多图标有两种状态，甚至更多。 设计稿里难免要藏起来藏起来，极其麻烦。 右边显示了这些排序方法，并写了每个图标的好处。 我相信作为一名设计师，你会感觉很酷。

我将这个小切口系统命名为（切口袋）。 与视觉规范相同，您只需要在当前文档中打开一个新的Pages即可。

4、高度集成的指示

插件的使用使我们摆脱了标记。 我喜欢它的原因是灵活性，本地扔或者网上做标记取决于你自己的需求。 而且它还有一个非常大的优点，前面会提到。 但需要注意的是，这种标签插件对视口管理的要求很高。 这并不意味着视口是完美的。 因此，为了生成可用的标签，该插件将反过来强制您整理视口。

5、版本迭代

其实大版本迭代还是可以开一个Pages的sketch标注插件，不过我不建议这样做。 原因一是文档中对笔记本性能要求较高的页面太多，二是新旧页面混杂在一起。 即使它们被Pages分开，仍然是一种干扰，所以创建一个新文档。 最近的文件都会在启动页面进行汇总，管理起来相当方便。

6. 视觉更新清单

这在有视觉更新，但不是改款的大版本更新时非常有用，因为你需要让开发同事知道哪里做了调整，口头沟通太低效了。 作为文档提交给开发，比较清晰。 也变得更加专业。 这部分会新建一个Pages，在文档中进行统一管理。

7. 复杂控件的标记

你一定很困惑，已经有标记的插件了，为什么还需要这些原始的自动标记。 原因是，当文件非常复杂且层层叠叠时，插件将停止工作sketch标注插件，导入的指示完全不可用。 所以手动标记某些部分是可以接受的。

八、设计总结

当项目进行到一定阶段时，可以进行适当的总结。 哪些方法好。 如果您对项目满意，可以整理并发送给或者其他设计平台，这样会造成沉淀，减少一些影响。 到头来，受益的还是自己。

2、如何追求效率最大化

它在设计界是效率的代名词，但它本身并不能最大化效率，我们需要灵活地使用它。

这部分内容包括以下几个方面：

1. 让标签不仅仅是标签。

上面我们简单提到了标签可以上线，这里我们详细说一下。 上网最大的用处就是提高沟通效率。 使用插件从设计稿生成本地网页标记似乎足够高效，但如果就此止步就太可惜了。 真正发挥其威力的是让网页标记在线化，这确实符合插件创建者的愿望初衷。 可以标记上传到公司服务器或者托管在第三方网站上，然后直接通过浏览器访问。

下面介绍一种在线标注方式。 有些人可能会提到，但这涉及到邀请、注册、费用。 太麻烦了，而且不稳定，这里就不说了。 我们要做的就是设计师静静地做事，自己维护、更新（这个很重要），发个高贵的地址给开发朋友就可以了。 这些方法涉及到几个开发理念，我知道设计师对此会感到不舒服。 相信我，前期麻烦，后期一劳永逸。

几个概念根本不需要了解它们的原理，只需要知道如何操作即可，它们如下：

(1) 代码托管

我使用这个网站进行代码托管，免费帐户允许您创建 5 个项目，这已经足够了。 使用网站的“页面服务”，您可以创建静态网站。 我们根本不需要管理域名，网站会自己生成，这正是我们所需要的。 有些公司可能介意将设计托管给第三方，如果公司内部有类似的机制那就太好了。

(2)Git仓库

Git是一个开源的分布式版本控制系统，可以有效、快速地管理项目版本。 我们通过这个工具管理我们的标牌文件。

(3) 提交工具

它是一个可视化的Git管理工具，对于不熟悉Git命令的非开发人员来说非常有用。 虽然前面两个网站已经帮我们做到了，但是我们只需要使用这个客户端来提交本地的身份证件即可。

为什么我要花这么多篇幅来介绍这个呢？ 原因是我们将工作系统中的设计方案、视觉指示、视觉规范、切割图、视觉更新列表输出并打包到一个文件中。 也就是说，这个规范文档已经被灵活运用，它所揭示的是一个完整而丰富的设计文档。 这个在线文档可供开发者、产品交互、设计朋友查看，你可以拿走你想要的。

2. 和共享样式

不用说，这是两个众所周知的功能。 但这种组织方式并不利于观看。 推荐使用视觉规范和集成，即整理出一个结构清晰的视觉规范。 所有的控件都是规范的，这样在拖动和使用控件的时候非常高效。 同样，规范中的文本也被定义为共享样式。

3.善用插件

我们知道，它的强大不仅仅在于它本身，很大程度上得益于插件。 许多很酷的功能都是使用插件完成的。 下面介绍几个使用比较频繁的插件。

1.（已标记）

2.Craft（综合插件、手动填充、共享样式库等）

3.I18N（如果你不习惯俄语版本或者英语正常，不用担心，使用中文插件即可，）

4.（动态按钮，相信每个设计师都希望文案改变后，按钮的宽度也会随之变化，这个插件就能帮你解决这个问题）

5.它（重命名工具，玩法很多，）

6.（使用命令行来提高你的工作效率是见仁见智的，因为很多设计师并不熟悉命令行的操作方法，）

3、大型项目中设计的多人协作

多人协作的最终目标必须是动态的、实时的、统一的。 动态很容易理解。 项目总是在优化迭代，实时就是让每个成员及时知道这些变化。 因为只有步调一致才能保证项目风格的高度统一。 我们知道，视觉标准是多人协作最重要的一环，是保证思想统一的神器。 但视觉标准过于静态，我们需要更进一步，使视觉标准动态化、实时化。

这部分内容包括以下几个方面：

1. Craft 的视觉规范

Craft 插件以其手动填充功能而闻名，但明天我们将介绍它的另一个核心功能： 。 该功能可以集成常用的色卡、文本样式、组件和图标。 看到这里，你是不是意识到这些都是视觉规范的主要套路了。 它最大的用途是导入和导出文件。 如果一方调整了该文件，其他引用该文件的人就会有更新提示。 这时只需点击更新按钮，这就提供了资源共享的可能。 其实前提是我们已经整理出一个可视化的规范，然后将规范按类别塞进插件中。

2. 同步工具

一旦文件准备好了，自然就需要一个同步的方法来共享文件。 虽然同步的方式有很多，但如今最大的问题就是翻墙，而如果克服了这个障碍， 就非常好用了。 简单来说，你可以为团队创建一个共享文件夹。 如果该文件夹中有文件发生更改，团队成员会实时手动更新。

通过这两个工具，可以运行一套协同视觉标准，我们只需要将完成的放在共享文件夹中即可。 其实，如果很难保证所有成员都能翻墙，也可以通过我们上面介绍的“Git 仓库”方法来完成。 稍微麻烦一点的是，每次有更新，都需要自动提交和拉取。

3. 在线视觉规范

虽然上面已经提到了这一点，但它是与标记一起在线托管的。 在团队合作的过程中，这个静态的在线规范是每个人都可以查看的。 结构清晰的在线规范可以让学生快速了解整体情况，然后结合共享的规范保持动态，效率会显得更高。

围绕建设的工作体系和协作模式已基本完善。 由于篇幅的关系，有些地方没有详细讲解，但希望这个想法能给大家带来一些实际的帮助。 如果能应用的话那就太好了。

作者✎刘文涛

图片✎网络

未经许可请勿转载至其他公众账号

请给公众号留言获取内容授权

········································

如有侵权请联系删除！