个性化阅读
专注于IT技术分析

sketch画板和形状 – Sketch入门UI设计教程

本教程将教你sketch 3的基本知识,无论你是否有设计背景。第1部分(你现在正在阅读的内容)主要关注画板和基本形状的创建,第2部分介绍层和文本样式,第3部分介绍符号和导出。下面让我们开始吧!

创建画板

首先,确保安装了Sketch 3。通过单击File > New创建一个新文档。当你看到空白屏幕时,请查看左上角的“Insert/插入”菜单。此菜单包含创建新层所需的所有工具。

插入新图层

首先创建一个画板,它类似于画布,你选择的大小决定了你导出的图像的最终尺寸。

画板的工具

一旦你选择画板工具,你可以自由画一个画板像这样:

画一个画板

或者你可以看看右边的检查器栏。如你所见,有几种不同设备大小的预设尺寸,我选择了iPhone 5。

选择画板

注意:如果你需要调整画板的大小,只需选择它的名称并拖动显示在角落上的白色方框。

如果你想看到整个画布呢?让我们尝试使用位于屏幕顶部的工具进行缩放。

sketch缩小

你也可以通过选择View/视图 > Center Canvas/居中画布,或使用快捷键⌘+ 1

sketch画布居中

添加形状

现在你的画板是完全可见的,让我们添加一个矩形到画板,位于Insert/插入> Shape形状 > Rectangle/矩形中。

sketch矩形工具

我在画板顶部做了一个细条,就像移动应用程序中的导航条。

sketch画矩形

下一步,找到右侧菜单,一般又称为“Inspector/检查器”,这里有一个带有复选框的“Border边框”部分,选中取消它以删除默认边框。

sketch取消边界

我们还可以更改边框上方部分的填充,这里使用用#104F8A,你可以在吸管图标下面的框中输入这个数字。

sketch改变填充

注意,如果你点击填充窗口底部的+号,你可以保存这个颜色样本以备以后使用!

赞(0)
未经允许不得转载:srcmini » sketch画板和形状 – Sketch入门UI设计教程

评论 抢沙发

评论前必须登录!