协同设计是当下技术行业技术更新的一个重要方向,也是设计类工具软件发展的必然趋势。它,不单是一个设计类的专业术语,更是一种商业化的服务模式。
同时,协同设计也对设计项目的规范化管理起到重要作用,包括进度管理、设计资源统一管理、人员权限管理、审阅流程管理等,可以无缝对接产品经理、设计师、开发人员,降低沟通成本,缩短开发周期,提高工作效率,助你打造灵活高效的设计团队。
InVision
InVision平台是世界领先的在线协作设计工具,让设计不再是设计师或者设计团队的工作,而使整个团队都能参与进来,来提供最好的用户体验。
利用这个设计平台,设计师们可以协同完成多页面的原型设计,也可以更便捷地与他人讨论。2018年新增加了文本编辑器、库级别的管理权限,以及新增的设计系统管理器DSM功能,来助力团队协作,让你更容易构建和维护设计系统,并使你的团队和资产在扩展时保持同步。
亮点:
响应式设计——无论移动端还是web端都可以设计出适应不同屏宽的界面;
设计系统共享——可以将团队的设计规范直接应用到设计工作中;
设计稿评审——团队各成员都可以在界面上评注和实时反馈;
应用商店——开发的API和UI资产的开发平台,无缝对接更多设计资源。
摹客
协同设计平台在国内的发展相对较慢,但摹客设计系统的公布,让我看到了协同设计平台的雏形。摹客希望打造一个统一的设计环境,使创造和合作更加强大,我也希望摹客能把我们的愿景和国内的技术推向新的高度。
摹客设计系统上线了!三大福利送不停!
其原型设计工具Mockplus的特点是易学、轻量,好操控;设计系统,可以定制设计规格,导出代码,还可以在Sketch、Mockplus中直接应用设计规范。感兴趣么,教你5分钟玩转摹客设计系统。
作为一款项目协同设计工具,摹客可以让团队成员一起参与到整个原型稿的交流工作。主要特点如下:
1、设计规范定制和应用
设计规范的定制,很简单,选中→添加,可供多个设计师协作整理,分别上传自己设计的logo或组件。完成设计规范后,可以打开分享功能,与团队所有成员共享。在Mockplus中和Sketch中,可以直接应用我们定制的设计规范,直接拖拽或者点击,就可以应用应用定制的字体、颜色、logo、和样式,可以帮助团队中的设计师快速复用基础组件。
在设计系统中更改某个元素的参数时,原型中会同步修改,减小重复编写设计规范文档和重复设计的时间,极大提高了协同设计效率。
2、对接开发——自动生成代码
开发人员可以直接从设计系统分享和导出设计规格SVG和CSS等代码样式,也可直接复制设计文件的CSS,省时省力高效编程,降低设计与开发的沟通成本。
3、直观展现产品逻辑
画好原型图后,点击页面流程图,直接展现需求和产品逻辑,原型修改后,页面流程图会保持实时同步更,方便团队和程序员查看。设计图批注,自动保存历史版本,一键通知审阅,多格式导出等功能,也极大提高了团队协作的效率。
UXpin
UXpin是一款卓越的UX协同设计工具,其平台有原型、文档、设计系统。2018年也有许多重大的功能更新,极大提高了团队协作的效率。UXpin的设计系统,可以保持完美的设计一致性,告别混乱和不一致。
更新:
①新增的钢笔工具,可以直接绘制形状和图标,并可作为SVG下载,实现轻松 创建自定义图标并添加到设计库中!
②可以轻松导出JSON格式的完整文档(颜色、字体样式、间距等), 也可以导出其他主流格式,包括YAML、CSS、SCSS、LESS和 STYLUS,但没有文档。
③调整面板和UI重新设计释放了更多屏幕空间,可以调整面板和UI 主题的亮暗,很好的对比产品迭代前后的原型。
Figma
Figma是一款基于web端的在线协作设计平台,是第一款真正支持协作功能的UI设计软件,支持多人实时协作,支持屏幕自适应,但不能输入中文。使用矢量网络重构的钢笔工具,支持布尔操作,渐变和填充,可以轻松实现自定义图标。
更新:
① 原型增加了设备框架(Iphone、Android 和Apple Watch),固定对象和高级滚动(任意方向);
② 增加样式库,可以在文本和效果中直接应用颜色样式;
③ 增加组织层,扩展设计管理。
本文推荐的4款协同设计工具,其中3款协同设计平台是国外优秀的设计工具,功能比较强大,但费用较高,使用起来也有语言障碍。国内设计类的专业软件发展相对落后,但也终于有一款像样的可以推荐给大家。
协同设计,可以告别低效率、告别反复重复,降低沟通成本,缩短开发周期,提高工作效率。希望能给你和你的团队带来帮助,助你打造灵活高效的设计团队。