如何快速学习:[2]Sketch设计界面

2025-07-18 16:33:41

Sketch是osx平台下用来绘制[软件界面]的工具。目前大多数使用苹果电脑进行软件界面设计的公司都会使用该工具。此篇讲介绍一下如何快速的学习该软件工具进行软件应用界面的设计工作。

工具/原料

支持osx的电脑一台(Mac、Macbook、Mac mini、以及各类黑苹果)

Sketch

操作界面

1、打开已经下载好的Sketch软件,可以看到如下的用户界面

如何快速学习:[2]Sketch设计界面

2、最上方的是[工具栏],在左上角[Insert]用于插入符号与形状

如何快速学习:[2]Sketch设计界面
如何快速学习:[2]Sketch设计界面

3、左侧的是[图层栏],在图层栏的最下方是过滤器,用于使用名称过滤图层

如何快速学习:[2]Sketch设计界面
如何快速学习:[2]Sketch设计界面

4、中间是一个大型的[画布],用于绘制应用界面。

如何快速学习:[2]Sketch设计界面
如何快速学习:[2]Sketch设计界面

5、右边是[指示器],用于更改和编辑[值]。可以在右侧为某个形状创建样式,以便重复使用

如何快速学习:[2]Sketch设计界面

符号(Symbol)

1、符号(Symbol)是Sketch 3中新加入的一个特性,可以使用Symbol驻账答峰绘制形状组合以便进行复用。选择一个或一组形状,然后使用[Layer 菹篇葩击- Create Symbol]讲该组形状转换为符号。

如何快速学习:[2]Sketch设计界面

2、当创建好一个Symbol之后,可以通过[Insert - Symbol]插入

如何快速学习:[2]Sketch设计界面

向量形状

1、向量(Vector)是我们一切形状的基础。

如何快速学习:[2]Sketch设计界面

2、布尔逻辑(Boolean)用于设置当两个形状重叠时怎样显示,我们可以通过在指示器栏[Blending]设置。

如何快速学习:[2]Sketch设计界面

切片(Slice)

1、可以使用切片工具,讲当前界面切成若干个块,然后倒出成图片,以供使用

如何快速学习:[2]Sketch设计界面
声明:本网站引用、摘录或转载内容仅供网站访问者交流或参考,不代表本站立场,如存在版权或非法内容,请联系站长删除,联系邮箱:site.kefu@qq.com。
猜你喜欢