《axurerp介绍《网站蓝图》读书笔记2013-8-21》由会员分享,可在线阅读,更多相关《axurerp介绍《网站蓝图》读书笔记2013-8-21(31页珍藏版)》请在金锄头文库上搜索。
1、网站蓝图-Axure RP高保真网页原型制作读书笔记章丹阳 2013年8月22日网站原软件AxureRP分享交流网站蓝图-Axure RP高保真网页原型制作读书笔记2软件设计阶段,交互设计师或者产品经理等常常需要使用一些工具(比如Visio、Axure RP、Flash或者OmniGraffle等)制作出静态稿或者原型来表达设计思想。Word:上手难度普通。可以画线框图,能够画页面流程,能够使用批注与文字说明。但是对交互表达不好,也不利于演示。PPT:上手难度普通。易于画框架图,易于做批注,也可以表达交互流程,也擅长演示。但是不利于大篇幅的文档表达。 Visio:功能相对比较复杂。善于画流程图
2、,框架图。不利于批注与大篇幅的文字说明。同样不利于交互的表达与演示。Photoshop/Fireworks:操作难度相对较大,易于画框架图、流程图。不利于表达交互设计,不擅长文字说明与批注。Dreamweaver:操作难度大,需要基础的html知识。易于画框架图、流程图、表达交互设计。不擅长文字说明与批注。Mind Manger 在低保真模型上梳理产品逻辑和流程。腾讯的UIDesigner 、AxureRP原型工具介绍原型工具相关网站辅助工具基本操作网站蓝图-Axure RP高保真网页原型制作读书笔记3原型工具介绍原型工具相关网站辅助工具基本操作网站蓝图-Axure RP高保真网页原型制作读书
3、笔记4原型工具介绍腾讯的UIDesigner, 简称“UID”,软件界面原型设计的工具。腾讯用户研究与体验设计部(CDC)设计研发。拥有强大的模板和预制功能,能够快速的搭建起软件界面的高保真原型。可以实现设计师、产品经理、程序开发工程师三者间的快速沟通。目标用户:交互设计师、用户调研员、视觉设计师、产品经理。原型工具相关网站辅助工具基本操作网站蓝图-Axure RP高保真网页原型制作读书笔记5原型工具介绍原型工具相关网站辅助工具基本操作网站蓝图-Axure RP高保真网页原型制作读书笔记6原型工具介绍原型工具相关网站辅助工具基本操作Fireworks绘制的原型网站蓝图-Axure RP高保真网
4、页原型制作读书笔记7关于AxureAxure的网站原型原型工具相关网站辅助工具基本操作网站蓝图-Axure RP高保真网页原型制作读书笔记8关于AxureAxure的网站原型原型工具相关网站辅助工具基本操作网站蓝图-Axure RP高保真网页原型制作读书笔记9关于Axure帮助网站需求设计者,快捷而简便的创建基于网站构架图的带注释页面示意图、操作流程图、以及交互设计,并可自动生成用于演示的网页文件和规格文件,以提供演示与开发。 版本:Axure的第一个版本诞生在2003年的1月,是同类第一个专为基于浏览器的应用程序的原型之一,到现在将近10年过去了,Axure已经推出到7.0beta版,这个软
5、件已经被数以万计的用户体验、业务分析、产品设计等人员使用,在中国,很多知名企业(百度、新浪、搜狐、淘宝、腾讯)的招聘,已经将掌握Axure作为必备技能。Axure RPAxure的发音是Ack-sure,RP则是 Rapid Prototyping 快速原型的缩写。Axure RP Pro是美国Axure Software Solution公司的精心杰作。主要目标用户:软件项目经理,Web产品经理,或网站策划工作者原型工具相关网站辅助工具基本操作网站蓝图-Axure RP高保真网页原型制作读书笔记10Axure RP 界面原型工具相关网站辅助工具基本操作网站蓝图-Axure RP高保真网页原型
6、制作读书笔记11网站地图(sitemap)原型工具相关网站辅助工具基本操作网站蓝图-Axure RP高保真网页原型制作读书笔记12部件(Widgets) 控件是用于设计线框图的用户界面元素。在控件面板中包含有常用的控件,如按钮、图片、文本框等。 原型工具相关网站辅助工具基本操作网站蓝图-Axure RP高保真网页原型制作读书笔记13部件(Widgets) 原型工具相关网站辅助工具基本操作网站蓝图-Axure RP高保真网页原型制作读书笔记14部件(Widgets) 原型工具相关网站辅助工具基本操作网站蓝图-Axure RP高保真网页原型制作读书笔记15页面设置原型工具相关网站辅助工具基本操作网
7、站蓝图-Axure RP高保真网页原型制作读书笔记16页面设置原型工具相关网站辅助工具基本操作网站蓝图-Axure RP高保真网页原型制作读书笔记17部件属性原型工具相关网站辅助工具基本操作网站蓝图-Axure RP高保真网页原型制作读书笔记18部件属性原型工具相关网站辅助工具基本操作网站蓝图-Axure RP高保真网页原型制作读书笔记19生成html原型页面原型工具相关网站辅助工具基本操作网站蓝图-Axure RP高保真网页原型制作读书笔记20交互设计:事件原型工具相关网站辅助工具基本操作网站蓝图-Axure RP高保真网页原型制作读书笔记21步骤1 选中部件原型工具相关网站辅助工具基本操作
8、网站蓝图-Axure RP高保真网页原型制作读书笔记22步骤2 添加事件 原型工具相关网站辅助工具基本操作网站蓝图-Axure RP高保真网页原型制作读书笔记23步骤2 添加事件 事件用例 case1动作1动作2用例 case2动作1动作2条件原型工具相关网站辅助工具基本操作网站蓝图-Axure RP高保真网页原型制作读书笔记24步骤2 添加事件 OnClick:鼠标点击 OnMouseEnter:鼠标的指针移动到对象上 OnMouseOut:鼠标的指针移动出对象外 OnFocus:鼠标的指针进入文字输入状态(获得焦点) OnLostFocus:鼠标的指针离开文字输入状态 (失去焦点) OnP
9、ageLoad:页面或模块载入 大多对象只具备常见的三种触发事件:OnClick、OnMouseEnter 与 OnMouseOut, 一些特殊的控件可触发的事件有些不同: 按钮控件只有 OnClick 单选框和复选框则具有 OnFocus、 OnLostFocus 文本框、文本域、下拉框、列表框则具有 OnKeyUp、OnFocus、OnLostFocus 页面加载或模块被载入时则发生 OnPageLoad原型工具相关网站辅助工具基本操作网站蓝图-Axure RP高保真网页原型制作读书笔记25步骤3 添加动作(条件)添加条件原型工具相关网站辅助工具基本操作网站蓝图-Axure RP高保真网页
10、原型制作读书笔记26步骤3 添加动作Open Link in Current Window:在当前窗口打开一个页面 Open Link in Popup Window:在弹出的窗口中打开一个页面 Open Link in Parent Window:在父窗口中打开一个页面 Close Current Window:关闭当前窗口 Open Link in Frame:在框架中打开一个页面 Set Panel state(s) to State(s):为动态面板设定要显示的状态 Show Panel(s):显示动态面板 Hide Panel(s):隐藏动态面板 Toggle Visibility
11、for Panel(s):切换动态面板的显示状态(显示/隐藏) Move Panel(s):根据绝对坐标或相对坐标来移动动态面板 Set Variable and Widget value(s) equal to Value(s):设定变量值或控件值 Open Link in Parent Frame:在父页面的嵌框架中打开一个页面 Scroll to Image Map Region:滚动页面到 Image Map 所在位置 Enable Widget(s):把对象状态变成可用状态 Disable Widget(s):把对象状态变成不可用状态 Wait Time(s):等待多少毫秒(ms)后
12、再进行这个动作 Other:显示动作的文字说明原型工具相关网站辅助工具基本操作网站蓝图-Axure RP高保真网页原型制作读书笔记27坐标设置原型工具相关网站辅助工具基本操作网站蓝图-Axure RP高保真网页原型制作读书笔记28辅助软件PhotoshopMindmange rVisioWord ppt原型工具相关网站辅助工具基本操作网站蓝图-Axure RP高保真网页原型制作读书笔记29网站和论坛官网 论坛: www.WebPPD.com社区www.axure.us/原型工具相关网站辅助工具基本操作网站蓝图-Axure RP高保真网页原型制作读书笔记30网站蓝图-Axure RP高保真网页原型制作读书笔记谢 谢 !31