互动媒体设计
分享
课程详情
课程评价
spContent=本课程以艺术型网站设计基础技能与创作实践为研究对象,借助时下互动媒体基础软件之一An的学习训练,通过生动有趣的案例剖析学习,理解网页艺术设计常识,掌握互动媒体艺术设计原理与方法。立足高校课程思政教学,理论与实践结合,艺术与技术融汇,课内与课外关联,引导学生独立创作具时代特色的微专题网站,潜在启发学生辩证设计思维和科学创新思维,培养学生的中国设计精神与工匠精神,提升当代大学生的网页媒体艺术设计制作能力与综合素养。
—— 课程团队
课程概述

《互动媒体设计》作为江苏省级在线开放课程与省级一流课程,既是高校艺术设计专业基础课,也是高校素质教育背景下跨专业的公共艺术类基础基础课。随着网络媒体大众化传播地位的日益彰显,时代越来越要求当代大学生具备对网页媒体的认知鉴赏的素养与基本制作的能力。本课程研究对象定位为:交互艺术网站的基础技能培养与创作实践学习。课程实践教学将借助互动媒体基础软件训练,立足高校课程思政教学,较好地综合网页动画以及时下的交互平台特点,初步实现计算机及移动网络交互,创作出动态趣味的题化艺术网页。让学生理解网页艺术设计常识,掌握网页内容设计、网络动画制作基本原理与方法,课内外引导学生独立创作具有个性趣味的微专题网站,潜在培养学生中国设计精神、工匠精神与科学创新思维,提升当代大学生的综合艺术素养与网页媒体制作能力。

课程特色:

1. 声画艺术一体的、动态型艺术交互网站基础技能培养训练。

随着网络媒体的迅速发展,网页从最早的以文字为主的页面,发展到了今天图、文、声、像、多媒体并茂的页面,传统静态的网页已完全不能满足人们的读取需求,声画合一、富艺术美与节奏感的动态页面制作,已成为当下网站发展趋势。

2. 基础技能训练与审美鉴赏力提升双管齐下。

网络普及与覆盖的现实,越来越要求当代大学生具备对网页交互媒体的认知能力、鉴赏能力与初步设计加工制作能力。本课程在线建设侧重于网站创作基础技能培养的同时,将辅助传授交互网站相关广谱常识,并通过优秀网站作品赏析提升受众的审美鉴赏力。

     3. 以综合实践作业完成的形式训练学生对微型网站的前期艺术构思能力与加工制作能力。

授课目标

通过本课程学习,了解互动媒体设计的时代发展现状及应用类型,理解互动媒体设计初步流程、网页内容设计基本原理与管理方法,运用特定软件An完成具有主题文化创意的个性化趣味化现代艺术网页设计。通过优秀网站作品赏析,提升学生的媒体艺术鉴赏能力;以综合实践作业完成的形式,训练学生对微型主题网站的前期创意策划能力与艺术加工能力,提升学生的数字艺术创作修养与适应数字信息时代的综合能力,潜在启发学生辩证设计思维和科学创新思维,培养学生的中国设计精神与工匠精神。


课程大纲
预备知识

1.绘画基础知识:喜欢卡通漫画,幼儿与年少时曾有过的画家梦与绘画梦都算。

2.设计基础知识:善琢磨图文符号、追逐视觉新形式或时尚之美都Ok。

3.网页与动画鉴赏知识:喜爱抖音、游戏,热衷动画片、动漫电影等均入列。

参考资料

主要参考资料:

本课程目前推荐3本主参考资料,既能体现网站整体创意思维,又能兼顾网页动画交互制作技术方面内容。分列如下:

1.《零基础学Animate CC UI动效制作》,路晓创编著,人民邮电出版社,出版时间:2020.04

2.《Animate 2022中文版入门与提高实例教程 动态网页网站设计》,胡仁喜编著,机械工业出版社,2023.04

3.《Adobe Animate 2021经典教程》,拉塞尔·陈编著,人民邮电出版社,出版时间:2022.07. 

 

  辅助参考资料

1.《网络广告设计与制作》,史晓燕编著,华中科技大学出版社,出版时间:2020.07.

常见问题

1. 什么叫媒体?

:  传播信息的介质,指介于传播者与受传者之间的,用以承传、延伸、扩大特定信息的符号物质实体,通俗说就是宣传平台。

2. 什么叫互动媒体?

:  用户能积极参与既能传递信息,同时也可反馈信息的传播媒体。用户可根据自己的需要随意地跳跃选择适合自己的内容观看、阅读,传达自己的信息。

3.本课程互动媒体教学侧重点是什么?

交互艺术网站创作。

4.如何获取相关软件?

答:进入课程学习主界面,点击左侧栏目“安装软件获取”,安装于64位电脑。

5.: 软件学习难吗?

 : 只要对交互艺术有兴趣,对网页、动画有一定鉴赏审美力,兴趣与时代推动力将是最好的老师。

6.如何找到艺术网页赏析平台资源?

答:网络平台输入“优秀艺术网页”、“优秀艺术网站”等相关词汇即可搜索。如:

http://www.doooor.com/forum-38-typeid15.html

http://www.xueui.cn/tutorials/web-course/appreciation-of-web-design-works.html