AdobeXD软件介绍
Adobe XD是⼀站式UX/UI设计平台,在这款产品上⾯⽤户可以进⾏移动应⽤和⽹页设计与原型制作。同时它也是唯⼀⼀款结合设计与建⽴原型功能,并同时提供⼯业级性能的跨平台设计产品。使⽤Adobe XD可以更⾼效准确的完成静态编译或者框架图到交互原型的转变。Adobe XD ⾯向⽹站设计、移动 APP 设计等设计⼯作。设计、原型、分享;XD ⼀站解决。⽬前Adobe XD 已经可以免费使⽤了,有兴趣的可以体验⼀下。此⽂章将全⾯介绍⼀下Adobe XD⼯具。
⼀.何为Ado be X D?
Adobe XD,全称为Adobe Experience Design;这是⼀款集原型、设计和交互于⼀体的⼩清新时代风格的设计软件。Adobe XD使⽤超级简单⼜⾼效的界⾯;⼀个继承⾃Creative Cloud 包中,同胞应⽤的样式。 它为不同平台提供原型⼯具,包括⽹站、⼿机、平板电脑等。
当启动这个应⽤时,欢迎页⾯提供不同标准屏幕尺⼨模板以及添加你⾃⼰设定的⽂件尺⼨。 ⽽且欢迎页⾯还包含很多资源可以访问,这些资源可以作为学习这个应⽤程序的起点。
手机app设计模板⼆.Adobe XD的安装⽅法
⽬前XD只能通过⽤Adobe Creative Cloud安装,没有独⽴的安装包。
安装软件可以使⽤Adobe 创意云(Adobe Creative Cloud)安装,使⽤Adobe创意云速度快,⽽且可以⽆缝升级,系统会⾃动把旧版本⾥的插件、⾸选项设置迁移到新版本。
新旧版本可以同时存在,只要在Adobe Creative Cloud⾥设置,不删除旧版本,就可以保留你之前的⽼版本的软件。
通过Adobe Creative Cloud 将XD更新到最新版本可以使⽤中⽂界⾯。
三.Adobe XD的使⽤
1.创建原型项⽬
打开Adobe XD时,会显⽰欢迎页⾯和可以选择的项⽬类型。 选择⾃⼰想要的类型。 然后在图标上点击来创建项⽬。 创建完画板,双击画板名称,然后改成“主页”。
2.创建原型背景
点击画板,在应⽤的右边属性⾯板会显⽰它的属性,并点击填⾊来打开颜⾊选择对话框。 可以在此选
择⾃⼰喜欢的背景颜⾊。
3. 设置页眉、增加内容
打开⽂件然后选择导⼊。 在⽂件浏览器,定位到页眉图⽚并点击导⼊。 使⽤图⽚周围的控件来调整它的尺⼨以适合页⾯页眉。可以双击图⽚来修剪图⽚。从左边的⼯具⾯板选择矩形⼯具,然后在页眉下⾯创建⼀个矩形。 从右边的属性⾯板,设置填⾊,并对描边选项取消选择来消除描边。
在此框内可以按照前⾯步骤添加⽂字或者附加图⽚并加以修改
四.创建内容⽹格
Adobe XD中最有⽤的⼯具之⼀就是你可以从已有内容⾥创建⼀个⽹格,⽽⾮⼿动复制。 在键盘上按住Shift并选择⼩图⽚、内容背景和⽂字。然后,在属性⾯板中点击重复⽹格按钮。 此操作是把已创建的内容复制到⽹格。拖曳底部绿⾊图标来创建内容的垂直⽹格。 然后,双击重复内容来修改。 最后,选择内容并且选择取消⽹格来结束它们之间的联系。
五.页⾯的创建与修改
为了创建⼀个新布局页⾯,可以在左边的⼯具⾯板上点击画板⼯具。 然后,从右边选择模板来创建新页⾯。重复以上步骤来创建更多页⾯添加内容到页⾯。 最终布局如下:
六:在页⾯间建⽴联系
在页⾯间连接,可以选择主页,在右边的模糊箭头上点击。 对象浮动菜单出现;选择下⼀个页⾯,并设定过渡动画类型)。 重复此步骤在其它页⾯间连接。
最后在应⽤的右上⾓点击预览图标。 会显⽰允许我们看的和导航到不同页⾯的预览屏幕。
Adobe XD界⾯简洁易懂,风格⼤众,多数⼈即使不使⽤中⽂版也能够熟练运⽤。作为⼀款设计软件,它⼗分成功。
版权声明:本站内容均来自互联网,仅供演示用,请勿用于商业和其他非法用途。如果侵犯了您的权益请与我们联系QQ:729038198,我们将在24小时内删除。
发表评论