优设专属福利!为什么说语雀可能是最好用的设计版本管理工具! - 优设-UISDC

优设专属福利!为什么说语雀可能是最好用的设计版本管理工具!

2018/03/31 6290评论区

@可乐橙_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

优设大课堂

非特殊说明,本文版权归原作者所有,转载请注明出处
本文地址:https://www.uisdc.com/yuque-design-version-management-tools

发表评论 加载中....

评论加载中....

uisdc

评论区都快饿瘪了,看看我期盼的小眼神...

sketch 优设大课堂 转场动效 界面设计 设计师 扁平化设计 交互设计师 排版布局 职场 平面设计 设计师专访 素材下载 设计流程 视觉设计 配色 用户体验设计 web前端开发 AI教程 海报设计 设计理论 字体下载 神器下载 设计规范 设计趋势 动效设计 psd下载 产品设计 图标设计 logo设计 ICON 神器推荐 职场规划 App设计 字体设计 酷站推荐 交互设计 ui设计 设计师职场 优秀网页设计 用户体验 ps技巧 酷站 PS教程 网页设计 经验分享
wechat

优设官方微信

50万设计师关注

微信号:youshege

把好文章收藏到微信

打开微信,扫码分享
学设计 优设网 在这里