Sketch快速上手：显示和创建平面图的完整指南58

Sketch是一款功能强大的矢量图形编辑软件，广泛应用于UI设计、图标设计和网页设计等领域。许多设计师在使用Sketch的过程中，会遇到如何显示或创建平面图的问题。本文将详细介绍在Sketch中显示和创建平面图的各种方法，帮助您高效地完成设计工作。

首先，我们需要明确“平面图”在Sketch上下文中的含义。它通常指的是一个简化的、二维的表示，用于展示设计的整体布局和结构，而非包含细节纹理或高保真效果图。这与建筑设计中的平面图概念类似，但应用于UI/UX设计中，它可以展示应用程序界面、网站布局或者其他数字产品的结构。

一、利用Sketch自带功能显示已有设计稿的平面图效果

Sketch本身并不直接提供“平面图”视图模式，但我们可以通过几种方式模拟或实现类似效果：

1. 使用“Artboard”作为平面图的载体：这是最简单直接的方法。您可以创建一个新的Artboard，将需要显示在平面图上的元素（如按钮、文本框、图片等）复制粘贴到这个Artboard上。然后调整这些元素的大小和位置，以简化细节，突出主要布局结构。您可以选择只保留元素的形状和位置，而移除填充颜色、阴影和其它细节。这相当于手动创建了一个平面图。

2. 利用“Outline”模式简化视觉效果： Sketch的“Outline”模式可以将所有图层以轮廓线的方式显示，隐藏填充和颜色信息。通过选择“View”菜单中的“Outline”选项，可以快速预览设计的结构，并以此作为简易的平面图。

3. 调整图层透明度：通过降低图层的透明度，可以使设计的细节变得模糊，从而突出主要结构。这对于需要保留部分细节，但又想快速查看整体布局的情况比较有效。可以选择多个图层，然后调整其透明度来达到这个效果。

4. 导出为黑白或灰度图像：将您的Sketch设计导出为黑白或灰度图像，可以有效地去除颜色信息，只保留形状和布局信息，以此作为平面图使用。这在需要将设计稿提交给不使用Sketch的团队成员时尤为有用。

二、在Sketch中创建新的平面图

如果您需要从头开始创建一个平面图，而不是基于已有的设计稿，以下方法可以帮助您：

1. 使用基本形状：利用Sketch提供的矩形、椭圆、线条等基本形状，绘制出界面的主要元素。只需关注元素的位置和大小关系，无需过多的细节修饰。

2. 使用占位符：使用简单的形状或文本框作为占位符，代表不同功能区域或内容块。例如，用矩形表示一个按钮，用文本框表示一段文字。

3. 利用Symbol：如果您需要在多个平面图中重复使用相同的元素，可以创建Symbol。这样可以提高效率，并确保平面图的一致性。

4. 结合插件：一些Sketch插件可以辅助创建平面图。例如，一些插件可以自动生成基于现有设计稿的简化版本，或者提供更便捷的形状绘制和布局工具。

三、平面图的应用场景

在UI/UX设计流程中，平面图扮演着重要的角色。它可以用于：

• 早期设计阶段：在设计初期，平面图可以帮助设计师快速构思和迭代界面布局，并与团队成员沟通设计方案。