扫一扫 扫一扫 扫一扫 扫一扫 @可乐橙_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等中文教程,为零基础设计爱好者也准备了贴心的知识树专栏。开启免费自学新篇章,按照我们的专栏一步步学习,一定可以迅速上手并制作出酷炫的视觉效果。 设计导航:国内人气最高的设计网址导航,设计师必备: https://www.muzisucai.com/ 手机扫一扫,阅读下载更方便˃ʍ˂ |
@版权声明
1、本网站文章、帖子等仅代表作者本人的观点,与本站立场无关。
2、转载或引用本网版权所有之内容须注明“转自(或引自)网”字样,并标明本网网址。
3、本站所有图片和资源来源于用户上传和网络,仅用作展示,如有侵权请联系站长!QQ: 13671295。