文章目录[隐藏]
第一章 初识Sketch
1. Sketch 是什么?
Sketch 是一款非常适合UI界面设计师们使用的矢量绘图应用。集合了PS和AI的优点,很容易上手使用。它可以很方便的进行网页,图标及移动端界面的设计制作和切图。
2. 为什么要选择Sketch
对于经常要做移动端界面设计和需要配合工程师切图的设计们来说,Sketch简直就是为他们量身定做的。Sketch的一键导出,强大的画布,可以扩展到无限大,都非常的提高效率。一旦用上就停不下来。Sketch的导出可以导出PNG、JPG、SVG、EPS、PDF、TIFF六种模式,直接导出,非常方便。随着现在大屏手机的盛行,在给工程师们切图中,有时候需要低倍和高倍图,Sketch里面就可以直接导出1x、2x、3x倍的图,一个图标导出三个不同倍数的图,对于适配非常好用。极大的提高了工作效率。也使设计师和工程师们更好的工作协作。非常强大的一款应用。
3. 界面区域的划分
整体可分为四个区域,左侧就是图层区,可以新建图层,进行图层的编辑,分组,命名,多页面的操作。都是在左侧的侧边栏区域。上边是工具区以及布尔运算也在上面工具区里面(下一章节会单独讲一下什么是布尔运算),几乎涵盖了所有你用到的工具,不同于其他绘图应用,Sketch把常用工具放在顶端的工具栏,而不是垂直排列的工具箱,但如果需要,你可以通过右击工具栏,进入“定制工具栏…” (Customize toolbar…) 来添加工具和快捷键。右侧是检查器区,有各种对齐方式,和你正在编辑的画板的参数设置;阴影投影效果,对图形的填充和描边,字体设置参数等都在右边的检查器里。中间就是你的工作区,一块无穷大的画布,你可以无限的去设计,去构图,完全不用考虑画布尺寸够不够的问题。在这个区域你可以无限的建立画板,可以无限精准的查看画布。
原创文章,作者:ioued,如若转载,请注明出处:https://www.iamue.com/6763/