- 1、本文档共10页,可阅读全部内容。
- 2、有哪些信誉好的足球投注网站(book118)网站文档一经付费(服务费),不意味着购买了该文档的版权,仅供个人/单位学习、研究之用,不得用于商业用途,未经授权,严禁复制、发行、汇编、翻译或者网络传播等,侵权必究。
- 3、本站所有内容均由合作方或网友上传,本站不对文档的完整性、权威性及其观点立场正确性做任何保证或承诺!文档内容仅供研究参考,付费前请自行鉴别。如您付费,意味着您自己接受本站规则且自行承担风险,本站不退款、不进行额外附加服务;查看《如何避免下载的几个坑》。如果您已付费下载过本站文档,您可以点击 这里二次下载。
- 4、如文档侵犯商业秘密、侵犯著作权、侵犯人身权等,请点击“版权申诉”(推荐),也可以打举报电话:400-050-0827(电话支持时间:9:00-18:30)。
查看更多
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新建一个项目?
好了,今天的课程就到这里,我们下次再见!
您可能关注的文档
最近下载
- 完整八年级物理综合实践活动课教案.docx
- 高考英语一轮复习知识清单(全国通用):专题20 语法填空介词100题(精练)解析版.docx VIP
- 110kV〜750kV架空输电线路施工及验收规范.docx VIP
- 2021-2022年国家开放大学电大法学《实用法律基础》课程考试打印版完美打印版 英语网考资料.doc
- 奥迪A6电路图之发动机BAT.pdf
- 2023年4月自考02207电气传动与可编程控制器PLC试题及答案含解析.pdf
- 医院普外科课件.pptx
- 游戏策划方案-数值策划笔试题.docx VIP
- 高考英语一轮复习知识清单:专题08 语法填空不定式100题(全国通用)解析版.docx VIP
- drillwork2005操作手册.ppt
文档评论(0)