多媒体课件中扁平化设计对学习效果影响的实验研究

发布时间：2020-09-17 20:11

　　 视觉设计是一种信息的传递。生活中我们所获得的信息几乎百分之八十都是来源于我们的视觉。扁平化设计聚焦于视觉的极简主义,具有简约的艺术设计风格,用最简的界面来实现最细致的功能。此外,3D的装饰效果已从屏幕上消除,信息本身重新作为核心被突显出来,这种高度浓缩的概念和简洁而富有表现力的表现方式备受欢迎,也成为当下设计界的宠儿。鉴于此,本研究对现有文献进行了分析整理,发现扁平化设计在实践方面研究较多,研究者将扁平化研究应用于许多领域,目前研究多集中于平面设计、图标符号、网站、手机主题、手机App等方面,对教育相关方面的研究极少,缺少对技术与艺术的结合。在多媒体学习材料以及眼动相关的研究中,国外对提示信息的作用、媒体组合的影响研究较多,国内则更关注媒体材料和色彩的影响。但很少有从设计风格方面着手,进行深入研究。所以本论文将设计界的热点引入多媒体学习中,探讨如何将设计界的潮流元素更好的应用于教育领域中,使多媒体学习材料也跟上时代的步伐,为学习资源的设计与开发提供了新的思路。本论文从扁平化设计所包含的两层含义出发——信息层级的扁平化和视觉的扁平化,采用传统认知行为与学习效果测验的实验法,并结合眼动实验法,对扁平化的设计在多媒体课件的结构功能上以及学习内容上的应用进行相关实验研究,在课件内容上对图和文分别进行了实验研究。主要得出一下几点结论:①在课件的功能结构上,扁平化的设计适用于结构层级较多的课件,但在设计过程中要注意把握界面内容的多少,切忌一个界面过于繁琐,以增加学习者的视觉负担。②扁平化插图的设计可以应用于形象插图中,尤其对于文史类学生,但不适用与抽象插图的学习记忆。③在图片起辅助性功能时,可以使用扁平化设计的插图;图片起主要功能时,尤其是抽象知识的学习,建议使用拟物化的设计风格。④在段落文字的排版布局的画面设计过程中,建议在画面设计过程中,有色块与横排版进行搭配,无色块与纵排版进行搭配,最优选择有色块横排版的搭配组合。⑤多媒体课件的制作过程中,对于画面美学的设计切忌盲目追风,不要为了便利随意使用网络素材。以上实验结论能够为学习资源的设计与开发提供新的思路,结合扁平化设计的理论基础,将设计界的潮流元素更好的应用于学习资源的制作当中,从而制作出更加新颖而又利于学习者学习的多媒体课件。
【学位单位】：天津师范大学
【学位级别】：硕士
【学位年份】：2018
【中图分类】：G434
【部分图文】：

将其应用到学习系统界面的设计中几乎空白。同时在眼动方面的探期刊论文。逡逑表１－２扁平化设计国内文献分析逡逑检索关键词逦期刊论文逦硕士论文逦最早发表时间逡逑扁平化设计＋网页／网站逦１５篇逦８篇逦２０１３年逡逑扁平化设计＋ａｐｐ逦１６篇逦丨４篇逦２０１３年逡逑扁平化设计＋手机逦２５篇逦１８篇逦２０１４年逡逑扁平化设计＋课件逦１篇逦Ｉ篇逦２０１５年逡逑扁平化设计十界面逦〗0２篇逦４５篇逦２０１３年逡逑扁平化设计＋交互逦３２篇逦２７篇逦２０１３年逡逑扁平化设计＋用户体验逦１５篇逦〗６篇逦２０１４年逡逑扁平化设计＋眼动逦１篇逦０篇逦２０〗６年逡逑步选取知网中扁平化设计的前２００篇期刊论文，对其进行知网的计量可视化分为关键词出现频率１０次以上的网络图。可以发现期刊论文中与扁平化设计的多集中于界面、交互设计以及用户体验和对比拟物化设计等方面。逡逑

外研宄现状逡逑扁平化设计偏Ａ于实际应用，＿Ｒ己经比较成熟。对其扁平化的应用发表１－３所示。逡逑表１－３国外扁平化设计应用的发展历程逡逑公司邋具体应用逡逑微软公司发布首个完全运用扁平化设计理念的ＵＩ—一邋Ｍｅｔｒｏ邋Ｕ１，采用大栅格化、明晰化、无衬线字体的版式和纯扁平化图标组合的系

阴影、纹理、材质等方式“模拟现实对象”，尽可能的展现现实物体的造型与质感。图标也逡逑具有仿真效果，对实物进行再现，更加接近现实生活中的真实物体，使用户看到图标就能逡逑够迅速感知到图标的功能与操作方法，进而够提高用户体验［９］。图２－３和图２－４中是相机图逡逑标的两种风格设计图。左边采取拟物化设计，右边则为扁平化设计。逡逑媻邋Ｓ逡逑图２－３拟物化图２－４扁平化逡逑（２）扁平化设计逡逑扁平化设计——英文名为“ｆｌａｔ邋ｄｅｓｉｇｎ”，不同于拟物化模拟实物设计的是，扁平化的设逡逑计风格遵循极简主义，最基本的概念是：以迅速传达信息为目的，去除无用的装饰效果，逡逑把突出内容作为核心［２１］。采用简单的设计元素，简单的几何形状，简约的字体，简化的交逡逑互设计，通过画面的空间布局、优化的排版、颜色对比、字体大小对比来使画面更具节奏逡逑感与层次感。创建一个简单的界面以实现信息的快速传播。这个概念在２００８年由Ｇｏｏｇｌｅ逡逑公司提出［２２］。逡逑１２逡逑

【参考文献】

相关期刊论文 前10条

1 高子砚;;浅析扁平化PPT课件设计要领[J];中国教育技术装备;2015年24期

2 吕思思;焦金金;;扁平化设计在高校网站建设中的应用研究[J];软件导刊;2015年09期

3 邵发仙;;促进有意义学习的小学科学课堂学习材料设计[J];教学研究;2015年01期

4 张铁琦;张焘;;以视觉信息为主导的扁平化界面设计研究[J];大众文艺;2015年01期

5 邹治豪;;扁平化设计对艺术设计教学影响的新思考[J];楚雄师范学院学报;2014年07期

6 李宝庆;李静;;初中英语教科书插图的运用策略[J];现代中小学教育;2014年05期

7 曹舒;;浅析扁平化设计在现代设计中的地位和作用[J];美术教育研究;2014年03期

8 李娟;;小学语文教科书插图分类和功能研究综述[J];吉林广播电视大学学报;2012年01期

9 李芳;杨小勇;;试论多媒体课件的视觉信息传达过程及其设计目标[J];中国教育信息化;2011年01期

10 刘莉;;插图在英语阅读中的作用与教学启示[J];科技信息;2010年31期

相关博士学位论文 前1条

1 温小勇;教育图文融合设计规则的构建研究[D];天津师范大学;2017年

相关硕士学位论文 前10条

1 刘欢;说明文中插图效应的实验研究[D];天津师范大学;2017年

2 古岱月;教学视频重难点的突出方式对学习效果影响的实验研究[D];天津师范大学;2017年

3 肖现芳;移动学习系统界面扁平化设计研究[D];河南师范大学;2017年

4 石教乐;扁平化在移动学习资源界面设计中的应用研究[D];河南师范大学;2016年

5 蒋鹏;基于眼动研究的网站可用性测试[D];浙江工业大学;2015年

6 李梁;基于视觉传达设计理论的多媒体课件界面设计研究[D];西北师范大学;2015年

7 李小曼;大学生移动应用中扁平化设计的思考[D];中央美术学院;2015年

8 罗婧tD;极简主义在扁平化风格网页设计中的应用与研究[D];西北师范大学;2015年

9 张淼;插图类型对不同歧义容忍度大学生外语阅读成绩的影响[D];南京师范大学;2015年

10 何梦楠;扁平化在社交网站界面设计中的应用研究[D];陕西科技大学;2015年

本文编号：2821175