上海建桥学院课程教学进度计划表
一、基本信息
课程代码 | 2030750 | 课程名称 | 融媒体设计与制作 |
课程学分 | 3 | 总学时 | 48 |
授课教师 | 罗铭晨 | 教师邮箱 | 248737182@qq.com |
上课班级 | 时尚传播B21 | 上课教室 | |
答疑时间 | 每周三下午16-17点 | ||
主要教材 | 《移动UI交互设计》 ，夏琰编，人民邮电出版社 | ||
参考资料 | 《零代码 html5交互动画设计》,陈志主编,高等教育出版社 《HTML5基础知识》,刘欢主编,人民邮电出版社 《移动应用UI设计模式》Tberesa Neil 著，人民邮电出版社 | ||
二、课程教学进度
单元一、HTML5的概述（理论2课时）
重点：使学生了解H5的技术特点及内容创新运用行业范围。
难点：H5的行业应用及未来趋势。
（一） H5的技术简介
（二） 移动端的特点
（三） H5内容的创新
（四） H5行业应用
（五） ih5简介
单元二、H5界面入门（4课时，理论2课时、实践2课时）
（一）界面组成及功能介绍
重点：掌握界面的组成。
难点：熟练掌握时间线的涵义及H5的简易制作流程。
（二）发布的简单介绍
（三）H5简单制作流程操作与导入
重点：掌握图片类文件的导入及控制编辑。
难点：掌握音频导入及控制
图片的导入及控制浏览方式
音频的导入及控制方式
（四）H5案例临摹
单元三、关于事件（4课时，理论2课时、实践2课时）
（一）事件的逻辑与时间
（二）事件的条件和对象
（三）H5案例临摹
单元四、动画的几种类型（12课时，理论4课时，实践8课时）
重点：使学生掌握不同类型动画效果的区别，熟练掌握关键帧动画的涵义及制作技巧。
难点：熟练掌握路径变形对关键帧动画的应用，元件动画的建立及序列帧的导入。
（一）动效、轨迹和时间轴
（二）图片序列与时间轴
（三）页面时差与爆款
（四）小游戏
（五）一镜到底动画与全景
（六）H5案例临摹
单元五、美妆类、商业类h5展示（理论2课时，实践8课时）
利用h5知识，分别制作一个新闻类、商业性内容h5，并进行分享点评。
单元六、初识设计（理论课时：10）
App 设计与制作课程概述（理论课时：2）
app设计历史与演变（理论课时：2）
设计思维：用户核心、ios系统分析（理论课时：2）
app设计流程（理论课时：2）
App 设计准则与尺寸（理论课时：2）
重点是多媒体设计的流程。
难点是多媒体的设计思维方式。
单元七、国内外优秀多媒体设计作品赏析（理论课时：2）
优秀多媒体设计作品赏析：向帆的设计（理论课时：2）
重点是各类多媒体设计的特色与特点
难点：学会自己赏析设计对象的思考方式
单元八、完成App设计与制作（理论课时：2，实验课时：14）
Axure基本页面介绍（理论课时：2）
Axure基本画图与按钮制作（实验课时：2）
图形设计：拟物化与扁平化（实验课时：2）
板式设计：页面视觉（实验课时：2）
颜色设计：三原色与基础配色（实验课时：2）
交互设计：分层互动与热区（实验课时：2）
交互设计：登入页面（实验课时：2）
多媒体设计的综合运用与案例（实验课时：2）
重点是掌握设计的常规模式和设计效果对app设计的影响
难点是根据设计内容选择合适的版式
单元九、期末作业完成与答疑 （理论课时：2，实验课时：2）
分小组完成app设计与制作
三、评价方式以及在总评成绩中的比例
总评构成（X） | 评价方式 | 占比 |
X1 | 美妆类H5页面设计 | 25% |
X2 | 低保真设计图临摹 | 25% |
X3 | 分小组完成app设计与制作 | 50% |
任课教师：罗铭晨 系主任审核： 
日期：2023.09