借助工具提升效率的例子(如何提升自己的工作方法与效率)

欲善其事,必先利其器。在日常工作中,如何提高自己和团队的工作效率,应该是很多设计师和团队都在思考的问题。草图作为UI设计师的必备工具,我们已经相当熟悉了。如何结合素描提高自己和团队的工作效率?
我想从以下几个方面分享一下自己的经验:
温馨提示:本文不解释Sketch的使用和操作。教程可以在素描官网,Youtube,或者国内外素描论坛找到。希望文章对你有帮助,或者你可以提出合理的建议或者其他内容补充。
1.符号介绍符号是Sketch中一个强大而实用的功能,可以让你轻松重用画板、页面、多个文件中的重复元素。符号的存在类似于PS中的智能对象,但符号比智能对象更灵活、更实用。那么如何高效合理地使用符号呢?我来介绍一下如何使用Symbol。
2.如何使用符号2?Symbol的使用场景主要集中在模块化设计上。如何在设计中合理运用模块化思维,是现在设计师需要思考的问题。
那么什么是模块化设计呢?
就产品体验设计而言,模块化设计就是将产品的主要组成部分,如产品流程、产品结构、交互方式、表现形式等模块化。通过模块化设计,可以在差异化和效率之间找到一个合适的平衡点。
模块化设计主要分为以下步骤:模块划分——模块设计——模块组合。这里主要说明模块划分和模块设计。首先,模块由控件组成,主要包括字体、按钮、图标、列表等。模块由控件组成,模块和控件之间存在父子关系。
模块划分的标准要遵循:单一性(模块的粒度要小,每个模块可以解决一个需求)、完整性(内部流程可以打通形成一个闭环)、独立性(每个模块对其他模块的依赖程度要低,这样才能适合其他模块组)。
在模块设计部分,遵循:复用性(尽可能增加复用模块的比例);扩展性(考虑某些模块控件的扩展性,以便处理一定范围内的差异);互换性三原则(既要保持外部信息结构一致,又要保证全局信息结构的快速互换)。
在产品设计过程中,根据产品的实际情况,我们使用符号来控制模块,如下图所示:
我们可以看到上图中的导航栏模块,分别由背景、图标、文字、分割线、状态栏组成。按照模块化设计的标准,我们依次为它们创造符号(文字除外)。此时,控制元素已经被创建,通过相应地排列和组合它们,这个模块已经完成。在日常基础工作中,这部分工作已经完成。
但是这样做是不够的。我们需要深入思考,比如如何适应其他终端,是否会与其他情况下的当前控件重复或冲突等等。这些都是需要考虑的问题。那么如何合理的创建符号,避免控件风格的重复呢?
让我们继续以导航栏模块为例:
根据前面的部分,我们知道第一种类型的导航模块已经完成,但是在实际项目中,我们知道不会只有一种类型的导航栏样式。根据产品的实际情况,我们预计到了以上情况,所以也模块化了。可重用元素可以调用前面模块中的控件,如状态栏、后退按钮和背景色。这样可以最大程度的避免模块控件的重复,也可以在产品设计前期对模块进行改进,做到未雨绸缪!为以后的设计工作做准备。
看到这里,你可以看到,我没有谈到任何具体的使用符号。工具只是实现想法的媒介。要多思考,举一反三,把工具和想法结合起来,最大限度的提高效率和质量。
1.库简介库其实只是一个普通的草图文件,里面包含符号。您可以在其他草图文件中使用此符号。如果更新库文件中的任何符号,您将收到更新通知。使用库,团队成员可以在草图文件之间共享符号,并更新它们以始终保持同步。
2.如何使用图书馆?在设计团队中,多人协作是不可避免的,那么如何保持常用模块和控件的一致性呢?
我们只需要将Librar文件存放在一个固定的地方,比如云盘、内部网盘等。并在其中存储常用的控件和模块,然后其他设计人员可以很容易地调用它。然后,当对该库进行任何修改时,您可以收到更新通知。
通常我们会把公司产品的设计规范、通用模块、控件做成库文件,供团队其他设计师调用。一般包括颜色、图标、文字等模块控件。
团队设计人员可以充分利用库来保持文件中的符号是最新的,并与团队成员保持一致。但是,因为任何设计者都可以编辑库文件,所以我们应该安全地将库分开,库的编辑只能在特定的位置、特定的文件甚至特定的人进行。
因此,一般不会有不相关的编辑。如果无意中或无意中做了改动,一定要及时补回来,否则团队里其他设计师的文件都会有问题。
下面是如何简单地创建一个库文件。这里我们以苹果官方库文件为例来说明。在这里,我们选择将文件存储在纽崔莱云中。
详细看下图:
在我们保存文件后,打开库并添加炸弹层,如下所示:
选择添加库按钮,选择存放在纽崔莱云端的草图文件,如下图3360所示。
这样,库文件就添加成功了,我们可以轻松地访问我们库中的控件。
如果有人编辑了我们的库文件,那么我们在使用库文件时会收到如下图所示的更新提示。我们可以根据自己的需要选择是否更新符号,如下图所示:
不是很方便高效吗?这里只写最简单的用法和详细的方法。有兴趣的朋友可以私信问我,也可以去官网查。这里就不赘述了。另外,如何制作一个相对合理的库文件也是一个重要的内容。今天就不在这里解释了,有兴趣的朋友可以私信我。
通过以上过程的讲解,我们可以看出库的使用是非常简单的。通过库,我们的团队可以更顺畅地协作,工作效率和质量将大大提高。设计师如果有机会一定要尝试建立库文件,无论是对个人还是团队,都会大大提高自己的整体掌控能力。
技巧用了这么久素描,有几个有用的小技巧分享给你:
(1)Sketch支持简单的数学计算,不再需要使用计算器。你可以在输入框中直接计算,它的用途很广泛,如下图所示:
(2)重影中0.5px的分割线是很多设计师头疼的问题。这里用内影教你怎么做,如下图:
(3)可以设置默认的图形样式,可以更加个性化,如下图所示:
(4)如何使用pi进行加载,如下图所示:
(5)如何利用内阴影快速制作可复用表格,如下图所示:
(6)如何衡量内群与外群的距离?测量内组和外组距离的快捷键是:option up键和鼠标悬浮,如下图所示:
(7)如何快速找到历史颜色记录,如下图所示:
下图是11个常用的草图插件和一个推荐给大家的草图文件版本管理工具。下面,我将依次介绍这11个插件和一个软件。
Runner使用命令行来提高你的工作效率。Cfaft帮你提高效率。自动填充神器重命名它可以快速批量重命名您的图层。一键删除不用的符号。将未使用的SymbolArtboards删除为PDF。批量导出选定的画板。对于多页PDFImageOptim,只需一次单击即可导出所有图块资源。并自动优化体积草图测量和快速创建规范,以促进开发人员和团队之间的协作。午夜增加了替代主题功能和小工具。风味为你的设计增添一些情趣。草图资源可以轻松导出到AE,Anima可以自动定位。最后编写了自动布局的抽象草图文件版本管理软件。希望分享的一些想法对你有帮助。如果你有好的想法或观点,请和我讨论。工具只是帮助我们实现想法的媒介。要丰富自己的想法,独立思考,互相鼓励。
作者:Kane_D,微信官方账号:肖凯的设计笔记(ID: yxs _ design)
本文由Kane _ D原创,大家都是产品经理。未经许可,禁止复制。
来自Unsplash的图像,基于CC0协议。

其他教程

猫对主人很警惕(猫咪知道主人救它吗)

2022-9-5 20:08:33

其他教程

短视频是如何赚钱的(怎样利用短视频赚钱)

2022-9-5 20:10:36

0 条回复 A文章作者 M管理员
    暂无讨论,说说你的看法吧
个人中心
购物车
优惠劵
今日签到
有新私信 私信列表
搜索