查看 342 | 回复
告别切图标注-Sketch/PS+Zeplin

魏华
活跃积分 1145

如果您想订阅本博客内容,每天自动发到您的邮箱中, 请点这里


来源:UI中国


 


 


Image title


       如果有一天,设计师只需专注界面设计,不需再做切图和标注的工作;如果有一天,工程师只需专注功能框架建设,不需再花太多心思在标注UI上面;没有如果,这一天真的来了。。。


随着sketch的普及,国内外很多项目团队都陆续用起了sketch+zeplin的开发模式。不过话说回来,sketch真的有那么好用吗?很多小伙伴们表示用ps好几年了,要我重新学一个软件,臣妾做不到啊!~           


      其实楼主刚进公司的时候也是这种心情的,没用过mac更没用过sketch,完全的小白用户,当时内心几乎是奔溃的。但是自从接触sketch后,真的是爱不释手,都不想用回ps了。


 


开篇前先回答两个基本问题
1、sketch支持windows吗?
答:不好意思,目前没有!设计师为了提升工作效率,就算吃土一两个月也要买台mac。不过windows用户除了装mac虚拟机外,现在ps也支持zeplin插件了,只要安装个插件,没有mac也照样可以任性的告别切图和标注。
 
2、zeplin支持windows吗?

答:真够意思,这个必须有!不久前只有mac版,不过zeplin团队怎么会放弃windows那么大块的市场呢。真是喜大普奔,现在zeplin也支持windows了,从此开发哥哥再也不会抱怨网页端的zeplin打开速度超级慢了。


 


好了,废话不多说,直接进正题。


首先总结一下sketch+zeplin的优势:
1、sketch支持多画板,便于同时预览,占用内存较ps小很多;
2、sketch支持导出flinto,便于制作交互动效原型;
3、zeplin解放设计师的双手,从此告别切图和标注;
4、zeplin降低工程师的沟通成本,提高设计还原度。



     那么问题来了,我没有mac怎么破?小伙伴们别灰心,现在ps也支持zeplin了,擦亮双眼往下看,只需三步曲,解放双手指日可待。


 


步骤一:
安装软件+zeplin插件



Mac用户:安装sketch;Zeplin.app;zeplin-sketch插件
直接解压安装即可
Windows用户:
安装Photoshop CC2015;Zeplin.app;zeplin-ps插件&面板


 


如何安装的Photoshop插件?
通常,当你启动Zeplin,插件应自动安装。但是,如果你有问题,请确保你有最新的Photoshop CC2015年的版本。两件需要安装,插件和面板。


安装教程:
1、插件
解压并拷贝“io.zeplin.photoshop-plugin”到
   “Adobe Photoshop CC 2015/Plug-ins/Generator”文件夹中粘贴。
2、面板:
解压并拷贝“io.zeplin.photoshop-panel”到
“Adobe Photoshop CC 2015/Contents/Required/CEP/extensions”文件夹中粘贴。
现在,当你重新启动你的Photoshop,你会看到在菜单中Zeplin面板往上顶:窗口>扩展> Zeplin


阅读全文>>

赞 0 1楼 2016-08-01 12:00

 
发表回复
您需要登录后才可以回帖 登录 | 注册