Sketch 基础指南之界面认知

Sketch 本身的界面非常简洁。

工具栏作为常用选项被放置在顶部;属性检查器被放置在右侧,常用于调节所选图层的属性;图层列表面板在界面的左侧,显示所有的图层和画板。最后也是最主要的就是我们创作区域——画布,位于中间位置。

整个界面没有设计浮动面板,同时也没法分解面板(类似 Photoshop ),但是属性检查器会根据你使用的工具显示对应的可调节属性,当你切换工具时,属性检查器面板将会随之改变,这样可以减少不必要的空间占用,让你在设计的时候拥有更多的画布空间。

Sketch 只会在你需要的时候呈现必要的功能界面


画布

Sketch 的画布尺寸是无限的,你可以往不同的方向滚动无限远,这使得你可以有比较自由的空间的去进行创作。

如果你习惯于在无限大的画布中定义固定大小的框框,你可以插入一个或多个画布,使用快捷键 A。比如,当我们需要设计手机应用界面时,我们通常会选择我们需要的手机屏幕尺寸,Sketch 为我们提供了常用 iOS、Android 和 Web 的一些尺寸,我们只需要选择使用即可。

Sketch 提供画布的两种视图模式,一种是矢量路径模式,作为无损的路径形态可以帮助你更好的调节矢量图层;一种是像素模式,可以更直观的了解位图的每个像素,你可以阅读[像素缩放]了解更多。

画布视图模式

备注:一些如模糊的效果其实是将图层进行像素化处理,无论是矢量元素还是位图元素,都是如此。


属性检查器

属性检查器面板固定在软件界面的右侧,方便你调节所选图层的相关属性。当你选择不同图层(比如文字、形状、编组、Symbol 等),该面板会显示成相应的选多个选项面板。

对齐选项

在属性检查器的最顶部是用于均分图层和对齐图层的按钮,这些功能适用于所选图层大于 1 个的时候。更多的操作指南将会在[图层章节]单独讲解。

Sketch 对齐选项

图层属性

在属性检查器的顶部可以看到图层属性的面板,里面包含了图层的坐标、大小、变换、透明度等,还有针对形状图层和图片可设置的圆角属性。

(img)

图层约束

这项功能适用于编组的图层和画板,你可以通过设定编组或画板内图层的约束,让你的编组和画板可以通过调整大小更好的适配不同的尺寸,这些非常重要的一章,后面会有特别讲解,记得关注[图层章节]相关信息。

(img)

文本字段

在属性检查器里的文本字段并不是普通的意义文本字段,它可以进行基本的数学运算并支持鼠标键盘的快捷操作。如果你尝试将鼠标指针放置在文本框时,你可以通过鼠标点击文本框右侧出现的添加或减少按钮来获得数值的改变,如果在操作时按住键盘的shift按键,你可以得到原来数值的 ±10 运算结果,如果你按住键盘的option按键,你可以得到原有数值的 1/10 的运算结果。

(img)

增加和减少

当你鼠标选中文本框的时候,你会发现原有的上下箭头不见了,虽然不能点击增加和减少,但是我们可以通过键盘组合键得到同上效果,比如按住shift + ↑ or ↓可以得到 ±10 的运算结果,按住option + ↑ or ↓可以得到 1/10 的运算结果,当然你也可以直接使用键盘按键↑ or ↓来获得 ±1的运算结果。

未完,待续 ~

标签: sketch

添加新评论