Sketch 多人协作流程与版本管理

UI设计是当下较为热门的岗位,ui 从字意上的解释为User Interface（用户界面）的简称。一般涉猎场景为移动APP，网页，智能穿戴、一体机设备等可视化设备,UI设计主要提现在美观易用上,在适应流行元素的前提下设计符合产品调性定位的产品，使用操作方面流畅合理,统一视觉表达,注重功能引导,简化操作,使用产品时产生轻松愉悦的流畅体验.

UI 目前大多数公司还未达到较为专一专业的工作,大多数职责岗位职责范围,会涉猎到平面物料等设计,或者美化 ppt、word 文档之类.在我看来 UI 的专业定位更多应该体现在产品优化视觉规范引导方面,这样才能更大发挥 UI 岗位的专业度,集中精力去发挥优势,让主产品达到符合或超出市场预期的效果.这种是理想状态,目前现状是多数中小公司很难达到这样的理想状态,当然也有一些原因是因为入门门槛感觉较低,培训机构或平面转岗过来即可上手,复制临摹较为简单,难的是0到1的创造

UI 不只是产品的装饰,这是一整套产品的规范,是品牌好感形成不可缺少的核心,要从无到有的构建一套体系还是需要一定经验和知识储备的,例如设计心理学,不同平台硬件设备的特征与不同平台系统规范,设计流行元素的了解等等.仅靠片面的临摹或模仿,等科技AI发展 完全可能被机器智能代替.无论任何设计,创新才是存在价值.可以从模仿开始,但不应一直模仿.

早期的 UI 设计使用工具多以 photoshop/ illustrator等为主,这些工具的使用会面临较多的问题,例如版本的管理,与视觉规范的统一,如果产品页面多达100页以上,再多改动几个版本,文件的数量会让密集恐惧症状的人感到崩溃.

经常关注和体验新工具还是有必要的,几年前偶然机会接触到 sketch 那时还不是那么普及,对于公司的设计对接还是有一定障碍,这几年由于 sketch 使用者的增加,多数公司和团队逐渐认可了这种形式,100多个页面可以同在一个画布,给产品 ui 设计效率带来极大提升,加上各种便利插件,成为了UI 设计首选工具,adobe 公司升级photoshop 后也增加了多页面模式,也推出了轻量的工具 XD 但相对效率还是差一些.

当公司到达一定规模后规范设计规范的维护和协作 就变得很重要

以前的版本管理较为简单,大致流程是

这种形式较为费力,每次改版调整都需要重新来一次,依赖高度的沟通,效率很低,人数越多维护越困难

在使用 sketch 后由于组件概念的利用极大的简化了沟通成本,并且设计稿中应用的组件,在组件库更新后全部更新这是 ps 其他软件无法达到的,假设100个设计稿都用了同一按钮组件,修改组件后100个设计稿同步更新,这得提升多少效率,而且利用组件库元素去做 ui 规范,这样维护规范的成本也大大降低,使用 sketch 后的流程如下

组件库可以依据项目需要拆分或不拆分,例如我将组件拆分为了3个部分文件,方便以后可以使用到其他项目,,这样的流程使用大大降低了沟通成本,也同时高度统一了设计规范,但有同学问了,这样不也需要来回传递组件,多人协作,组件传递也是比较费时的.而且组件版本的管理是不是也要存多个版本防止误操作.

sketch 的 libraries 功能很好解决了这个问题,可以多人同时调用组件,在更新组件时也有版本提示比较,试想如果局域网,那么可以组件存放一个都可以访问的路径,这样 ABC 设计师傅同时调用同一个文件,一人修改全部修改,也可以按组件种类分工修改,如果是外部访问可以考虑一个云平台,云平台可以自动同步文件,版本管理,这两个功能多数云平台都具备,按照这种思路,多人协作的流程应该是这样.

基于云平台管理有效解决了文件管理与沟通的问题,高效的达成了设计统一规范的目的,设计的人数再怎么 增加也是基于同一文件, 这就是 sketch 的高效率之处. 额外提的一点是近期 sketch 增加了 Data 数据调用功能,虽然插件也可以用,但官方出品最为致命,谁知道以后插件会不会被封锁,目前支持text 格式,值得一试.

工具或流程的目的只是刚好的提升效率,要交出一份满意的作品,还是需要时间的沉淀,相信工具会越来越好,越来越智能,在减少了繁琐的操作之后的思考,应该是如何创造优秀的产品,把重复劳作交给智能,把创意创造留给自己.