Adobe XD软件介绍
Adobe XD是一站式UX/UI设计平台,在这款产品上面用户可以进行移动应用和网页设计与原型制作。同时它也是唯一一款结合设计与建立原型功能,并同时提供工业级性能的跨平台设计产品。使用Adobe XD可以更高效准确的完成静态编译或者框架图到交互原型的转变。Adobe XD 面向网站设计、移动 APP 设计等设计工作。设计、原型、分享;XD 一站解决。目前Adobe XD 已经可以免费使用了,有兴趣的可以体验一下。此文章将全面介绍一下Adobe XD工具。
Adobe XD,全称为Adobe Experience Design;这是一款集原型、设计和交互于一体的小清新时代风格的设计软件。Adobe XD使用超级简单又高效的界面;一个继承自Creative Cloud 包中,同胞应用的样式。 它为不同平台提供原型工具,包括网站、手机、平板电脑等。
当启动这个应用时,欢迎页面提供不同标准屏幕尺寸模板以及添加你自己设定的文件尺寸。 而且欢迎页面还包含很多资源可以访问,这些资源可以作为学习这个应用程序的起点。
目前XD只能通过用Adobe Creative Cloud安装,没有独立的安装包。
安装软件可以使用Adobe 创意云(Adobe Creative Cloud)安装,使用Adobe创意云速度快,而且可以无缝升级,系统会自动把旧版本里的插件、首选项设置迁移到新版本。
新旧版本可以同时存在,只要在Adobe Creative Cloud里设置,不删除旧版本,就可以保留你之前的老版本的软件。
通过Adobe Creative Cloud 将XD更新到最新版本可以使用中文界面。
1.创建原型项目
打开Adobe XD时,会显示欢迎页面和可以选择的项目类型。 选择自己想要的类型。 然后在图标上点击来创建项目。 创建完画板,双击画板名称,然后改成“主页”。
2.创建原型背景
点击画板,在应用的右边属性面板会显示它的属性,并点击填色来打开颜色选择对话框。 可以在此选择自己喜欢的背景颜色。
打开文件然后选择导入。 在文件浏览器,定位到页眉图片并点击导入。 使用图片周围的控件来调整它的尺寸以适合页面页眉。可以双击图片来修剪图片。从左边的工具面板选择矩形工具,然后在页眉下面创建一个矩形。 从右边的属性面板,设置填色,并对描边选项取消选择来消除描边。
在此框内可以按照前面步骤添加文字或者附加图片并加以修改
Adobe XD中最有用的工具之一就是你可以从已有内容里创建一个网格,而非手动复制。 在键盘上按住Shift并选择小图片、内容背景和文字。 然后,在属性面板中点击重复网格按钮。 此操作是把已创建的内容复制到网格。拖曳底部绿色图标来创建内容的垂直网格。 然后,双击重复内容来修改。 最后,选择内容并且选择取消网格来结束它们之间的联系。
为了创建一个新布局页面,可以在左边的工具面板上点击画板工具。 然后,从右边选择模板来创建新页面。重复以上步骤来创建更多页面添加内容到页面。 最终布局如下:
在页面间连接,可以选择主页,在右边的模糊箭头上点击。 对象浮动菜单出现;选择下一个页面,并设定过渡动画类型)。 重复此步骤在其它页面间连接。
最后在应用的右上角点击预览图标。 会显示允许我们看的和导航到不同页面的预览屏幕。
Adobe XD界面简洁易懂,风格大众,多数人即使不使用中文版也能够熟练运用。作为一款设计软件,它十分成功。
Adobe Xd初体验
这几日由于工作原因,接触到了Adobe Xd。初初体验之后,这个对Win友好还免费的软件真的让人欲罢不能。跟着教程视频走我大概用了四五个小时摸了个七七八八。接下来,从以下几点给大家介绍一下如何使用Xd开发一款原型界面: 无论你是从文件夹、网站、甚至像我这样从微信聊天框中拖动出一张图片,都可以拖进Xd创建的形状内。 如果像我这样,有三个头像一列,你可以选中三张图片一起拖进圈内,如此一来,简单快手又友好。 选择你做的某张页面,进行界面长度的拖动,左侧会多出蓝色的小标号。那条蓝色的虚线意味着超出内容将会滚动显示。 当然,如果你想像我一样,需要将头部info固定,记得要勾选“固定位置”这个选项呀。 重复网格功能对于强迫症患者而言真的是极其的友好了,左右或者上下都进行复制黏贴,排版起来很开心。而红色显示区域进行上下拖动可以调整所有复制内容的间距。 自己操作的时候没有使用到叠加功能,所以找了教程给大家琢磨琢磨。像这个老师一样,制作弹出菜单的时候,便要用到“叠加”功能的使用了,而不单单是简单的页面跳转。 5.资源网站 6.避坑指南 ①注册Adobe ID的时候,请不要选择“中国”地区,否则,“发布原型”无法使用嗷 (:з」∠) 7.总结 以上是个人所以为的Adobe Xd特别牛逼哄哄的功能,当然还有高斯模糊、“制作符号”等有趣好玩的功能在此就请各位慢慢挖掘吧。私以为Xd的高效性和基本功能的涵盖对于开发时间短、上手快有需求的朋友们来说,用起来是特别爽的。或者说,对于没摸过Mac没体会过Sketch的好的我而言,Xd真的很厉害了 (:з」∠) 。 关于练习作品: 及时复盘,及时分享。 好了,我要继续加油了,挥。
推荐阅读
- ○ CFO总变成CEO这背后是隐藏着什么秘密呢?
- ○ qq估价器在线查询
- ○ 淘宝店铺装修代码大全
- ○ 街拍齐b小短裙
- ○ 苹果12Pro参数
- ○ 淘宝返利网怎么用
- ○ acfun下载
- ○ 斗战神嗜血牛加点
- ○ baidu翻译
- ○ dnf悲叹之塔耳环
最新文章
- ○ CFO总变成CEO这背后是隐藏着什么秘密呢?
- ○ qq估价器在线查询
- ○ 淘宝店铺装修代码大全
- ○ 街拍齐b小短裙
- ○ 苹果12Pro参数
- ○ 淘宝返利网怎么用
- ○ acfun下载
- ○ 斗战神嗜血牛加点
- ○ baidu翻译
- ○ dnf悲叹之塔耳环