首页
Python
Java
IOS
Andorid
NodeJS
JavaScript
HTML5
【
使用Axure RP原型设计实践04,了解全局变量
】的更多相关文章
使用Axure RP原型设计实践04,了解全局变量
变量是一个可以变的数,可以看作是一个数据的容器.变量有2个操作,一个是读,一个是写.Axure的全局变量是指任何时候都可以对这个变量进行读写操作. 点击工具栏Project下的Global Variables,这里可以设置全局变量. 可以看到,默认已经有一个全局变量.还可以新建变量,变量是可以有默认值的. 现在自定义一个全局变量. 向页面中拖入一个Rectangle,设置Rectangle的样式,在Shape Name中设置为rack. 再拖入一个Rectangle,设置成圆形并填充上颜色,作为…
使用Axure RP原型设计实践07,注册判断
本篇实现注册页的一些功能.本项目是通过用户名和电子邮件进行注册的. 在本篇之前,在"使用Axure RP原型设计实践03,制作一个登录界面的原型"中已经对注册页做了基本的处理. 打开注册页,把登录页的提示动态面板放到当前注册页面提示的正下方,对齐. 提示的时候,有些提示只有一行,比如用户名没填,有些提示有2行,比如用户名和邮箱都没有填.可以把2个状态放到同一个动态面板中,给不同的状态命名,并让面板中部件的名称不重复. 先让动态面板隐藏,当点击注册的时候再显示. 给注册按钮的OnClic…
使用Axure RP原型设计实践06,登录验证
登录验证主要功能包括: ● 用户名错误,提示无效用户名,用户名和密码文本框清空● 用户名存在,密码错误,提示密码错误,密码清空,焦点进入密码框● 用户名和密码都正确,验证通过 本篇接着"使用Axure RP原型设计实践03,制作一个登录界面的原型"这篇. 创建一个页面,名称为"后台",用来表示验证通过后的页面. 在实际项目中,需要把用户输入的用户名和密码与数据库中的相关匹配,可是,原型中没有数据库,如何做呢? 只能是模拟一个.假设用户名是darren,密码也是dar…
使用Axure RP原型设计实践01,使用概述
首先认识Axure RP Pro 7.0软件的默认界面布局.最上面的是工具栏区域,左侧上方的是网站地图区域(sitemap),左侧中部的是部件区域(Widgets),左侧下方的是模板区域(Masters),中间上方的是页面区域,中间下方的是页面设置区域,右侧上方是部件属性区域,右侧下方是动态面板区域. 依次点击"Publish","Preview"或直接按快捷键F5或直接按工具栏里的预览按钮,就可以在浏览器中对当前项目进行预览. 依次点击"Publish&…
使用Axure RP原型设计实践05,了解公式
本篇体验公式的使用,一般出现值的时候就可以使用公式,公式可以使用全局变量也可以使用局部变量,在Axure中使用公司有一定的语法. 先创建2个全局变量. 向页面中拖入Rectangle部件,给它的OnClick事件编辑用例: 让其显示两个全局变量的和.注意:[[a]]+[[b]]这样写是不可以的. [[]]里面可以进行计算,设置条件,还可以插入其它值.写在[[]]之外的都被当作是字符串. 预览,点击矩形区域显示2个变量的和. 如果是设置值事件,如下写法分别返回的结果是: ● [[1>2]] fas…
使用Axure RP原型设计实践03,制作一个登录界面的原型
本篇体验做一个登录界面的原型. 登录页 首先在Page Style里为页面设置背景色. 如果想在页面中加图片,就把Image部件拖入页面,并设置x和y轴.双击页面中的Image部件可以导入图片.在Image部件对应的Widget Properties and Style面板中还提供了裁剪功能,裁剪完双击可保存图片.还提供了切割图片的功能.图片部件的Preserve Corners属性用来缩小图片尺寸的时候保持一定的清晰度. 把一个Rectangle部件拖动到页面中,通过工具栏中的Line Col…
使用Axure RP原型设计实践02,自定义部件以及熟悉与部件相关面板
本篇体验在Axure中自定义部件,并熟悉Widget Interations and Notes面板,Widget Properties and Style面板,Widget Manager面板. 在Axure中如何自定义部件Widget呢? 点击"Widgets"面板中的"Options"下的"Create Library",点击"完成"Axure随即启动打开一个Widget的编辑器,在新建的部件库已经有了一个默认的部件.…
使用Axure RP原型设计实践08,制作圆角文本框
本篇体验做一个简单圆角文本框,做到3个效果: 1.初始状态,圆角文本框有淡淡的背景色,边框的颜色为浅灰色2.点击圆角文本框,让其获取焦点,边框变成蓝色,背景色变成白色3.圆角文本框失去焦点,边框变成红色,背景色变成白色 从组成上分析,圆角文本框实际是由里层的Text Field和外层的Rectangle组成. 对于第一个状态,给Rectangle设置背景色和边框色,并且让Text Field失去边框,并让其隐藏起来. 对于第二个状态,是由Rectangle的的点击事件触发,显示Text Fiel…
学习Axure RP原型设计
1 概述 原型设计是应用开发设计的第一要素.好的原型设计不仅可以起到沟通的作用,而且对客户而言应用程序拥有更直观的体现.原型设计通过内容和结构展示以及界面布局编排,实现在开发前期用户与产品进行交互.提高用户对项目的认可度,有利于项目的推进.下面为大家介绍一款原型设计工具——Axure RP. 2 名词解释 Axure RP:Axure RP是一个专业的快速原型设计工具.Axure,代表美国Axure公司:RP则是Rapid Prototyping的缩写,译为快速原型. 3 工具介绍 Axure…
用Axure进行原型设计
用Axure进行原型设计 看这个视频 http://www.iqiyi.com/playlist409963402.html…