开发之UI篇

首先这里介绍一个软件一个插件,它们的主要功能是方便开发者看UI(如尺寸,颜色,大小等),两个配合使用

一. Sketch软件

  1.Sketch  看ui图,还可以切图

  2.Sketch 如何切图:

?

1 2 3 4 5

1.右击Sketch软件标题栏,选择customize Tooltar... 2.找到切片工具,然后移动到标题栏上. 3.选择切片工具移动到要切的图片上,必须成选中状态. 4.在左侧就会显示切片文件,然后将切片文件移动到原文件上方并同时选中,选择Comment+g键合成一组. 5.选择切片文件,右侧有1倍,等规格的,具体按照你当前的图是几倍的来判断,最explort(导出),记得去除背景,在背景选项打勾.<br><br>

破解方式

• 第一步：拖拽Sketch.app到 应用程序（Applications） 文件夹;
• 第二部：执行sketch_v3程序，等终端程序显示 ： [进程已完成]，便完成破

 二.Zplin插件

?

1 2 3 4 5

1.首先登录官方网站注册(免费插件哦). 2.登录,然后新建个文件(create ....) 3.选择系统如iOS,再选择你当前的图是几倍图如@2x. 4.点击Sketch软件导航栏的Plugins->Zplin->Explort Selected ArtBoards,搞定. 5.打开Zplin双击某个图在右侧就可以查看详细图了.