@可乐橙_ColaChan :这次要介绍的是一款大有来头的知识协同工具——语雀,出自蚂蚁设计团队,可以用于设计项目的管理与资料沉淀。由于有些便利条件,我所在的团队早早就用上了,对它再熟悉不过了。语雀向公众开放有段时间了,之前的版本主要是文档的协同,这次的更新放出了真正让设计师如虎添翼的功能。

先讲个故事,不知道大家在与开发同学的协作时,是怎么交付设计资料的?会用什么样的设计管理工具?

简单粗暴的团队协作模式我很早以前经历过,开发和设计之间互相丢文件,结果往往很感人:

“设计稿好了,压缩包里有标注和切图。”

“好的”

“设计稿更新了,以这个为准哈。”

“好”

“有个界面重新设计了,还要更新一下,单独更新了这个界面的切图。”

“嗯,你这气泡框里的图标没切,给我一下”

“好的,马上切给你。”

“你这个图还没给我啊”

“给你了呀,早晨发你的,里面没有吗?”

“没,来我这看下?”

然后我看到了开发同学的桌面:

设计稿.zip、设计稿(1).zip、设计稿(2).zip、设计稿-20160322.zip、设计稿-20160324.zip、设计稿-20160325.zip……

如果还在用这种方式工作,请立刻做出改变,呵护自己,也呵护所有团队小伙伴。像这种由信息散落、版本混乱导致的沟通问题,语雀可以妥妥地解决。我们先来看看官方的介绍

一、什么是画板知识库?

画板知识库是语雀推出的第二种类型知识库,主要为设计师群体提供设计稿服务。通过我们提供的 Sketch 插件,快速将设计稿以及附属信息上传到语雀,与团队成员分享你的设计想法。在线上开展异步设计沟通交流。

1. 新建画板

画板是画板知识库的一个单元,如果需要管理分享你的图片,先创建一个画板。点击画板知识库顶部的新建画板。 新建画板以后需要你对画板进行命名。(通过 Sketch 插件上传的设计稿,一个 Page 等于一个画板,同时会同步 Page 名称)

2. 如何上传

普通上传

新建画板以后,进入画板。可以点击右上角的上传按钮,也可以直接将图片拖入到页面中。

Sketch 上传

通过 Sketch 插件,选择对应的 Artboards ,以及对应的语雀知识库和画板,点击上传即可完成将设计稿、源文件、标注信息、切片自动上传到语雀画板中。

3. 如何管理

在画板中,可以多图片进行批量操作。同时对单张图片可以进行替换和获取原图。如果需要查看详情信息,直接点击图片进入即可。Sketch 上传的设计稿会自动到画板中,最新的设计稿会出现在最后面。如果是覆盖上传,设计稿右上角会出现绿点,表示有最新内容更新。如果你需要对图片进行排序,拖动图片即可完成。排序后顺序会保留,不会随着 Sketch 的更新而更新。

图评

进入图片详情以后,可以对图片进行全局评论,将你的设计想法更全面的和团队成员之间进行分享。成员也可以针对设计稿中某个细节进行评论。评论以后,作者或者订阅的人可以及时收到对应的通知。

热区制作

当你想制作一个图片与另一个图片的关联关系的时候,可以使用我们的热区制作,选择一个你需要关联的区域,设置目标页面。这样就可以完成一个非常简单的逻辑原型制作。

标注信息

如果通过 Sketch 插件上传的设计稿,语雀会自动解析出设计稿中带的附属信息。非设计同学可以更加直接的看到相关的设计信息。比如字体的字号、颜色、间距、图层的样式。

4. Sketch 插件

如何获取

新建画板知识库以后,知识库为空的状态下,会提示下载 Sketch 插件。或者新建画板以后,进入画板图片管理页面里有插件下载按钮。

安装与授权

将下载的 Sketch 压缩包解压以后,直接点击插件即可完成 Sketch 的安装。安装以后打开 Sketch ,点击插件中的工具栏。这个时候你会在 Sketch 的右侧看到一个固定的工具条。点击第一个icon,即可进入授权的入口。点击后会跳转到语雀的页面,确认后完成授权(使用语雀 Sketch 插件需要现有语雀账户)。回到 Sketch 即可获取到你在语雀上的画板。

授权成功以后需要你选择对应的空间。

5. 更多介绍

关于更多 Sketch 插件的介绍,点击查看

二、用它来干什么

我日常工作中使用语雀的频率非常高。设计好的 sketch 源文件往里面一丢,每个画板会自动解析成图片。图片可以在线编辑,在图上画好热区,写上交互注释,立马就可以拿去进行设计评审了。如果逻辑复杂,也能给热区加上链接,模拟真实产品的点击跳转路径。

之后发现他们出了sketch 插件,就不用在浏览器里上传源文件了,sketch 里点点鼠标,设计立刻更新到线上。还顺便解决了标注的问题,虽然标注类的工具已经很多很方便,不过连这个步骤都能完全省掉,还是蛮开心的。

而我要交付出去的所有东西,就只有一个链接。后续的任何设计更新,都体现在这个链接里。同名的覆盖,不同的创建,增量同步。确保所有团队成员看到的设计都是统一的、最新的。也让各个设计项目的资料有个集中的归属。这样的工具,能让设计师专注于真正该关心的体验问题,价值非凡。

而且别忘了它还有文档协同功能,同时也是团队沉淀需求文档、产品规范、技术资料的地方,可以支撑起团队的大部分工作事务。

三、福利

最后,上福利。阿里的同学送了200个新鲜热乎的注册邀请码,了解一下?https://yuque.com/yuque/invite/zd2eyk

「设计师管理工具」

================明星栏目推荐================

优优教程网 UiiiUiii.com 是优设旗下优质中文教程网站,分享了大量PS、AE、AI、C4D等中文教程,为零基础设计爱好者也准备了贴心的知识树专栏。开启免费自学新篇章,按照我们的专栏一步步学习,一定可以迅速上手并制作出酷炫的视觉效果。

设计导航:国内人气最高的设计网址导航,设计师必备: http://hao.uisdc.com

点赞
收藏 2
继续阅读相关文章

发表评论 已发布 4

还可以输入 800 个字
 
 
载入中....
4 收藏