极客学院
基本--交互--函数和中继器--实战
unit1 介绍
1.产品原型:草图原型 低保真原型 高保真原型
2.Axure RP:Ack-sure Rapid Prototyping .rp
制作低保真,高保真 制作产品原型,良好的交互效果
定义需求,定义规格,设计功能,设计界面
安装-注册-汉化lang-创建
3.浏览器插件安装,搜狗浏览器右上角extention for chrome
unit2 组件运用Default
1.最上栏工具栏:快捷键:
隐藏网格:Ctrl+' 对齐网格:Ctrl+Shift+’
隐藏全局辅助线:Ctrl+. 隐藏页面辅助线:Ctrl+,
复制粘贴:Ctrl+D 剪切:Ctrl+X
生成原型预览:F5 生成原型文件:F8 原型中重新生成当前页面:Ctrl+F8
2.站点地图:规划软件的功能菜单或者栏目结构
是骨架,左上栏页面 + 功能菜单
ps:不要随意创建很多页面,命名都要有意义,不要都用一个总根
功能使用:上下级,同级,纵向横向流程图
实例:百度栏目规划,树状图
3.通用型组件的使用:矩形,图片,占位符,按钮,标题,标签,水平垂直线,热区(选中部分图片,加上描述)
4.表单型组件的使用:文本框,下拉列表,列表框,复选框,单选按钮(唯一一个,但是要是一组的),提交按钮
5.菜单和表格型组件的使用:树状菜单,表格,水平,垂直-----交互样式具体修改:鼠标悬停,鼠标按下,选中
6.标记原件的使用:略
例子:个人简历
框架:矩形+标题
填空:文本标签+文本框
选择:文本标签+单选按钮--创建按钮在组,这样才能多选一
下拉列表框:年份等等 多行文本框:描述等等
PS:不用每一个都备注署名的
unit3 流程图组件Flow
1.矩形:处理动作,V+N
圆柱:数据库 文档:折角矩形 平行四边形:数据输入输出 箭头:注意
unit4 载入部件库和自定义部件:画iPhone6桌面
1.下载右上角“三条横线”,icons
2.自定义新库,一般保存在libraries里面
3.操作:照片+手机图片拖拽+创建旁边弧度(属性-样式-圆角弧度)
unit5 动态面板
1.定义:组件罗列,下面的被上面的覆盖住了
2.实现不同状态切换,使得动态
3.操作;管理面板状态,编辑单个的面板
4.功能:显示与隐藏,调整大小以适合内容,滚动栏设置,固定到浏览器(类似于广告固定图标,position:fixed),100%宽度,相互转换(子面板脱离),母版之间相互转换
PS例子:显示与隐藏:鼠标单击时--添加,动作--组织动作--配置动作(类似于PPT)用于用户名密码校验,有问题才出现;购物界面,点击时才显示清单
例子:淘宝登录页面切换效果,失败了。。。
在标签上添加交互用例时,单击--属性--鼠标单击时--添加动作--组织动作--配置动作--设置文本为:富文本--编辑文本--确定 输入框里面添加“提示信息:会员名” 图像切换:热区,触发事件
unit6 变量
1.项目--全局变量--添加函数--局部变量 [[ 内容 ]]
2.内置变量:在插入变量或函数里面:F(X)
中继器、数据值、原件、页面窗口、鼠标指针、等等。。
3.变量值在页面间的传递
A:鼠标点击 B:页面转入 打开链接“.html”
例子:简易计算器 点击哪个,要有:添加条件--条件设立
unit7 打开链接,关闭窗口