Question

Sketch怎么样？使用Sketch进行UI设计好不好？

Answer 1

我之前一直使用PS进行设计，我觉得PS是个多面手全功能的一个软件。但是对于UI，其实使用Sketch更好！相信大家听到这里都会疑惑：Sketch怎么做UI？对于大家的疑惑，接下来小编就以“Sketch怎么样？使用Sketch进行UI设计好不好？”来为大家详细解答~

：一个年轻人都爱的自学设计平台。软件入门、设计教学、软件下载，尽在~

1、创建一个画布

它自带苹果，安卓，网页，纸张和其他大小的画布，它是一个矢量软件，你只需要创建两倍的大小。

2、插件

目前，最常用的是阿里的Dapollo，哦，我的天~，一旦你使用它，你就知道什么是效率之王。你还需要担心规格吗?它是最好的教学工具。

蓝湖插件，素描测量，和更多。因为使用的时间不长，有插件要用，继续探索

3、组件

将导航栏作为页面上的一个组件引用，该组件上的文本可以被修改。当一个组件被修改时，对它的所有引用都会被自动修改，而不是逐个修改。

作为一个组件，你只需要修改组件，所有的列表都会被修改，组件的文本可以随意修改。

组件可以嵌套组件，在页面中引用，可以替换，可以实现一个组件，一切都做完了，还有修改，只需要修改组件，大大提高了效率。

这是我完成的一个APP组件库，修改后不怕~~~

4、辅助线功能

选择一个元素并按住ALT键来查看它与周围元素的距离。拖动一个元素也会显示类似元素的对齐线。简化对齐。

5、切图

选择要被切割的元素并设置其切割倍数(不规则图形，为了防止其虚拟边缘和正面对齐问题，在其底部创建一个不透明度为1的白色矩形作为其区域)。你可以选择IOS和Android，它会自动显示其常用倍数，删除不必要的倍数也可以。类似地，设置需要切割的元素。

现在使用了SketchMeasure插件。选择“插件”—“SketchMeasure”—“Exportspecification”，设置参数，即可生成HTML规范，方便前端切割图，包括设置的切割图元素。

最后，对裁剪后的图像进行压缩，完成了项目的UI部分。

6、交互效应

它与principle完美连接，一键导入SKETCH源文件，使想要移动的元素移动，文件夹名后添加*，不想移动的元素移动，导入principle为位图。Principle是由一位前苹果设计师开发的，它使UI的实现变得简单和快速。也推荐你使用，很多神工上的动态效果都是用它来做的，它比AE更简单直接，做一些常见的UI动态效果就完全足够了。

总而言之，使用Sketch来进行UI设计制作还是相当的不错的！Sketch在制作交互动效，更好的表达你的设计理念。所以你还没有使用过Sketch进行UI设计的话，可以去尝试一下~