A某ure培训教程(共41张).pptx

《A某ure培训教程(共41张).pptx》由会员分享，可在线阅读，更多相关《A某ure培训教程(共41张).pptx（41页珍藏版）》请在淘文阁 - 分享文档赚钱的网站上搜索。

1、 使用培训使用培训2010-11-22大纲简介基本操作高级技巧使用心得引入 通过何种方式表达原型设计最好？ 纸质原型很难充分表达各种交互行为 而静态页面，会增加沟通成本 我们需要的也许是针对交互设计的专业软件 快速原型引入 容易理解，不用猜，减少项目失败的风险，降低沟通时间 不用等到网页程序都开发好, 产出的原型页面就可以让使用者提早进行测试了 页面可直接连结，动线容易理解, 直接体验原型 以清楚的网站原型来确认所有需求，不担心执行团队没搞懂将注定改变我的工作方式 决策层： 更加直观的理解系统行为，帮助决策 产品经理： 提高了各岗位间的沟通效率，降低沟通成本，保证项目进程 需求人员： 更加有效

2、的与用户沟通，减少误解，保证需求质量 设计开发： 更加有效的协作沟通，降低沟通成本，减少误解，避免返工 用户： 更加直观的感受系统，尽早反馈用户的需求与系统的不足。学习容易，不需要有技能 会使用的人, 大约只要30-60分钟就会使用 以拖拉方式建立常用对象, 跟 / 操作方式接近，容易上手不同职位，不同要求 设计师、程序员 要能够读懂交付物，并根据所提供的交付物来完成手头工作 需求提出部门 能够利用 的各个工具，画出简单的页面布局，并能根据页面布局，进行口述 销售 只要知道如何拿这些文档去忽悠客户就好了大纲 简介 基本操作 高级技巧 使用心得的工作环境 站点地图主菜单和工具栏界面组件（界面工具

3、集 ）页面注释与页面交互模块区域物件注释互动设计页面导航面板（） 页面的添加、删除和重命名 页面组织排序 打开页面进行设计 页面导航面板（） 添加、删除页面 页面排序 拷贝页面主菜单和工具栏主菜单和工具栏执行常用操作，如文本打开、保存、格式化控件、输出原型、输出规格等操作随选模式连接线模式控件（） 添加控件添加控件从组件中拖动一个控件到界面中，就可以添加一个控制。控件可以从一个界面中从组件中拖动一个控件到界面中，就可以添加一个控制。控件可以从一个界面中拷贝到另外一个界面中。拷贝到另外一个界面中。编辑控件编辑控件鼠标双击：双击控件，可以对控件最常用的属性进行编辑鼠标双击：双击控件，可以对控件最常

4、用的属性进行编辑工具栏：点击工具栏上的按钮可以编辑控件的文本字体、背景色、边框等；工具栏：点击工具栏上的按钮可以编辑控件的文本字体、背景色、边框等；右键菜单：右击控件可以选择编辑控件的一些特定属性，不同控件属性也不同。右键菜单：右击控件可以选择编辑控件的一些特定属性，不同控件属性也不同。控件（） 常用控件 文本 链接 图片 按钮 表格 输入框 操作 对齐 置顶 锁使用模块（） 模块是可以重复使用的特殊页面。如页首()、页尾()与导航()只要修改模块，在所有页面中引用这个模块的实例也会随即全部跟着变化；模块面板可利用文件夹来组织模块，并且可以用拖拉或工具栏的方式排列模块；在页面中拖入模块后，模块

5、对象回应淡红色遮罩，在页面中模块是不可修改的；修改模块中的内容只能在模块页面修改。交互设计与物件注释 控件标签相当是给控件起了个名称，用来区分控件； 在交互设计里面可以设计控件执行不同事件； 在里面添加注释，在生成页面中会有 标示，点击这个标示会出现注释说明交互设计注释控件标签页面注释和页面交互 在页面注释中的 面板中可以添加备注内容； 点击后面的三角可以添加多个备注面板； 页面交互就是编辑事件，某块内容在生成页面时不显示，但是点击其他控件事件出现此块内容就要使用事件并且和动态面板联合使用，开始设置动态面板隐藏，其他控件的事件设置动态面板显示。交互控件交互目前 支持的事件如下：鼠标点击：鼠标的

6、指针移动到对象上：鼠标的指针移出对象：鼠标的指针进入文字输入状态（获得焦点）：鼠标的指针离开文字输入状态（失去焦点）：页面或者模块载入常见的三种事件控件的交互 交互定义链接大纲简介基本操作高级技巧使用心得交互动态面板（1）动态面板包含多个状态，每个状态可包含一系列控件。任何时候都只有一个状态时可见的，一般都是默认第一个状态可见；动态面板的状态可以隐藏、显示和改变；将动态面板拖到界面后，可以根据需要改变面板大小、位置使用动态面板的情况：页面中存某块内容在开始不显示后来显示的情况；在开始页面加载时不显示后来显示；页切换；某块内容随着事件的不同显示位置不同的情况交互动态面板（2）1、编辑动态面板右击

7、动态面板，选择“编辑动态面板” “管理动态状态”在对话框中可以创建、重命名、重新排序、删除、和编辑动态面板的状态动态面板实例1、将动态面板从组件中拖到界面中，右击动态面板选择“编辑动态面板” “管理动态状态”交互动态面板实例2、设置动态面板标签为“实例”，并新增三个状态：1、2、3，然后点击“编辑所有状态”动态面板实例3、在1页面中设置1、2、3三个矩形框，并且为了突出效果可以设置1矩形框的颜色为白色（表示选中的是1状态），其他两个为灰色。动态面板实例4、在1状态页面中设置1、2、3三个矩形框的事件，以1的添加上事件为例说明：（1）选择1矩形框，点击交互中的事件，再选择“设置动态面板的状态转换

8、”，然后选择第三步的“ ”；动态面板实例（2）选择第一步中的“设置 实例 的状态变化”，然后点击第二部中的1动态面板实例（3）选择一个动态面板1，点击确定完成事件注明：2、3矩形框事件如同1，只是选择面板状态时选择对应得状态，2选择2状态、3选择3状态动态面板实例5、 2、3状态页面操作如4步骤6、点击导航上的生成，选择原型（F5），点击确定动态面板设计误区此内容是在面板中的1状态里此内容和面板分开的，只是在此内容上面添加了一个动态面板，移动动态面板内容是不会随着面板移动的生成 F5键生成 F6键生成规格说明书 文档大纲 简介 基本操作 高级技巧 使用心得不足 中文输入法支持不好 遇到不能输入

9、时，请立马放弃尝试 功能比较弱，不支持合并单元格 控件属性编辑不方便心得体会 有些交互设计师会对一些布局细节担忧，害怕自己会一直调整对齐和细节。记住，我们出的是可交互的原型，不是最终产品，不需要考虑太多的视觉细节，这些会由前端开发去进行标准的把控 不执着于 不能实现的业务需求心得体会 软件也在不断的完善，有不能实现的效果 一个不能实现的效果，只要不影响项目的进度，不影响与执行人员的沟通，在工作中就不要过分的追求文档说明在每一个文档首页写上文档说明，包括版本号、完成的部分、名词注释、较上一版更新生成文档有乱码 将生成文档目录下的后缀为的文件,通过文本文件打开,选择编码的格式另存. 将同目录下的文件,用文本文件打开.将键值改为:中文(). 打开窗口,然后定位到C: . 如果没有文件,请到微软上下载文件安装. 命令后带的参数是文件的路径.教程 快速原型设计 样式库 在线教程演讲完毕，谢谢观看！