关注移动产品设计 By Cola
Axure Sitemap
特殊需求:关闭Axure RP输出Html页面默认的SiteTree和Notes
九 2nd
这个标题听上去有点别扭,局限于个人的语言归纳能力以及相关术语表达能力,先这么看着吧。
具体需求:
1. 将Axure制作的原型文件输出成Html格式;
2. 将输出的Html页面文件直接放到公网上(内网也行,改Host也行,只要能被其它机器访问到);
3. 当其它用户访问该原型页面的时候,不加载左侧的SiteTree以及下方的Notes,直接看到更接近实际效果的页面。
PS:虽然访问者点一下CloseFrame也能关闭SiteTree,但还是要点一下。
模拟应用场景:
1. 为客户制作一个网站,最后定稿前的展示;
2. 向内部客户或其它部门展示最新项目及Feature的时候;
总之要让访问页面的人第一眼看到的页面和实际相差无几,当成是已经有的产品最好(销售更好忽悠
)。
现有应用场景:
Axure教程|使用Axure模拟阿里软件平台登录和跳转(一)
六 8th
关于本文:
看了一些Axure的教程,发现写注册和登录的挺多,但是总感觉对入门的用户来说,不是那么清晰明了。另外,如果能结合/模拟产品设计、项目实例过程来写,而不只是为了做个教程,那是不是更容易理解呢?
一、需求整理
项目或功能开工之前,首先需要明确本次的目标是什么,具体有哪些内容。
模拟阿里软件用户注册和登录这个项目,需求方的需求如下:
1. 满足阿里巴巴集团旗下阿里巴巴(阿里巴巴中文站注册用户)、淘宝(淘宝旺旺注册用户)、旺号(阿里软件注册用户)、阿里妈妈(阿里妈妈注册用户)、雅虎(中国雅虎注册用户)、口碑(口碑网注册用户)、阿里巴巴国际站用户的平台登录需求;
2. 提供密码找回入口;
3. 提供安全加密登录模式;
4. 登录失败返回失败原因;
5. 登录成功后跳转到指定页面,并显示欢迎词;
二、用户角色及业务场景概括
Axure教程|Sitemap
五 18th
Axure教程|Sitemap默认打开状态:
各按钮说明:
:新建一个页面
注:如果要新建一个子页面,请先点击选中父页面后,再点击新建页面按钮;
如:需要在Page3下新建一个页面,鼠标左键点击Page3后,再点击新建页面按钮。
:将选中的页面位置上移一层;
注:只能在同一个层级之间移动页面
:将选中的页面位置上移一层;
注:只能在同一个层级之间移动页面
:将选中的页面降低一个层级
注:选中页面将成为上一个页面的子页面
:将选中的页面提升一个层级
注:该操作不会影响当前页面与其它页面间的层级关系,如果当前选中页面下含有子页面,则所有子页面也提高一个层级
:删除当前页面
注:如果当前页面下含有子页面,Axure会自动提示当前页面有子页面,点击提示中的“确认”后会同时删除所有子页面
:在编辑区域打开当前页面
注:Axure操作区会打开一个对应的标签,类似于浏览器中的Tab
Axure教程|Sitemap 命令:
各命令说明:
Add:新增子页面、上方/下方增加一个同级页面
Move:改变当前页面的上/下位置或调整页面级别
Delete:删除当前页面
Rename:改名
Design Page:在编辑区域打开当前页面
Duplicate:选择“Page”新建一个同样的页面
选择“Branch”,如果当前页面下有子页面,则连同子页面一同新建
注:该命令类似于Office中的“Ctrl+D”快捷键,且新页面与源页面平级
Diagram Type:转换为流程图页面
Generate Flow Diagram:转换为流程图
注:Axure根据页面级别关系自动生成流程关系
Put URI Path on Clipboard:复制当前页面地址
注:该功能仅当当前Axure源文件(RP)文件已经保存后方可使用
复制地址可直接调用Axure打开对应页面
Axure教程|Sitemap使用小窍门
1. 鼠标左键选中页面后可直接拖动页面,以调整页面的层级和位置关系
2. 页面改名方式可参照Windows中文件重命名方式,左键单击选中页面后,再次单击页面可直接修改页面名称,且不需要在编辑区域关闭待重命名的页面;
3. 如果页面之间已经做了按钮跳转等操作,改变页面的层级关系或重命名页面并不会影响已有的链接