Adobe XD的使用

缩放视图：Ctrl+ +/-移动视图范围：1.按下滚轮不松且拖动​ 2.按下空格键不松快速放大选中元素：Ctrl+3快速显示所有内容：Ctrl+0单独调整某个角度为圆角：按下ALT键不松，选中选择工具，鼠标左键拖动画圆：1.按下shift键不松，鼠标拖动，以鼠标箭头为起始点画圆​ 2.找到中心点，按住shift+alt键不松，鼠标拖动，从中心点开始绘制打断：意为将闭合的边框开口，想要删除多余的线段，选中此线段的端点，点击delete。

复制 Ctrl+D 导出所有内容 Ctrl+E 吸管 I 水平平移 按住Shift键滚动滚轮 垂直平移 滚动鼠标滚轮

常用快捷键 选择工具 v 长按空格+鼠标左键 拖动 矩形 r 椭圆 e 框选 z 全部视图 CTRL+0

【代码】【备忘】Adobe XD提供了一系列的快捷键来帮助设计师们提高工作效率。

adobe xdAnimations… For a long time, these really were a mystery to me. I didn’t know what to use to make them, or how to use them, or, really, anything about them. So when the time came that my boss ...

Adobe XD，全称Adobe Experience Design。 这是一款集原型、设计和交互于一体的小清新时代风格的设计软件。 虽然传言中，Adobe XD将会是skech的劲敌。然而在windows系统当中，Adobe XD的确是产品原型设计领域最趁手的设计软件。它使用简单，界面整洁，虽然之前博主一直使用的是Axure 8.0，但在博主看来，Adobe XD在界面、素材以及设计操作上的确甩了Axure好几条街，至少它成功的吸引到了我。

对于为网络设计的任何人，Adobe XD都是理想的图形工具。 它允许在一个应用程序中进行设计，原型设计以及与其他人协作。 但是，由于它仍然是一个相当新的应用程序，因此关于如何充分利用它的信息很少。 因此，您需要查看这四个Adobe XD课程，其中的讲师Dan White将带您详细了解该软件。 如果您全部修完这四门课程，您将对如何使用Adobe XD中的基本工具有一个全面的了解，并掌握了...

5.【屏幕滚动】，点击页面整体，将右侧控制台的滚动改成垂直，再拉动页面底部中间小圆点将页面以外的内容拉入，出现的虚线是不滚动会出现的内容。4、创建过渡原型，在顶部栏中选择原型，将需要创建过渡原型的部件左侧蓝色指示图标进行拉线连接，即可实现【点击组件跳转到另一页面】。7、【主题颜色】更改，对页面右键点击加入颜色资源，即可在xd左下角找到资源，在资源列表下一键更改多个页面的颜色。6、【滚动时固定位置】，点击需要固定的内容，在左侧的滚动处勾选滚动时固定位置即可。

记录一下xd使用，还不熟悉，偶尔画一画东西，防止忘记 1. 新建画板 快捷键：A，即切换到画板模式，鼠标点击文档空白处即可新建画板， 右侧面板是画板各移动端型号和不同分辨率参考模板 2. 缩放画板 按住Alt键，滚动鼠标可缩放 ctrl键，结合+/-可进行画板缩放 3. 图标使用 图标库建议使用iconfont，图标导出为svg/AI，直接拖入画板，即可使用 4. 图层选中 鼠标点选-直接选...

Adobe Xd: 简要介绍： Adobe Xd是一款主要做UI设计的软件，刚刚兴起，有许多的插件可以使用，小巧便捷，由Adobe公司新推出的产品，有许多的优势，未来应该有不错的发展，目前windows系统只是用于win 10。 优势： 1.占内存小，同样做一个设计，如果用Ps做出来要130M，而Adobe Xd只需36M左右。 2.能在PC，MAC系统下运行。 3.全家桶支持，具有平台优势，可以...

摘要： 前端写页面布局时,图片变形是个很令人头疼的问题,手机屏幕分辨率不一样,出来的效果就不一样,下面的代码可以解决这些问题,保持图片在不同分辨率下面也可以让图片不变形 首先不能给外层列表定高度,用margin或者padding撑开.album-li-pic{height:0;overflow:hidden;margin:0;padding-bottom:100%;} img用定位的方式布局,w...

AutoLayout适配教程（一）控件的等比例伸缩在Storyboard开发（Xib）中，控件的等比例伸缩适配是iPhone不同机型屏幕适配的一个难点也是重要。这边以一个首界面的4个button等比例伸缩适配为例。效果图是以6的尺寸出的，Storyboard中屏幕size也是以4.7寸为基础。效果图如下： （PS：教程对应代码Github地址，需要的可以点击进入Github）也可以直接在终端下用命

快捷键集锦

原标题：XD教程 | 如何在XD中制作"拖拽手势” 今日主题：设计一个滑动交互使用工具：Adobe XD预计时长：1-2分钟实用指数：★★★★★难度系数：★本期教程，我们将与大家分享一个非常简单且实用的小教程—如何在Adobe XD制作拖拽手势，设计一个“滑动交互”。凭借这项功能，用户将能在手机页面上左右滑动切换内容，实现在同一区域展示多样内容的理想效果。Adobe XD左右滑动屏幕查看内容 0...

刚开始学的时候经常弄混总结一下： 懒人： (1) require（导入）是Commonjs的规范与module.exports（导出）搭配使用. (2) import（导入）是es6为js模块化提出的新的语法与export（导出）搭配使用. (3) 一个文件/模块中只能有一个export default且一次只能导出一个，但可以有很多export和import.并且通过export方式导出，在导入时要加{ }，export default则不需要{ } (4) commonjs运行时加载es6是编译时输出

超人的电话亭公开课-XD高级交互动画详解从 Adobe 发布 XD 到现在，已经快三年了，作为一款针对 UI 领域的后起之秀，XD 的更新一直是很稳定的，从 18 年起官方的大力支持开始，它的影响力已经越来越大。一方面，Adobe 将其免费，我们再也不用使用盗版也可以持续获得最新版本更新，另一方面，开放了第三方的支持，用传闻 1000 万刀的奖励鼓励第三方开发插件，弥补了对比 Sketc...

可以用鼠标左键拖动面板到独立的位置或者吸附到其他面板上最下面的按钮 Show labels under icon:是定义工具栏图标下是否显示文字用于设定预设的一些说明，可以预编辑三种1)文本2）数值3）选项，选项值在右边罗列之后再为元件添加说明时，就会默认出现一些字段为了提供给用户多种选择说明模版，针对上一步的字段全集进一步定义了分组这样在前台就可以选到在页面空白处查看说明就会发现。

一、Adobe XD 简介 是一款用于设计网站和移动应用程序用户体验以及为其构建原型的端到端解决方案。通过一款功能强大的工具，轻松地在线框、视觉设计、交互设计、原型构建、预览和共享功能间进行切换。 二、Adobe XD 已经可以免费使用了！ 这一免费计划面向所有人，其中包括 Adobe XD、2 GB 云存储、Adobe Fonts（基本库）以及最多 1 个有效...