如何提高UI的工作效率-互联网团队设...

空格靖

2018-09-14

原创文章

22

0

0

经验分类:经验/观点/原创文章

在日常工作中,UI除了完成设计,很大一部分工作应该就是和其他职能的同事们沟通,去管理不同项目不同版本的设计迭代、确保我们的图完美落地。


相信很多同学们都遇到过,

在开发过程中修改需求导致要重新布局切图;

临时补充的页面源文件意外丢失;

新公司设计图版本迭代不清楚导致工作量翻倍;

……


本文就推荐几款方便团队去管理设计稿的工具,并做一个简单的比较。


这里说一点,以下介绍的所有工具都有自动标注切图功能。


Zeplin

官方网站https://zeplin.io/

App支持系统 macOs & Windows;有网页端,可以通过网页版直接使用。

插件对接:Sketch,Photoshop

zeplin软件截图

zeplin是我的时间比较长的软件,公司当时按月订购(订购情况下面会具体说明)

与sketch对接很方便,只要在作图中保证规范就可以,且设计稿有调整的时候可以随时同步,还可以简单记录同版本的迭代,即使在定稿后有调整也不需要整体重新输出,刷新同步就可以。可以说操作很贴心了。

zeplin项目列表此外zeplin的项目管理也很方便,项目建立后即可通过邮箱添加相关人员,其他同事通过网页和App都可以进行浏览和下载(这里指的是下载切图),开通权限后也可以上传,或浏览过去的项目。团队内的人都可以邀请进来协作,版本迭代清晰明了。


如果暂停付费,zeplin也会保留你曾经的项目内容,只是不能浏览使用了。

(如果对使用或者什么有疑问的话,zeplin的团队是有在线答疑的,不过人家和我们不是一个时区,所以回复可能不及时,但是还是很热情的帮助解决问题的)


zeplin付费情况

付费情况:2个项目免费,不限画板数,且可以添加成员,第三个项目就需要付费了。按月和按年两种付费,项目数和可容纳的人员数都有区别。

缺点:读取速度慢(开发同学经常抱怨这点);价格不菲(毕竟是走美刀的)



Pxcook

官方网站http://www.fancynode.com.cn/pxcook

App支持系统 macOs & Windows,需要安装Adobe Air;有网页端,可以通过网页版使用。

插件对接:Sketch,Photoshop,Adobe XD


pxcook像素大厨,最开始做UI时用的软件,当时主要对接Photoshop(那时候还没有Sketch),后来用了sketch之后就没再用过,偶然一次才发现现在已经更新的很好了,支持很多平台和软件,通过插件或者直接添加都可以开始切图。


操作页面分为【设计】和【开发】

【设计】可以在软件里二次标注,标注切图时可以选择自动或手动。手动标注和过去版本操作一致。

【开发】上图。开发界面就只显示开发需要的信息,右下会提供样式代码(不懂,并不知道这些代码意义大不大)


pxcook付费情况

云协作,不付费的情况下,只有1个项目,根据不同付费方式,可协作项目和人数都有变化,这么看价格还是很美丽的。

不过即便不付费云协作,设计师在本地也可以记录迭代,且不限数量。

由于没有用过付费版,就不多评价了。


蓝湖

官方网站https://lanhuapp.com/

网页端,可以通过网页版直接使用:有手机App(还是很赞的)。

插件对接:Sketch,Photoshop,Adobe XD


蓝湖是一个友人推荐的,说他们公司在用,优点就是免费!

注册使用都比较简单。刚刚注册之后会有一个演示项目,很快速上手,以上两款软件有的标注切图基本功能都具备。

值得一提的是,它可以通过会画板的连线,进行简单的交互逻辑展示;屏幕中间的文件夹图标,可以关联文档、链接,ppt、Axure等文档格式都支持。一下子就是它从方便设计师变成了一个整个团队都可以一起使用的工具。



还有一个很心水的功能,就是【管理相似设计图】,同一个页面的不同状态,几个页面合并管理,也方便查看和管理。zeplin只能对页面分组,蓝湖在在可分组的基础上添加的这个功能,真的很方便了。

除了这个教程,也有教程手册可以参考,此外还有很多很有趣的功能,我认为蓝湖的团队也真是用心的设计呢。我使用的时间不长,所以还没有发现有没有有项目数量限制。

蓝湖登录界面官网有企业服务的入口,还没有探索价格相关。据友人说他们公司用的项目较多,会出现网页很卡的情况,蓝湖的工作人员有联系过说明企业服务会有独立服务器就会快了。


说了这么多,都想收推广费了……

当然我的主要目的是分享,二次分享的话请标明作者和出处。


如果看完这篇文章,大家能根据自己工作的实际情况找到了一个让工作效率翻倍的工具,请点个赞哟(ღ( ´・ᴗ・` )比心




全部评论:0

更多作品

发表评论

取消

点击右上角
分享给朋友吧

分享到

取消