恭喜你成为UI中国推荐设计师 (详情)
//百度统计 20220402 uicn

您的意见是我们 UI 中国进步的动力!
点击立即反馈按钮,发表您的意见!
立即反馈
QQ群反馈
您也可以加入UI中国官方反馈群进行反馈!
群号:302892100
备注:反馈问题后@管理员能让我们及时了解您的意见

提交需求

赛事与广告咨询合作,请填写需求表单,我们会在第一时间与您联系!

0/20
0/200

设计大赛

  • 设计大赛
  • 发布广告
  • 发布招聘
  • 其它需求

提交完成
感谢您对UI中国的支持和信赖!
使用Mac共享打造自己团队的Sketch Libraries
0.0°
2019-02-22 原创文章 教程 举报 7198 63 26 10


我是UI黑客,一个略懂前端,喜欢尝试新工具、新方法的UI设计师。


平时看到很多的设计文章都是以视觉、技法为主,但UI是一个设计与技术结合的行业,设计师实际工作中会遇到很多技术性问题,涉及效率、工具、协作、技巧等方面,所以创立UI黑客,希望能把自己工作中解决的一些问题分享给各位,互相学习,与时俱进。


Image title



目录


1:问题发现

2:Sketch Libraries简单介绍

3:Mac文件共享功能打开

4:引入共享的Libraries

5:总结



发现问题


前阵子发现蓝湖的同步盘从官网下线了,问了客服,说是维护中,具体开放日期不明(目前已正常)。当时我们设计团队本来要用这个同步盘来维护Sketch 的设计组件Libraries,看来现在要换个思路来解决。


网上有Dropbox和GitHub解决方案,但是对于设计师来说还是难以理解,部署复杂,关键是Dropbox的速度在国内堪忧,严重影响效率。


同时有的公司为了项目的保密性,禁止把相关设计放到外网,更别说把设计最基础的组件放到网络了。


所以我们的需求很明确:

1、简单的操作

2、稳定且快速的传输

3、方便的同步共享

4、如果只在内网使用就更好了


鉴于有些设计师还没用过Sketch的Libraries,在这里先简单介绍下。


Libraries介绍


Libraries是Sketch最近版本中新增的功能,一个Library实际上就是一个正常的Sketch文件,我们可以把一套做好的Sketch规范(包含symbols和text styles)放到共享网络中,其他Sketch项目只要通过Libraries引入,就可以调用里面的symbols和text styles。如果Libraries中的样式改变,那么其余使用这个样式的组件都会收到更新提示,手动点击就会更新。


Image title



为了保持界面的风格统一,Libraries非常适合制作大型项目的UI规范,尤其是多位设计师协作完成一套界面的时候。


如果要让其他设计师引入Libraries,就需要一个服务器空间,蓝湖同步盘就像一个服务器空间,设计师把Libraries上传到同步盘后,加入项目的其他人就可以引入使用了。


解决方案


那么回到我们的问题上,如何找到既有简单方便的操作,又能稳定且快速传输的蓝湖同步盘替代方案呢?


UI黑客给出的方案就是利用Mac的共享功能,把自己的电脑当成一个本地服务器,其他设计师只需要进入我的电脑去引入Libraries就可以了,相当于本地化的局域网文件共享。



Image title


其实Mac有非常强大的共享功能,我们这里需要使用的是其中的文件共享。由于是本地化的局域网解决方案,速度当然是很快了,关键是没有上传到互联网,安全性不用任何担心,放在公司内部妥妥的。接下来是实现方法。


1、打开文件共享功能


依次打开设置-共享,打开设置面板。左边列出了Mac可用的共享类型,我们需要使用文件共享功能。afp和smb开头的地址就是其他小伙伴进入你的电脑需要用的。

Image title


Image title



接下来我们要确保文件共享是打开的,对勾勾选。然后点击右侧的选项,afp一般是Mac电脑使用,smb一般win电脑使用,当然Mac使用smb也是可以的,如果使用afp进不到对方电脑就选择smb开头。建议smb和afp共享都勾选。


Image title



2、选择需要共享的文件夹


共享文件夹,就是你想要你的电脑中哪些文件夹给其他小伙伴看,没有共享的文件夹其他人是看不到的,我们可以点击添加来选择,也可以删除某个已共享的。


右侧用户是权限设置,admin是你自己,可以写可以读,说白了就是可以修改可以查看。其他的就设置成只读,就是只能查看不能修改。


Image title



还有一种共享文件方法就是右键单击某个需要共享的文件夹-简介-勾选共享文件夹,之后该文件夹就会出现在共享列表中。


Image title



3、设置客人权限


共享文件夹设置好了,要给其他人设置进入权限。打开设置-用户与群组-客人用户,客人用户选项无法点击的,需要解锁左下方的小锁,输入电脑密码。接下来勾选允许客人用户连接到共享文件夹。设置完毕。


Image title

Image title

Image title



4、进入对方Mac


根据上面步骤设置后,就可以进入对方电脑了。打开Finder,快捷键cmd+k,输入对方afp或者smb开头地址,然后在弹窗中选择客人,接下来再选择你想进入的文件夹就ok。

Image title

Image title



现在,我可以随时查看其他设计师共享的文件,其中Sketch源文件可以随便修改,就是没有权限保存。对方保存Sketch后,我的Mac系统会提示文件发生变化,可以根据提示选择更新还是其他。


Image title



选择Revert,文档就会自动更新到对方最新修改的状态,速度取决于文件大小,一般Sketch文件都是比较小的,几秒钟就更新了。


5、固定电脑的ip地址


有时候会遇到这样的情况,刚开始进入其他同学电脑很正常,但是过几天会发现进不去了,原因是对方ip地址发生了改变。


由于一般默认在局域网中,ip是自动获取的,可能会导致每次分配的ip地址不一样,在Mac中我们可以把ip地址固定。


首先打开网络设置。


Image title


打开网络右下角的高级。


Image title


选择TCP/IP,配置IPv4中选择手动设定地址。IPv4地址一般默认使用路由器地址172.16.12.X,最后的X可以从1-255中填写一个。


Image title


操作之后,电脑的ip地址就会固定再也不会变动了。如果更改之后无法上网的,请联系公司的网络管理员。


以上是Mac共享的打开方法,接下来我们就开始引入Libraries了。



引入和使用Libraries


这里我们要明确一个事情,UI规范是一个大家都可以调用的组件集合,为了设计的规范和统一,不能所有人都有编辑权限(权限可以通过共享中的设置来配置),因此Libraries需要一个人来维护更新,比如在团队中,A同学负责维护UI规范,那么这个Libraries就会放在A的电脑。


如果我想引入Libraries,就需要通过上面讲的Mac共享功能进入A同学的电脑。


cmd+K——输入A同学共享地址——选择客人——找到规范Libraries的文件路径


接下来我们再从Sketch中引入Libraries。


1:打开Sketch的Libraries:Perferences-Libraries-Add Library

Image title

Image title



2:点击Add Library后,我们需要在Finder弹窗中找到需要的Library,然后引入到Sketch中。右侧就是我们刚才连接的A同学电脑共享地址。


Image title




3:之后在symbol中就可以找到刚才引入的Library了,可以在其他项目中使用。Library和普通的symbol相比,图标是不一样的。


Image title



4:如果Library中的symbol样式发生变化,Sketch文档就会在右上角收到紫色的更新通知,点击后在弹窗中就可以看到哪里发生了改变,之后进行更新。


Image title

Image title




总结


经过以上操作,我们就可以在不借助第三方工具的情况下,打造属于自己团队的Sketch Libraries共享解决方案。可以指定一位设计师为管理者,拥有修改权限,其他设计师有只读权限,确保Libraries修改的唯一性。


这个方案的优点是搭建流程比较简单、速度快、内网环境安全性高。不足点是需要管理者的电脑需要保持开机状态。不过我的电脑一般在公司中很少关机,Mac本身的设计就是不建议频繁开关机,即开即用,用完盖上,唤醒很快,让工作更高效。


其实利用Mac的文件共享功能设计师、产品、技术可以很方便地共享源文件、原型图、切图资源等,减少不必要的文件传输和无用的文件副本,而且传输速度也很快。


以前发给产品文件,如果发生了修改,需要第二遍、第三遍,现在利用共享,产品同学看到的一直会保持最新版本,不用再麻烦地传输文件。


希望这个方法能带给各位设计师工作上的启发和效率上的提高。


THE END


本文欢迎转载,但请注明作者:UI黑客


微信公众号:UI黑客

官方网站:www.uihacker.com




更新:2019-02-22

收藏

63人已收藏

UI黑客

官网 uihacker.com

  • 15

    作品

  • 285

    粉丝

  • 20

    关注

  • Sketch 58 Beta版本探秘,看看都有什么新功能
  • Sketch 56 Beta版本探秘,看看都有什么新功能
  • Sketch的Resizing功能竟然还能这么用,设计必备
  • 想提高面试通过率?回答好这10个问题征服面试官

    猜你喜欢

      2019-02-22 原创文章 教程 举报 7198 63 26 10

      使用Mac共享打造自己团队的Sketch Libraries

      0.0°

      你确定要举报使用Mac共享打造自己团队的Sketch Libraries

      如果查出恶意举报,十天内禁止提交任何举报申请。

      0/200

      上传证据: 超过10M的附件请使用网盘地址

      点击上传附件

      对谁可见:

      全部设计师
      • 全部设计师
      • 推荐设计师和认证设计师

      您确认要推荐?

      该作品发布时间:2018年09月14日

      评分

      完整度

      启发性

      勤奋性

      排版布局

      推荐心得

      建议20-200字以内

      0/200

      26
      63
      10

      账号或密码错误,请重新输入

      账号或密码错误,请重新输入

      登录

      手机号

      发送验证码 120s 验证码错误

      登录
      第三方账号登录