@可乐橙_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 即可获取到你在语雀上的画板。
授权成功以后需要你选择对应的空间。
二、用它来干什么
我日常工作中使用语雀的频率非常高。设计好的 sketch 源文件往里面一丢,每个画板会自动解析成图片。图片可以在线编辑,在图上画好热区,写上交互注释,立马就可以拿去进行设计评审了。如果逻辑复杂,也能给热区加上链接,模拟真实产品的点击跳转路径。
之后发现他们出了sketch 插件,就不用在浏览器里上传源文件了,sketch 里点点鼠标,设计立刻更新到线上。还顺便解决了标注的问题,虽然标注类的工具已经很多很方便,不过连这个步骤都能完全省掉,还是蛮开心的。
而我要交付出去的所有东西,就只有一个链接。后续的任何设计更新,都体现在这个链接里。同名的覆盖,不同的创建,增量同步。确保所有团队成员看到的设计都是统一的、最新的。也让各个设计项目的资料有个集中的归属。这样的工具,能让设计师专注于真正该关心的体验问题,价值非凡。
而且别忘了它还有文档协同功能,同时也是团队沉淀需求文档、产品规范、技术资料的地方,可以支撑起团队的大部分工作事务。