中小企业创意设计 Axure rp Axure RP的基本操作.docx

Axure RP的基本操作 大家好，今天要向大家介绍的是Axure RP的基本操作。 我们之前自己设计出来的不管是网页还是APP的界面，都是一张图片，换句话说，是死的，是不会动的。这种不会动的图片没法让人知道里面的功能如何实现以及具体的变化。而这些用语言来表达是十分苍白的，因此，我们需要利用Axure RP来实现不使用代码却能快速地把我们需要表达出的交互动作做出来。接下来，我们以制作手机登入界面来详细说明Axure RP的基本操作。 首先，双击打开【Axure RP 8】的图标： 会出来一个这样的界面： 接下来我们新建文件并且文件名改为【手机登入界面】，在新建页面的这里【右击】。 在新建页面的这里【右击】会弹出对话框【添加页面】【移动页面】【删除】等等，这个比较好理解。 接下来我们建立手机大小尺寸的工作区。点击【元件库】选中【矩形1】直接拖到工作区上。并编辑数据大小，手机界面在设计过程中，最常用的参数是750x1334像素。由于750*1334画面太大不方便设计观看浏览。 为了方便浏览及观察，接下来我们把尺寸调整为375*666像素，这样我们就可以直观的看到整个设计界面的大小。 接下来我们导入我们日常常用的原件库 点击【选择全部】上的三横的【图标】，选中【载入元件库】即可。 接下来我们来设计手机的登入界面状态栏，在【元件库】选中我们刚载入的元件，直接点击拖到我们的工作区中即可。 我们从元件库中挑选一种我们想要的样式，拖到新建的版面上即可。 接下来我们设计下面的登入框，我们直接从元件库选中【矩形1】拖到我们设计的界面上，调整一下矩形的参数。 接下来我们选中字体【账号】和已经编辑好的【圆角矩形框】，按住【CTRL】点击鼠标左键不放，往下拖到我们想放的位置，松手即可复制了，复制后我们再更改【账户】和【密码】，及在账号后面输入“手机号/邮箱”，在密码后面输入“请输入6-20位密码”，把全部字体改成“平方”字体，字体大小根据你们的设计要求进行修改。如图所示。 接下里我们再设计登入按钮，从元件库中选中常用按钮，选出我们想要的按钮，并且与文字“登录”替换一下即可。 接下来我们再加 “账户注册”和“忘记密码”。 接下来，我们美化一下整体的界面。我们将在PS设计的图导入到RP软件中。 因背景为暖色的，我们可以把刚刚设计的按钮和字体全部改成白色的，使整体界面更加统一，同时我们再加入自己的LOGO。 接下来我们保存文件，点击【文件】【另存为】即可完成我们今天的手机界面登入制作。 就会出现我们想要的效果。 是不是很简单并且易操作呢。 学会了Axure RP软件，我们就有技术支持去尝试设计不同的产品。在这个日新月异的世界里，增强我们勇于尝试的信心，不断地学习新知识，使我们保持前进。 现在又到了课程小结的步骤，今天我们学习了： Axure RP的基本操作： 新建Axure RP的项目。 下面请思考： 如何操作Axure RP新建一个项目？ 好了，今天的课程就到这里，我们下次再见！