积分商城购物车功能效果实现项目教学设计
一、设计摘要
课程名称
交互原型设计
教学项目
洗车积分商城高保真原型设计——积分商城购物车功能效果实现
学时安排
6学时
所选教材
互联网产品设计思维与实践
二、设计依据
依据课程标准，运用现代教育技术，创设一个融合多种教法学法和信息化手段于一体的情境性课堂环境，培养学生的实践技能。
三、学习目标与内容
1．学习目标
知识目标：熟练掌握Axure变量、函数使用方法。
技能目标：能够熟练应用变量、函数完成数据更新和传递。
素养目标：通过原型交互调试，培养学生遇到困难不断寻求解决方法的决心和耐心。
2．学习重点及难点
教学重点：变量函数多条件判断、单项/多项传递。
教学难点：积分商城购物车功能效果综合设计。
四、学习环境选择与学习资源设计
1．学习环境选择
机房
网络
2．学习资源类型
互联网+教材
多媒体课件
案例库
优慕课平台
PPT
素材库
3．学习资源内容简要说明
充分利用互联网+教材、素材库、优慕课平台，开展“课前预习、课堂实践、课后拓展”的教学活动。
五、教学结构流程的设计
课前
课堂
课后
完成
学生自主学习单
1.教师演示：教师规范
2022-07-14 14:07:28
20KB
高保真界面构图
点是视觉设计中最基本的元素。这里的点不是指形状，而是指画面中处于重要位置的“物体”，是点缀丰富界面的元素。
在界面中，点再不同的位置，给人的感受也不同。在上面的点给人活泼、不稳定的感觉；下面的点给人沉稳、呆板的感觉；右侧的点给人飘逸、下坠的感觉。
放大焦点的方法，把想要突出的内容放大并且靠在居中的位置，来凸显该元素。
线在设计中同样是一个抽象的概念，只有位置和长度。在界面中起到连接、平衡以及分割的作用。只要是在整个界面中起到线的作用，都可以称之为“线”。
值得一提的是，线又分为曲线和直线。其中直线表现为静，给人力量、稳定、坚韧的感觉；曲线表现为动，给人丰满，柔软，优雅的感觉。
面在设计中具有长度、宽度和一定的形状，在界面中占的面积最多，给人的视觉冲击也最强烈，是界面的主题。
直线型面
曲线型面
不规则面
均衡
对比
律动
视点
均衡是构图的基本原则，通常是指以画面中心为支点，画面上左右、上下所呈现的结构在视觉重量上的均等和平。
均衡
对比
律动
视点
产品设计中的均衡构图
需要注意的是，均衡构图虽然平衡感和稳定性较强，但是过分的均衡往往又容易给人造成呆板，缺乏变化的感觉
2022-07-14 14:07:20
1.61MB
首页交互效果实现项目教学设计
一、设计摘要
课程名称
交互原型设计
教学项目
洗车积分商城高保真原型设计——首页交互效果实现
学时安排
4学时
所选教材
互联网产品设计思维与实践
二、设计依据
依据课程标准，运用现代教育技术，创设一个融合多种教法学法和信息化手段于一体的情境性课堂环境，培养学生的实践技能。
三、学习目标与内容
1．学习目标
知识目标：熟练掌握Axure动作使用方法。
技能目标：能够熟练应用动作元件完成跳转动效；。
素养目标：通过原型交互调试，培养学生遇到困难不断寻求解决方法的决心和耐心。
2．学习重点及难点
教学重点：焦点图切换设计、页面跳转设计、标签栏切换设计。
教学难点：首页界面交互效果综合设计。
四、学习环境选择与学习资源设计
1．学习环境选择
机房
网络
2．学习资源类型
互联网+教材
多媒体课件
案例库
优慕课平台
PPT
素材库
3．学习资源内容简要说明
充分利用互联网+教材、素材库、优慕课平台，开展“课前预习、课堂实践、课后拓展”的教学活动。
五、教学结构流程的设计
课前
课堂
课后
完成
学生自主学习单
1.教师演示：教师规范示教设备的操作使用，讲解要点
2022-07-14 14:06:57
19KB