adobe xd是什么软件(dw是什么软件)

Adobe XD软件是专门为设计师进行原型设计、界面设计、交互设计的软件。它可以设计任何用户体验界面，创建原型和共享文档。

(设计视图案例)

此外，在互联网行业，Adobe XD也受到设计师、产品经理、运营管理的青睐。设计师可以用它做高保真的设计图，产品经理可以做原型设计，运营经理可以做流程图。

(原型接口图)

从一开始被大家质疑，到现在真的香了。XD受到了相当一部分人的追捧，简单易懂的操作大大降低了学习成本。

今天数字艺术君就给大家讲讲XD软件的核心——视图栏。其主要模式是设计视图和原型交互视图，所有功能都是基于这两种视图模式进行设计的。

视图栏位于XD软件的上方，如图所示。

一个

设计视图

进入设计视图模式后，用户可以随意在艺术板上绘制设计图形。

打开“*”后。XD “文件，默认情况下它通常处于设计视图模式，如图所示。

2

原型交互视图

设计师不能在原型交互视图中设计图形和图像，只能使用已有的设计视图进行原型交互。

在原型交互视图中，设计师可以通过拖动线条连接两个艺术板页面，一个艺术板页面中的一个功能，或者一个艺术板页面和一个功能，从而形成一个交互，如图所示。

三

文件名显示

文件名显示是显示文件的名称，也就是设计者当前设计的图形图像的名称，如图。

通常有三种文件状态。

类型1:只打开文件，不做任何事情。

类型2:已编辑但未保存。

类型3:编辑并保存。

在情况1和3中，标记将不显示，如图所示。

第二种情况会显示“已编辑”，也就是编辑过的标签，如图。

四

缩放视图

缩放视图是为了缩小和放大设计视图。目前有25%，50%，100%，150%，200%，300%，400%，放大，缩放，缩放到选区，缩放到适合，如图。

1.Zoomin使用前后的效果

打开名为“iPhone背景图片”的xd文件后，显示比例为38.5%，效果如图。

点击“放大”选项后，缩放比例会自动从38.5%放大到50%，如图。

2.使用前后的效果

打开名为“iPhone背景图片”的xd文件后，显示比例为38.5%，如图。

点击“缩小”选项后，缩放比例会自动从38.5%缩小到33%，如图。

五

手机预览

目前app store无法下载XD官方软件，暂时无法用官方软件在手机上预览。

iOS系统的手机连接电脑时，会显示iOS设备已连接，如图。

六

计算机预览

找到软件界面右上角的电脑预览按钮，如图。

点击按钮，在电脑上预览设计视图或交互视图，如图。

Adobe XD软件可以用来设计智能手表应用软件、平板电脑应用软件、手机应用软件等。除了设计和交互网页。

下面以一个“看天气应用设计”的案例来展示XD的设计过程。

案例:手表的天气应用设计

手表应用越来越普及，很多企业都有做手表应用的需求。学习如何设计手表应用，读者可以提高就业竞争力。

使用Adobe XD软件制作的手表的天气设计效果如图。

看天气是一个常见的应用，也是一个比较经典的应用。本案例使用矩形工具、文本工具、椭圆工具和颜色填充工具来完成看天气的界面设计。

创建艺术板:使用艺术板工具创建艺术板，将w值和h值分别设置为440和520，取消选中“填充”按钮前的复选框，如图。

02命名画板:双击标题“iPhone X/XS-1”，将画板名称改为“天气”，如图1和图2所示。

创建矩形:使用矩形工具创建矩形，如图所示。

04设置颜色:点击“填充”按钮，弹出色板，设置填充颜色为“#5045AC”，如图。

05设置矩形:在矩形中用鼠标左键按住“”按钮，拖动矩形的直角到圆角处，松开鼠标，如图。

06复制粘贴:点击选中这个矩形，按Ctrl+C复制，然后按Ctrl+V四次，粘贴四个相同的矩形，如图。

07设置小矩形:将复制的四个矩形的W值和H值分别设置为“182”和“163”，如图。

08设置小矩形的颜色:将复制的四个矩形的填充颜色分别设置为# 7c93fa、# f97EAF、# ea886c和# ffd348，选中四个小矩形，按住鼠标左键拖动四个矩形到天气艺术板上，松开鼠标左键完成，如图。

输入文本:使用t text工具创建多个文本框，输入返回、10: 27、10: 27 AM、晴天、28℃、深圳等文本内容，完成后的效果如图所示。

10创建下图:使用“O”椭圆工具创建7个小点，如图1所示。选择所有的点，按住鼠标左键并拖动到页面的底部，如图2所示。

图1

图2

11设置图形颜色:将第四个点的颜色设置为白色，颜色值为“#FFFFFF”，将其他点的颜色设置为黑色，颜色值为“#050505”，如图。

12完成:手表天气应用设计界面完成，最终效果如图。