认识Sketchup

–改自从零开始学APP设计利器SKETCH（一）

矢量图像，也称为面向对象的图像或绘图图像，在数学上定义为一系列由线连接的点。矢量文件中的图形元素称为对象。每个对象都是一个自成一体的实体，它具有颜色、形状、轮廓、大小和屏幕位置等属性。

切图是指将设计稿切成便于制作成页面的图片，并完成html+css布局的静态页面。切图的目的：第一个是让网页稿有了交互性，实现你平时看到的各种各样的功能。切，代表前端！

Sketchup提供的功能：

• 效果图智能标记

sketch实现了软件内的智能标记

• 智能切片工具

sketch的切片工具，我们可以轻松将一个图标导出为适用于ios和安卓的各种尺寸，你甚至不用理解大部分的原理，就可以顺利的切出没有毛刺，精确适配xxhdpi，xhdpi，hdpi，ios下一倍和两倍的切片。

• 先进的对齐工具

sketch的对齐工具可以帮我们更轻松的对齐大部分的元素，丝毫不差。

• artboard——轻松完成整个设计

sketch中没有画布的概念，整个空白区域都可进行创作，因为他是基于矢量的。 但我们在某些时候需要一个“框”，来具象化我们的设计。在ps及其他设计软件中，他叫画布，但在skech中，他被赋予了一个新词，artboard。我们可以在一张画布上创建无数张artboard。这对于app的连贯性来说，是非常有帮助的，我们可以将一个app界面看做一个artboard，然后在一个界面中，对比和查看他们的不同之处，或者将他们的交互过程串联起来。一切都非常方便。然后我们可以将这些artboard分别导出为pdf或者分为一个个的图片文件，方便产品经理或开发者查看。一切只需要一到两步的操作。

• 丰富的组件库

有时候我们需要在设计稿中调用安卓或者ios系统自带的控件，比如弹出的提示框，浮动键盘。但我们一定要自己再画一次吗？不必，sketch有丰富的素材库，我们可以直接将需要的部分拖进来即可

• 设计稿可以在移动设备上即时预览

sketch中自带了一个mirror的功能，可以像psplay和photoshop的远程连接工具一样，将你的设计稿在移动设备上即时预览查看，非常方便。