29第五章9AdobeXD应用基础与联动技巧.pptxVIP

数字媒体交互设计

adobeXD应用基础

联动技巧

用途与特征

基础工具与操作

AdobeXD和AI以及PS的设计联动

AdobeXD中的设计技巧

知识要点

用途与特征

◆重点掌握：

◆次要掌握：√

第一部分

adobeXD

●原型的语音控制。

●MacOS和Windows的本地应用程序。

●与开发人员轻松协作。

作为主打交互的AdobeXD,其本身的硬实力确实不容小视，还在于以下几点：

●与其他Adobe产品无缝协作。

●一键生成惊艳的动效。

AdobeXD是一款轻便的矢量+原型绘制软件，集框线图设计、视觉设计、交互设计、原型设计功能为一体，它可以非常便捷地将设计概念转化为可交互原型，并支持Windows10和MacOS平台。

简介

基础工具与操作

◆重点掌握：√

◆次要掌握：

第二部分

选择

“选择”工具是AdobeXD工具栏中的第1个工具，也是绝大多数情况下默认选中的工

具，可以通过单击工具栏中的指针图标，或者直接按键盘上的V键激活。

激活“选择”工具，用鼠标左键直接在画布上单击任意元素即可选中该元素，可对选

中的元素进行拖曳、缩放和旋转等操作，如图所示。

UIELEMENTS-BARS

NavgstonBans

StatusBars

□NavigationBarsarenfT

%NavigationBar-Hiera…

□LeftAccessory

TitleAction

Chevron

■BackLinksto

■LeftAccessor.…TTitle

RightAccessory

Separator

■Background

NavigationBar-Actio.…

Thisisaprometmessage.

CancelTitleDone

ParentTitle

LargeTitle

设计原型UIElements+DesignTemplates+Guides-iPhoneX

粘贴板

TGuide-SafeAreas

Guide-Fonts

TGuide-Fonts

Guide-Colors

UIElements

另一种方法

另一种方法是按住键盘上的

command键(macOS)或Ctrl键

(Windows),然后用鼠标左键单击该图层，即可直接选中，如图所示。

选择工具

T

Label

Acion

EditModeTitleAction

X选择图层组中的图层时需要注意以下两点：

第1点：按住键盘上的command键(macOS)或者Ctrl键(Windows)直接选中单

个图层是在画布上进行选择，并不是在图层面板中进行选择。

第2点：无论是采用双击的方法还是采用按住键盘上command键(macOS)或者Ctrl键(Windows)的方法进入图层组以后，都可以直接单击鼠标左键选择需要的图层。

IPHONE6/7/8-1

■圆形

■矩形

T

①

T

IPHONE6/7/8-1

■圆形

■圆形

■矩形

■矩形

补充

如果需要选中多个图层，可以按住

键盘上的Shif键，然后选择需要选中的多个图层，如图所示。

选择工具注意事项

IPHONE6/7/8-1

●椭圆1

BI川二出三

韶重复网格

石◎

w0x0

H0Y0

外

图0%

②

T

□

Q

画板

□StyleGuide

DHomePageVersion1

DHomePageVersion2

DHomePageVersion3

DHomePageVersion4

DSigninPage

□SignupPage

□MenuVersion1

□MenuVersion2

□MenuVersion3

□MenuVersion3Hover

DProductGridVersion1

DProductGridVersion1Dro...

消隐选择

如果一个图层既没有填充又没有描边，该图层在画布上是不可见的，此

时需要把鼠标移动到该图层所在的位置，当画布上出现该图层的轮廓线时单击鼠标左键，即可选中该图层，如图所示。

名称选择

如果需要选中整个画板，可以直接单击画布上面的画板名称，如

图所示。被选中