移动开发工程师-用户界面设计与体验-Adobe XD_创建与管理画板.docx

PAGE1

PAGE1

AdobeXD基础操作

1启动AdobeXD并创建新项目

AdobeXD是一款专为用户界面和用户体验设计而打造的工具，它简化了设计流程，使设计师能够更高效地创建、测试和分享设计。启动AdobeXD并创建新项目是使用这款软件的第一步。

1.1启动AdobeXD

打开AdobeXD：在计算机上找到AdobeXD的图标，双击打开。如果你是首次使用，可能需要登录你的Adobe账户。

启动界面：AdobeXD启动后，你会看到一个欢迎界面，这里可以创建新项目，打开现有项目，或者访问AdobeXD的在线资源。

1.2创建新项目

选择“创建新”：在启动界面中，点击“创建新”按钮，开始创建一个新的设计项目。

选择项目类型：AdobeXD提供了多种预设的项目类型，如“Web”、“iOS”、“Android”等，选择一个与你的设计目标相匹配的预设。

自定义画板尺寸：如果你的项目需要特定的尺寸，可以点击“自定义”并输入宽度和高度。例如，创建一个1920x1080的画板用于设计网页布局。

命名项目：在“项目名称”字段中输入你的项目名称，这将帮助你更好地组织和识别你的设计。

保存位置：选择项目保存的位置，AdobeXD支持云存储，也可以选择本地保存。

创建项目：点击“创建”按钮，你的新项目就会在AdobeXD中打开，准备好开始设计。

2了解AdobeXD界面与工具

AdobeXD的界面设计直观，易于上手，主要由以下几个部分组成：

菜单栏：位于屏幕顶部，提供文件、编辑、视图、窗口等菜单选项。

工具栏：位于屏幕左侧，包含各种设计和编辑工具，如选择工具、矩形工具、钢笔工具等。

属性面板：位于屏幕右侧，根据当前选择的工具或对象，显示相关的属性和设置。

画板：设计区域，可以创建多个画板来组织不同的设计页面。

图层面板：位于屏幕右下角，显示当前画板上的所有图层，可以在这里管理图层的顺序、可见性等。

2.1工具栏中的工具

选择工具：用于选择和移动对象。

矩形工具：创建矩形和正方形。

钢笔工具：绘制自定义形状和路径。

文本工具：添加和编辑文本。

画笔工具：用于绘制和涂鸦。

形状工具：创建圆形、多边形等基本形状。

组件工具：用于创建可重复使用的组件，如按钮、输入框等。

2.2属性面板的使用

属性面板根据你当前选择的工具或对象显示不同的选项。例如，当你使用文本工具时，属性面板会显示文本的字体、大小、颜色等设置；当你选择一个对象时，属性面板会显示对象的位置、大小、边距等属性。

2.3画板的创建与管理

创建画板：使用工具栏中的“画板”工具，点击设计区域的空白处，拖动以创建一个新画板。或者，从属性面板中选择预设的画板尺寸。

重命名画板：在画板上右击，选择“重命名”，输入新的画板名称。

调整画板大小：选择画板，然后在属性面板中调整宽度和高度。

复制画板：选择一个画板，然后使用“复制”和“粘贴”命令，或者直接拖动画板到设计区域的空白处进行复制。

删除画板：选择画板，然后使用“删除”命令，或者在画板上右击，选择“删除”。

通过以上步骤，你可以在AdobeXD中启动项目并开始设计，同时熟悉其界面和工具，为创建和管理画板打下基础。AdobeXD的界面设计和工具集旨在提高设计效率，使设计师能够专注于创意，而不是技术细节。#创建画板

3使用’画板’工具创建新画板

在AdobeXD中，画板是设计界面的基本单位，用于模拟不同设备的屏幕尺寸，如手机、平板或桌面应用。创建画板是开始任何设计项目的第一步，它帮助你组织设计元素，确保它们在不同设备上正确显示。

3.1步骤1：选择画板工具

打开AdobeXD，进入你的项目。在左侧的工具栏中，找到并点击“画板”工具（图标为一个矩形，通常位于工具栏的顶部）。

3.2步骤2：创建新画板

预设尺寸：在画板工具的选项栏中，你可以选择预设的设备尺寸，如iPhone、iPad或Web。点击下拉菜单，选择一个合适的预设尺寸，然后在画布上点击或拖动以创建画板。

自定义尺寸：如果你想创建一个非标准尺寸的画板，可以点击画板工具选项栏中的“自定义”按钮。在弹出的对话框中，输入你想要的宽度和高度，然后点击“确定”。在画布上点击或拖动以创建自定义尺寸的画板。

3.3步骤3：调整画板位置

创建画板后，你可以通过拖动来调整它的位置。点击画板的边缘，直到出现四个方向的箭头，然后拖动画板到你想要的位置。

4自定义画板尺寸与布局

AdobeXD允许你自定义画板的尺寸和布局，以适应特定的设计需求。

4.1步骤1：选择画板

首先，确保你选择了画板工具。然后，点击你想要调整的画板，使其边框变为蓝色，表示它已被选中。

4.2步骤2：调整画板尺寸

使用属性检查器：在右侧面板中，找到“属性”检查器。