2030806《融媒体页面设计与制作》教学大纲

课程名称

（中文）融媒体页面设计与制作

（英文）Design and Production of Converged Media Pages

课程代码

2030806

课程学分

2

课程学时

32

理论学时

10

实践学时

22

开课学院

新闻传播学院

适用专业与年级

新闻学大二、大三

课程类别与性质

专业选修课

考核方式

考查

选用教材

《H5页面设计与制作标准教程》（全彩微课版）作者：彭超 ，清华大学出版社，ISBN：9787302655886

是否为

马工程教材

否

先修课程

（1）网页设计基础（2）图形图像制作软件（photoshop、AI等）

课程简介

本课程是新闻学专业本科阶段的专业选修课程，以建构主义学习理论为指导，聚焦培养全媒体复合型人才。课程遵循 “理论 - 实践 - 创新” 三位一体的教学逻辑，旨在让学生掌握融媒体页面设计与制作的核心能力，形成跨媒介传播素养。​

课程共设七大教学模块，涵盖 H5 页面设计与制作全流程。从系统讲解融媒体页面概念、发展及新闻传播应用价值，到深入剖析视觉交互设计原则、页面元素制作技巧；再通过引入易企秀等主流平台强化实操，以企业宣传、营销活动等真实项目开展综合性案例教学，实现理论向实践的转化。此外，还从传播学与市场营销学交叉视角，讲解 H5 页面的营销与引流策略。​

教学采用 “理论讲授 + 案例分析 + 项目实践 + 即时反馈” 的混合式方法，各章节配套实践环节，依托专业软件与在线平台，建立包含过程性与终结性考核的多元化评价体系。学完本课程，学生将具备 H5 页面全流程操作能力，为从事融媒体创作、数字营销等职业筑牢基础。

选课建议与学习要求

本课程适合新闻学专业的大三学生选修。在学习本课程之前，建议学生先修相关课程，如计算机应用基础和基于Photoshop软件的图形图像制作等，以加强其对信息数字化和媒介元素编辑操作的理解。

大纲编写人

制/修订时间

2025.8

专业负责人

审定时间

2025.9

学院负责人

批准时间

2025.9

LO1品德修养：拥护中国共产党的领导，坚定理想信念，自觉涵养和积极弘扬社会主义核心价值观，增强政治认同、厚植家国情怀、遵守法律法规、传承雷锋精神，践行“感恩、回报、爱心、责任”八字校训，积极服务他人、服务社会、诚信尽责、爱岗敬业。

④诚信尽责，为人诚实，信守承诺，勤奋努力，精益求精，勇于担责。

LO2专业能力：具有人文科学素养，具备从事新闻传播相关工作的理论知识、实践能力。

⑤活动策划与执行：能根据不同的主题进行活动策划以及相关的品牌推广工作。

⑥媒介应用与发展：能较好地应用多种常用传播媒介，并能与时俱进地掌握岗位所要求的新媒介技术。

LO3表达沟通：理解他人的观点，尊重他人的价值观，能在不同场合用书面或口头形式进行有效沟通。

①倾听他人意见、尊重他人观点、分析他人需求。

LO6协同创新：同群体保持良好的合作关系，做集体中的积极成员，善于自我管理和团队管理；善于从多个维度思考问题，利用自己的知识与实践来提出新设想。

①在集体活动中能主动担任自己的角色，与其他成员密切合作，善于自我管理和团队管理，共同完成任务。

第一章 融媒体页面概述​

【本章重点】H5 技术核心概念、在新闻传播领域的应用场景及价值、融媒体页面设计要素。​

【本章难点】理解 H5 技术发展趋势与融媒体页面设计特征的关联性，把握其在新闻传播中的创新应用方向。​

1.1 H5 技术的概念与发展历程​

1.2 H5 在新闻传播领域的应用价值与发展趋势​

1.3 融媒体页面设计的基本特征与核心要素​

第二章 H5 页面设计理论基础​

【本章重点】传播学视角下 H5 信息传播原理、视觉传达与交互设计原则在 H5 中的应用。​

【本章难点】将抽象理论转化为 H5 页面设计实践，平衡视觉美感与用户体验的设计需求。​

2.1 传播学视角下的 H5 信息传播原理​

2.2 视觉传达设计原则在 H5 页面中的应用​

2.3 用户体验（UX）与交互设计（UI）基础理论​

第三章 H5 页面设计流程与策略规划​

【本章重点】H5 项目需求分析方法、内容策划流程与信息架构搭建逻辑。​

【本章难点】精准定位项目目标，合理规划设计流程以实现高效团队协作。​

3.1 H5 项目需求分析与目标定位​

3.2 内容策划与信息架构搭建​

3.3 设计流程与团队协作规范​

第四章 H5 页面视觉元素设计​

【本章重点】图文排版规范、色彩体系构建、图形图像创意设计方法。​

【本章难点】结合项目风格需求，实现视觉元素创意表达与规范性的统一。​

4.1 图文排版设计规范与创意表达​

4.2 色彩体系构建与风格化视觉呈现​

4.3 图形图像的创意设计与优化处理​

第五章 H5 页面多媒体元素整合​

【本章重点】音频视频素材编辑、多媒体与页面内容融合设计、交互设计方法。​

【本章难点】协调多媒体元素间的节奏与平衡，提升用户沉浸感。​

5.1 音频、视频素材的选择与编辑​

5.2 多媒体元素与页面内容的融合设计​

5.3 增强沉浸感的多媒体交互设计​

第六章 H5 页面动效与交互设计​

【本章重点】动效设计理论与形式、交互逻辑设计、交互动画制作技巧。​

【本章难点】设计符合用户行为习惯的交互逻辑，实现动效与内容的自然衔接。​

6.1 动效设计基础理论与表现形式​

6.2 交互逻辑设计与用户行为引导​

6.3 提升用户体验的交互动画制作​

第七章 H5 页面创意设计与案例分析​

【本章重点】热点传播创意策划方法、经典案例创意解析、创意与传播效果关联。​

【本章难点】从案例中提炼普适性创意逻辑，应用于实际项目策划。​

7.1 热点传播与创意策划方法​

7.2 经典 H5 案例创意解析与启示​

7.3 创意设计与传播效果的关联性分析​

第八章 H5 制作工具与技术实现​

【本章重点】主流 H5 制作平台功能、代码基础与进阶功能、跨平台适配策略。​

【本章难点】掌握代码实现复杂功能的方法，解决跨平台性能优化问题。​

8.1 易企秀等主流 H5 制作平台功能详解​

8.2 代码基础与进阶功能实现（选学）​

8.3 跨平台适配与性能优化策略​

第九章 H5 项目综合实践​

【本章重点】企业宣传与营销活动类 H5 项目全流程制作。​

【本章难点】综合运用所学知识解决项目实际问题，确保项目成果质量。​

9.1 企业宣传类 H5 项目全流程实战​

9.2 营销活动类 H5 项目策划与制作​

9.3 项目成果展示与评价反馈​

第十章 H5 页面传播策略与效果分析​

【本章重点】新媒体传播渠道与受众分析方法、裂变传播策略、数据监测评估体系。​

【本章难点】制定精准传播策略，通过数据分析优化传播效果。​

10.1 新媒体传播渠道与受众分析​

10.2 H5 裂变式传播策略与引流方法​

10.3 传播数据监测与效果评估体系​

1、融入新闻传播伦理：课程目标要求学生掌握融媒体页面设计知识与技能，在教学中，以传播伦理为切入点，强调信息真实、客观、公正的重要性。通过剖析虚假新闻案例，让学生认识到新闻传播需坚守道德底线，培养其正确价值观与职业操守。​

2、培养文化自信：课程旨在提升学生创新创意能力。在页面风格设计、创意策划章节，融入中华优秀传统文化元素，如运用传统色彩体系、图形符号进行设计。引导学生挖掘传统文化内涵，将其融入 H5 页面创作，增强文化自信，激发文化传承与创新意识。​

3、强化团队协作与责任意识：课程注重实践能力与团队协作培养。在项目实战环节，以小组形式开展企业宣传、营销活动 H5 项目制作。过程中，引导学生明确分工、相互配合，培养团队协作精神。同时，强调项目成果对企业和社会的影响，强化学生责任意识，使其明白自身工作的价值与意义。​

4、树立正确舆论导向：课程目标涵盖培养学生对融媒体行业的正确认知。在讲授 H5 页面传播策略时，结合当下舆论环境，教导学生如何利用 H5 页面传播正能量，引导正确舆论导向。让学生意识到媒体在信息传播中的关键作用，肩负起社会责任。​

通过将思政元素融入课程各环节，与课程目标紧密结合，实现知识传授、能力培养与价值塑造的有机统一，培养德才兼备的融媒体专业人才。

总评构成

占比

考核方式

课程目标

合计

1

2

3

4

5

X1

20%

基础图文设计实践

10%

10%

30%

30%

20%

100

X2

30%

多媒体元素整合与交互设计

10%

20%

30%

30%

10%

100

X3

50%

H5 项目全流程综合实战

10%

10%

30%

30%

20%

100

暂无