网站原型交互设计课件 课件2

第5章Axure软件主要功能5.1快捷功能区软件的顶部是快捷功能区，它把一些常用功能的快捷按钮全部集成在这里。其中包括常规功能、编辑功能、发布功能、团队项目功能等快捷按钮。第5章Axure软件主要功能5.2站点地图站点地图位于软件的左上位置，其作用为增加、删除和组织管理整个原型中的页面。站点地图是树状的，以首页（index）为根节点。第5章Axure软件主要功能5.3元件区原型设计中涉及到的文本、图形、图像等，在AxureRP中被称为元件。默认元件库和流程图元件库，两个元件库可供选择使用。第5章Axure软件主要功能5.4元件属性与样式属性是针对元件进行的鼠标悬停、鼠标按下、选中等交互样式设置。样式方面是对所选择的元件进行位置、尺寸、基本样式、边框、线型、对齐等设置。第5章Axure软件主要功能5.5生成与预览原型设计的效果展示用生成与预览来实现。点击软件菜单中的“发布”，再点击其中的“预览选项”，出现预览设置，点击其中的“配置”按钮，进入生成设置界面。第5章Axure软件主要功能5.6元件交互与说明应用场景：弹跳的爱心第5章Axure软件主要功能5.7页面设置应用场景：向左滑动的动态效果第5章Axure软件主要功能5.8母版管理母版的创建、修改等编辑操作与其他页面的相关操作基本类似，主要涉及新建、编辑、删除等三大块的工作。第一，创建一个自定义的触发事件。创建一个自定义的触发事件需要在导航菜单“布置”列表最后一项“管理母版触发事件”中进行设置，单击“+”添加一个事件名称，并命名。第二，将母版中的某个事件与自定义触发事件绑定。第5章Axure软件主要功能5.9设计作业在第4章设计作业的基础上，要求学生自行选择素材，实现部件创建、属性调整、部件库的创建等操作。第6章变量与表达式6.1变量第6章变量与表达式6.1变量应用场景：变量跨页传递元件文字第6章变量与表达式6.2表达式表达式是由数字、运算符、数字分组符号（括号）、变量等组合而成的公式。在Axure中表达式要用[[]]表示，在[[]]中的内容是可以进行运算的，而写在[[]]外面或者多个[[]]的内容写在一起时，则是将返回值与文字或返回值与返回值连接为一个字符串。第6章变量与表达式6.3设计作业在第4章设计作业的基础上，要求自制iPhone控制面板控件，并实现通过单击控制面板中的按钮变量跨页传递元件文字的功能。第7章动态面板7.1动态面板的组成动态面板状态及其预览显示情况第7章动态面板7.2动态面板的属性滚动条设置100%宽度允许触发鼠标交互禁用选中输入[选项]组名称元件提示第7章动态面板7.3动态面板的事件应用场景：手游首页界面第7章动态面板7.4设计作业要求学生使用动态面板设计实现Banner轮播画面的自动播放，单击鼠标切换写一个画面的效果。第8章函数与中继器8.1函数通过程序代码中引入函数名称和所需的参数，可在该程序中执行（或称调用）该函数。函数名称比较好区别，名称带有“()”，同时函数也分为无参数和有参数函数，前者可以直接调用，而后者则需要写入参数进行运算。字符串函数数学函数日期函数数字函数元件函数页面函数窗口函数鼠标函数中继器/数据集条件操作符第8章函数与中继器8.2中继器应用场景：列表的翻页效果第8章函数与中继器8.3设计作业要求学生将iPhone状态栏、iPhone控制面板及Banner轮播画面等加以整合，并使用this等元件函数实现按住iPhone页面图标可以移动至指定位置的功能。第三部分

网站原型设计项目篇第9章个人作品展示网页9.1应用场景个人作品展示网页是一种提供个人作品与人交互的途径，通过作品展示达到招聘单位与被招聘人之间的信息传播，在网页设计中是一种广泛使用的设计应用。第9章个人作品展示网页9.2制作过程第9章个人作品展示网页9.2制作过程第9章个人作品展示网页9.3设计拓展1.网站信息架构的组成2.网站信息架构的框架（1）设计结构（2）决定组织方式（3）制定标签3.网站信息架构的优点

（1）区域导航系统

（2）体现自然结构的导航

（3）情景