本文将解答您关于如何结合想法和工具来使工作效率翻倍的问题。

工欲善其事，必先利其器。在日常工作中，如何提高自己和团队的工作效率应该是很多设计师和团队都在思考的问题。作为UI设计师的必备工具，我们已经相当熟悉了。那么我们该如何结合它来提高自己和团队的工作效率呢？我从下图所示的几个方面来分享我的经验。

一，

1. 简介

它是中一个强大而实用的功能，可以让你轻松地在画板、页面和多个文件中重复使用重复的元素。它类似于PS中智能对象的存在，但比智能对象更加灵活和实用。那么如何高效合理的使用它呢？这里我就给大家介绍一下使用方法。

2. 使用方法

使用场景主要集中在模块化设计上，如何合理运用模块化思维进行设计工作是设计师现在需要思考的问题。那么什么是模块化设计呢？对于产品体验设计来说，模块化设计就是将产品的主要组成部分，如产品流程、产品结构、交互方式、表现形式等进行模块化，通过模块化设计，在差异化和效率之间找到合适的平衡点。

模块化设计主要分为以下几个步骤：模块划分-模块设计-模块组合。这里主要讲解模块划分和模块设计。首先模块是由控件组成的，主要包括字体、按钮、图标、列表等。模块由控件组成，模块与控件之间存在父子关系。

模块划分标准应遵循：简单性（模块粒度要小，一个模块解决一个需求）、完整性（内部流程可以串联形成闭环）、独立性（每个模块对其他模块的依赖性要低sketch文件打不开，以便能与其他模块相匹配）。

在模块设计部分我们遵循以下三个原则：可重用性（尽可能的增加重用模块的比例）、可扩展性（考虑某些模块控件的可扩展性，以处理一定范围内的差异）、可互换性（注意外部信息结构的一致性，保证全局信息结构的快速互换）。

在产品设计过程中我们根据产品的实际情况使用控制模块，如下图所示：

我们可以看到上图中的导航栏模块是由背景、图标、文字、分割线、状态栏组成，按照模块化设计的标准我们一个一个的创建它们（文字除外），这时候控件元素已经创建好了，按照它们进行相应的排列组合，模块也就完成了。在日常的基础工作中，这部分工作已经完成了。但是做到这些还不够，我们还需要更加深入的思考，比如如何处理适配到其他终端，会不会有其他的情况会和当前的控件重复或者冲突等等，这些都是需要思考的问题。那么如何合理的创建，才能避免控件样式的重复呢？我们继续以导航栏模块为例：

根据上一部分，我们知道第一类导航模块已经完成了，但是在实际的项目中，我们知道导航栏样式会不止一种，根据产品的实际情况，我们想到了以上几种情况，因此也对其进行了模块化。可复用的元素可以调用上一个模块中的控件，比如状态栏、返回按钮、背景颜色等，这样可以最大程度的避免模块控件的重复，也可以在产品设计前期对模块进行完善，为以后的设计工作做好准备。

大家看到这里我并没有讲什么具体的使用方法，工具只是实现想法的一个媒介，我们应该多思考，举一反三，把工具和想法结合起来，才能达到效率和质量的最大化。

二，

1. 简介

它只是一个包含内容的普通文件，您可以在其他文件中使用它。如果您更新任何文件sketch文件打不开，您将收到更新通知，团队成员可以在文件之间共享并保持更新以始终保持同步。

2. 使用方法

在一个设计团队中，多人协作在所难免，那么如何保持通用模块和控件的一致性呢？我们只需要将文件存放在一个固定的地方，比如云盘、公司内部网盘等，将通用控件和模块存放在里面，其他设计师就可以轻松调用。当有任何修改时，可以收到更新通知。

通常情况下，我们会将公司产品的设计规范、常用模块、控件制作成文件，让团​​队其他设计师调用，一般包括颜色、图标、文字等模块控件，团队设计师可以充分利用，让自己的文件保持最新，并与团队成员保持一致。但是，由于任何设计师都可以编辑文件，所以我们需要安全地将它们分开，编辑只能在特定位置、特定文件，甚至特定人员中进行，所以一般不会出现无关的编辑。如果不小心修改了，一定要及时修改回来，否则团队其他设计师的文件就会出现问题。

下面分享一下如何轻松创建文件，这里我们以苹果官方文件为例，这里我们选择将文件存储在坚果云中，具体操作见下图：

我们保存文件之后，打开并添加弹出图层，如下图所示：

点击添加按钮，选择中存储的文件，如下图：

现在文件已经添加成功了，我们可以轻松的访问里面的控件了。如果有人编辑了我们的文件，我们在自己的文件中就会收到如下图所示的更新提示。我们可以根据自己的需求选择是否更新，如下图所示：

通过上面的流程讲解，我们可以看出使用起来非常简单，可以让我们的团队协作更加顺畅，大大提高工作效率和工作质量。设计师有机会一定要尝试建档，这对个人和团队的整体把控能力都会有很大的提升。

3. 实用技巧

我已经用了很长时间了。我有几个有用的技巧想和大家分享。

1.支持简单的数学计算，不再需要计算器，直接在输入框里计算即可，用途非常广泛，如下图：

2、双重图片中的0.5px分割线让很多设计师很头疼，这里我们利用内阴影来教大家如何制作，如下图所示：

3.默认的图形风格可以设置得更加个性化，如下图：

4.如何利用pi来制作，如下图所示：

5.如何使用内阴影快速创建可重复使用的表格，如下所示：

6.如何测量组内和组外的间距。测量组内和组外的间距的快捷键是： + shift 键 + 鼠标悬停。

7、如何快速查看历史颜色记录，如下图：

4. 效率扩展

下图就是给大家推荐的11个常用的插件和一款文件版本管理工具，现在我就来一一介绍一下这11个插件和1款软件。

最后的想法

分享一些想法，希望对大家有帮助，有什么好的想法或者意见可以和我讨论，工具只是帮助我们实现想法的一个媒介，我们应该丰富自己的想法，独立思考。

如有侵权请联系删除！