本文系结合SKETCH的帮助文档,在翻译的基础上,结合实际案例讲解。
主要是写给想学习sketch的产品经理,或前端开发人员。
SKETCH操作界面介绍文章汇总:
- SKETCH基础教程第2课:操作界面概述
- SKETCH基础教程第3课:操作界面-画布(Canvas)
- SKETCH基础教程第4课:操作界面-监视器面板
- SKETCH基础教程第5课:操作界面-图层列表
- SKETCH基础教程第6课:操作界面-工具箱
- SKETCH基础教程第7课:操作界面-Touch Bar
正文:
Sketch的画布可以无限放大和缩小,您可以任性做画。
(Sketch’s Canvas is infinite in size; you can scroll as far as you want in any direction, so you have complete freedom on how you set up your drawing area.)
如果您想在画布上定义一个固定大小的区域做画,可以插入一个或多个画板。例如,当您要设计移动端界面,很多设计师在设计移动端页面时,会创建多个画板,每个画板就是APP的一个界面,在排列这些画板时,可以参考APP的界面顺序。
(If you’d like to define a fixed frame inside the infinite Canvas, simply insert one or more Artboards. For example when designing mobile interfaces, many designers create an Artboard for each screen in the app and lay them out in order of appearance.)
画布的好处是它拥有独立的视图解决方案(注:基于座标的失量解决方案),因此无论放大或缩小,您看到的都是清晰的;相比之下,如果您将设计好的图片导出为JPG或PNG格式,并在此格式下打开查看,尽量放大图片,就会看到每个像素点。
(You can view the Canvas both in a resolution-independent view where you have infinite precision, or you can turn on pixel preview and you will know exactly how every pixel will look when it’s being exported to a bitmap format (such as JPG or PNG). You can learn more about these modes in Pixel Zoom.)
备注:一些特效,比如模糊效果会强制部分画布上的内容以像素预览模式来呈现,因此模糊这种特效是基于像素点的特效。
(Note: Some effects such as blur will force parts of the Canvas to be displayed in pixel preview mode, as a blur is inherently a pixel-based effect.)
PS:我需要把英文原文也贴上来吗?还是只用中文就可以了?
如果对翻译的内容或实际的案例有疑问的,欢迎留言!
作于:2018年11月12日。
上一篇:SKETCH基础教程第2课:操作界面概述
下一篇:SKETCH基础教程第4课:操作界面-监视器面板