7

就这一招,不用Figma,不花钱,实现团队同步协作(保姆级教程)

 3 years ago
source link: https://www.uisdc.com/apple-cloud
Go to the source link to view the article. You can view the picture content, updated content and better typesetting reading experience. If the link is broken, please click the button below to view the snapshot at that time.
neoserver,ios ssh client

之前有铁汁问过有关 ux 设计师线上协作方式的问题,其实现在市面上有很多种线上协作的方式(这里指源文件,尤其是组件库协作),比如 Figma 直接就是一个线上协作的 ux 工具,再比如 sketch cloud,但我知道你们既懒得学新工具,也不可能自掏腰包去买 sketch cloud 的团队账号,所以这里给各位推荐一个目前来看性价比最高的协作方式(只要有苹果系统就可)——苹果iCloud。

在说 iCloud 方式之前,我们先盘点下目前也比较主流的 2 种线上协作方式:蓝湖和 sketch cloud。

蓝湖

蓝湖目前 2 个主流功能:

  • 设计交付:线上画布的标注切图
  • 组件同步:组件规范云端同步

我们的重点在功能 2,因为 1 直接用 sketch measure 插件都可以导出来,很多大厂也都有自己的内部平台做交付工具。

蓝湖的设计规范云目前是免费的,但需要单独下载应用。这里有个槽点:这个应用的交互层级实在有点扯淡:永远处于最高层(谁也别想把我挤下去),我天,这种反人类逆向操作实在是有点难受了盆友。

MnAVvuv.jpg!mobile

蓝湖设计规范云基本可以实现拖拽同步组件库,甚至还有细心的颜色选择描边还是填充。但是最重要的一个短板在于它只能在同步应用云组件库里的元素,但并不支持云组件库的修改以及同步下发。

简单说就是突然有一天老板说你们这个图标不太 OK 啊,优化一个识别度高一点的,这时候蓝湖设计规范云并不能直接改变云端的图标,只能新建一个图标然后再挨个去每个设计稿里出现这个图标的地方替换。所以蓝湖设计规范云从严格意义上并不能完全帮我们实现最高效的线上合作。

Sketch Cloud

sketch cloud 是 sketch 自己的云端设计库(可以通过 iCloud 账户登录),也就是说当你把组件库 sketch 文件上传到 cloud 变成云组件库后(带有黄色云朵标识),就可以在通过改变云组件库里的组件元素,同步下发到所有应用这个云组件库的设计稿里,实现要变大家一起变的终极同步梦想。

6nqeumN.jpg!mobile

RvamUvz.jpg!mobile

E7Fne2Z.jpg!mobile

听上去似乎很美好,巴特,现实很残酷。如果你使用盗版 sketch 还想使用 cloud 的功能,请将你的 sketch 版本倒退回 6.0 左右,不然你的 cloud 登录就会一直是这样的提示:

fuI73ab.jpg!mobile

当你好不容易把 sketch 回退回 6.0 版本时,你会发现登录 OK 了,上传也好使了。但当你想分享组件库给团队成员进行线上协作时问题来了。

vuArQzJ.jpg!mobile

也就是说只有你个人是可以编辑这个线上组件库的,你的团队成员只有查阅和下载的功能,想要团队成员也可以同步编辑同步下发,好的,请氪金。

eyuYbee.jpg!mobile

总的来说,sketch cloud 其实对我来说一度还是挺香的,之前还写过组件库文章专门安利 ta,直到我换了厂子断了账户的香火钱,它瞬间就离我远去了。不过没关系,穷苦的搬砖人就有着非一般的搬砖魂,免费的方法到底还是被找到了,接下来请看苹果 iCloud 的表演。

苹果 iCloud

之所以说苹果 iCloud 是目前性价比最高的方式主要因为几个点:

  • 免费(限 5 个 G)
  • 傻瓜式操作
  • 同步速度较快(相较 sketch cloud 有延迟)
  • 支持同步修改、同步更新

当然世间没有完美的解决方式,iCloud 也有一些弊端:

  • 只有 5 个 G 的免费空间,扩容费用高(不过一般我们也就只放个组件库,也就 10-20m 左右)
  • 有的成员可能会介意用私人 iCloud 来共享组件库,这时候需要 ta 重新建一个 iCloud 账号(像我这种粗人一般不介意都直接用)
  • 对 win 本用户不友好(必须使用苹果 macOS 系统)

接下来保姆级操作教程,简单到眼睛一睁一闭就完成了。

Step 1. 打开你们的 finder 点击 iCloud

BJJVVnF.jpg!mobile

Step 2. 点击 sketch 文件夹后,把你的组件库 sketch 源文件拽进来

b6faMjY.jpg!mobile

Step 3. 右键源文件→共享→显示成员→添加用户→选择邀请方式(权限这里可以选择,默认的是“可更改”,代表允许这个成员同步修改源文件)

jeIjeiA.jpg!mobile

fQN7Zfy.jpg!mobile

32QJJ3u.jpg!mobile

Step 4. 打开 sketch,点击左上角菜单上的 sketch→首选项出现以下对话框,勾选本地组件库里出现的刚刚我们拽进去的组件库源文件。这里特别注意一定勾选本地组件库里的源文件,个人云端组件库里的那个是我之前用sketch cloud上传的。

Uz26Rvz.jpg!mobile

Step 5. 完工,一起“快乐”的玩耍吧。菜单栏置入→控件→用叭(直接拖拽到界面)

ayam2an.jpg!mobile

如果当有更新的时候,界面右上角会有更新提示,这点和用 sketch cloud 是一样滴。

naYzamy.jpg!mobile

最后一点要补充下,如果当你们组员同时(这里指同一时间)更新同一个组件的时候会有些小冲突,会弹出一个这样的弹窗提示你,不用慌,全部勾选即可。

yYzuQjj.jpg!mobile

之后它会跳出来的一个备份文件直接无情关闭删除即可。

uIZRNvQ.jpg!mobile

去年下半年 sketch 被 Figma 逼的出了线上合作功能的测试版本,目前只开放给有购买团队账号的用户测试使用,据说这个功能会在今年全面开放,不过需不需要付费,好不好用就需要打个问号了,不过总的来说各位老 sketchers 应该还是挺期待的吧。

好了以上就是目前为止除了 Figma 以外比较主流的一些同步协作了,我大概是全网讲的最极致的了。最后都看到这里了,我猜你一定很想收藏起来吧,go 吧皮卡丘。

欢迎关注作者的微信公众号:「Nana的设计锦囊」

Zr63Ujr.jpg!mobile


About Joyk


Aggregate valuable and interesting links.
Joyk means Joy of geeK