Adobe Experience Design cc win10汉化版是adobe旗下的一款交互设计工具,这款工具仅支持win10系统。作为Edge Tools的全新升级版,Adobe Experience Design可以通过众多的画板来创建可点击交互的原型,软件将ui设计和UX设计合二为一,旨在成为ux设计师的最终解决方案。
在下载适用于Windows 10的Adobe XD之后,您将找到一组核心的功能,用于设计和原型设计网站和移动应用程序,包括XD的创新重复网格工具,用于加速设计元素的布局,以及可视化连接器,原型。要开始使用Adobe XD,请务必查看位于帮助菜单中的内置教程文件。您也可以观看这些教程的概述。
原型布线纸虽然您可以将XD文档中的资源导出为PNG,并通过桌面或通过XD移动应用程序体验原型,但尚不支持通过Creative Cloud共享原型。共享原型是我们团队的高优先级,我们正在努力在将来的更新中添加该功能。
为Windows 10构建一个全新的UWP应用程序的好处之一是我们可以利用最新的硬件和软件。要在Windows 10上安装Adobe XD,您需要确保安装了最新的“周年版”win10。要检查您运行的是哪个版本,请按照本指南中的说明进行操作。如果您不确定如何升级到周年纪念更新,请从Microsoft阅读这篇文章。
我们有雄心勃勃的计划,为XD中的触摸设备和笔输入提供全面支持。虽然我们在这方面取得了进展,但我们还没有准备好在公开的测试版本中提供这些功能。一旦我们提供了用于设计,原型设计和共享用户体验的核心XD功能集,我们将为Microsoft Surface系列产品和其他支持触摸的设备启用触摸和笔功能。
第一步:访问Adobe XD的官网下载地址,并点击Download按钮
https://www.adobe.com/hk_zh/products/experience-design.html?promoid=7DRZ6NXX&mv=other
第二步:选择登入或注册Adobe账号,并选择Adobe Experience Design CC的技能程度(PS:这里选择的新手),大家可以随便选择的
第三步:登陆后会下载一个桌面的Adobe Create Cloud(又称为ACC),然后在这里登陆刚才注册的Adobe的账号,就会自动开始下载
通用快捷键:
Enter: 编辑所选图层
Escape: 退出当前工具,取消选择所有图层或返回检查器
图层:
选择V
矩形工具R
椭圆工具E
直线工具L
钢笔工具P
文本工具T
画板A
文件:
新建Command+N
打开Command+O
关闭Command+W
保存Command+S
另存为Command+Shift+S
导入Command+Shift+I
导出Command+E
在线分享Command+Shift+E
Xd中文网整理,转载注明出处
编辑
后退Command+Z
前进Command+Shift+Z
剪切Command+X
复制Command+C
粘贴Command+V
重复Command+D
删除94xy.com:Delete
全选Command+A
取消全选Command+Shift+A
对象
打组Command + G
取消打组Command + Shift + G
符合Command + K
锁定Command + L
隐藏Command + ;
剪切蒙版Command + Shift + M
重复网格Command + R
Xd中文网整理,转载注明出处
布尔运算、路径
相加Command+Option+U
相减Command+Option+S
想交Command+Option+I
排除重叠Command+Option+X
转换为路径Command+8
文本
加粗Command+B
倾斜Command+I
图层
上移一层Command+]
下移一层Command+]
移至顶层Command+Shift+]
移至底层Command+Shift+]
对齐
左对齐Command + Shift + ←
水平居中Command + Shift + →
右对齐Command + Shift + C
上对齐Command + Shift + ↑
垂直居中Command + Shift + M
下对齐Command + Shift + ↓
分布
水平分布Command + Shift + H
垂直分布Command + Shift + V
视图
Space: 抓手工具
放大Command + +
缩小Command + -
按屏幕大小缩放Command + 0
100%显示Command + 1
200%显示Command + 2
滚动至所选图层Command + 3:
Z: 放大工具。按住 Z 键,用鼠标单击拖拽出一个区域放大94xy.com缩小则使用 Z + alt 再用鼠标单击。
全屏 Command + Shift + F
切换设计/原型模式Control + Tab
符合库PreviewShift + Y
网格Command + Shift + '
窗口
最小化预览Command + M
Preview预览Command + Enter
录制预览Command + Control + R
一、资源模板
打开软件首先会弹出一个模板选择页面,这里为我们提供了 iPhone、iPad、Web 等常见的设计尺寸。同时自带了一个简单的演示文件以及 iOS、Google Material 和 Win Phone 的常用控件库。窗口右侧则是近期使用的文件记录。
二、整体界面
选择一个合适的尺寸,我们便进入了软件的操作界面。和传统 Adobe 软件界面相比,Xd 的界面要更接近于 Sketch,风格更加清爽,信息层级更加清晰。
整个应用可以分为设计和原型两种工作模式,这一点让工作流程变得更为清晰,用户也无需在多个软件下来回切换。接下来我就两种模式展开介绍。
三、设计模式
我将该模式简单的划分为了导航栏、工具栏、检查器以及工作区四个区域。
用户可以通过导航栏左侧的按钮在设计和原型两种模式下进行切换。而标题栏右侧则是显示了当前视图的缩放比例,同时提供了播放和分享功能的按钮(此功能后续会相继展开)。
左侧的工具栏提供以下几种常用的工具:选择工具、矩形工具、圆形工具、直线工具、钢笔工具、文字工具以及新建画板。对用的快捷键分别为:V R E L P T A 使用方法基本沿用 Adobe 其它软件的用户习惯,所以在此就不展开介绍了。
右侧的检查器主要包括了对齐,布尔运算,对象尺寸、位置以及旋转角度和外观属性。其中外观属性目前提供了透明度、描边、填充以及投影这几种选项。
Xd 的任意形状都可以看做默认的图片剪切蒙版,直接将图片拖放到相应的对象上,图片便会根据对象的尺寸进行自动缩放适配。需要的注意的是,如何你想再次编辑该图片的形状样式,需要再次新建一个你需要的形状对象,同时选中两者,按下 Command+【M】键来新建新的剪切蒙版。通过后者新建的图片对象是可以通过双击再次编辑图片位置和属性的。
除此之外,值得一提的是 Xd 提供了一种新的控制模式 Repeat Gird,在此我将其称作批量控制。选中任意对象后点击此按钮,对象的定界框会由蓝色变为绿色,同时在水平和竖直方向多出两个圆角矩形的按钮,点击并拖动按钮即可在不同方向上对该对象进行批量复制,同时可以通过点击对象之间的区域进行拖动来批量调整所有对象之间的间距。

工具区域默认为浅灰色底色,目前不支持编辑背景色值。
四、原型模式
Xd 目前版本的交互方式只支持页面之间的跳转。操作过程倒是非常简单。在原型模式下选中任意控件,其右侧便会出现一箭头符号,用户点击箭头符号并拖动,将引导线拉至任意页面即可完成简单的交互动画。
与此同时,还可以通过点击控件或其指向页面侧边的箭头符号来控制动画类型和参数。目前提供的属性仅包括页面出现的方式、持续时间以及缓入缓出属性。
用户可以在选中需要预览的页面后点击导航栏右侧的预览按钮进行预览操作。同时 Xd 在预览窗口的右上角提供了视频录制功能。用户可以点击该按钮开始录制,在完成交互操作后,再次点击该按钮完成录制并导出视频。视频格式目前仅支持 mov 格式。
除此之外,用户还可以通过点击导航栏右上角的分享按钮,来创建可以在线预览的链接。文件会默认储存在 Adobe Creative Cloud 的资源库内。同时也可以通过点击分享按钮下的 Manage Links 按钮来编辑及管理这些内容。
我们也可以选择在移动端打开该分享链接来进行实际操作和预览。由于 Safari 浏览器会保留一部分标题栏以至于无法实现全屏预览。所以笔者找到了开发同学,