視覺設計是一種信息的傳遞。生活中我們所獲得的信息幾乎百分之八十都是來源于我們的視覺。扁平化設計聚焦于視覺的極簡主義,具有簡約的藝術設計風格,用最簡的界面來實現(xiàn)最細致的功能。此外,3D的裝飾效果已從屏幕上消除,信息本身重新作為核心被突顯出來,這種高度濃縮的概念和簡潔而富有表現(xiàn)力的表現(xiàn)方式備受歡迎,也成為當下設計界的寵兒。鑒于此,本研究對現(xiàn)有文獻進行了分析整理,發(fā)現(xiàn)扁平化設計在實踐方面研究較多,研究者將扁平化研究應用于許多領域,目前研究多集中于平面設計、圖標符號、網(wǎng)站、手機主題、手機App等方面,對教育相關方面的研究極少,缺少對技術與藝術的結合。在多媒體學習材料以及眼動相關的研究中,國外對提示信息的作用、媒體組合的影響研究較多,國內則更關注媒體材料和色彩的影響。但很少有從設計風格方面著手,進行深入研究。所以本論文將設計界的熱點引入多媒體學習中,探討如何將設計界的潮流元素更好的應用于教育領域中,使多媒體學習材料也跟上時代的步伐,為學習資源的設計與開發(fā)提供了新的思路。本論文從扁平化設計所包含的兩層含義出發(fā)——信息層級的扁平化和視覺的扁平化,采用傳統(tǒng)認知行為與學習效果測驗的實驗法,并結合眼動實驗法,對扁平化的設計在多媒體課件的結構功能上以及學習內容上的應用進行相關實驗研究,在課件內容上對圖和文分別進行了實驗研究。主要得出一下幾點結論:①在課件的功能結構上,扁平化的設計適用于結構層級較多的課件,但在設計過程中要注意把握界面內容的多少,切忌一個界面過于繁瑣,以增加學習者的視覺負擔。②扁平化插圖的設計可以應用于形象插圖中,尤其對于文史類學生,但不適用與抽象插圖的學習記憶。③在圖片起輔助性功能時,可以使用扁平化設計的插圖;圖片起主要功能時,尤其是抽象知識的學習,建議使用擬物化的設計風格。④在段落文字的排版布局的畫面設計過程中,建議在畫面設計過程中,有色塊與橫排版進行搭配,無色塊與縱排版進行搭配,最優(yōu)選擇有色塊橫排版的搭配組合。⑤多媒體課件的制作過程中,對于畫面美學的設計切忌盲目追風,不要為了便利隨意使用網(wǎng)絡素材。以上實驗結論能夠為學習資源的設計與開發(fā)提供新的思路,結合扁平化設計的理論基礎,將設計界的潮流元素更好的應用于學習資源的制作當中,從而制作出更加新穎而又利于學習者學習的多媒體課件。
【學位單位】：天津師范大學
【學位級別】：碩士
【學位年份】：2018
【中圖分類】：G434
【部分圖文】：

將其應用到學習系統(tǒng)界面的設計中幾乎空白。同時在眼動方面的探期刊論文。逡逑表１－２扁平化設計國內文獻分析逡逑檢索關鍵詞邐期刊論文邐碩士論文邐最早發(fā)表時間逡逑扁平化設計＋網(wǎng)頁／網(wǎng)站邐１５篇邐８篇邐２０１３年逡逑扁平化設計＋ａｐｐ邐１６篇邐丨４篇邐２０１３年逡逑扁平化設計＋手機邐２５篇邐１８篇邐２０１４年逡逑扁平化設計＋課件邐１篇邐Ｉ篇邐２０１５年逡逑扁平化設計十界面邐〗0２篇邐４５篇邐２０１３年逡逑扁平化設計＋交互邐３２篇邐２７篇邐２０１３年逡逑扁平化設計＋用戶體驗邐１５篇邐〗６篇邐２０１４年逡逑扁平化設計＋眼動邐１篇邐０篇邐２０〗６年逡逑步選取知網(wǎng)中扁平化設計的前２００篇期刊論文，對其進行知網(wǎng)的計量可視化分為關鍵詞出現(xiàn)頻率１０次以上的網(wǎng)絡圖�？梢园l(fā)現(xiàn)期刊論文中與扁平化設計的多集中于界面、交互設計以及用戶體驗和對比擬物化設計等方面。逡逑

外研宄現(xiàn)狀逡逑扁平化設計偏Ａ于實際應用，＿Ｒ己經(jīng)比較成熟。對其扁平化的應用發(fā)表１－３所示。逡逑表１－３國外扁平化設計應用的發(fā)展歷程逡逑公司邋具體應用逡逑微軟公司發(fā)布首個完全運用扁平化設計理念的ＵＩ—一邋Ｍｅｔｒｏ邋Ｕ１，采用大柵格化、明晰化、無襯線字體的版式和純扁平化圖標組合的系

陰影、紋理、材質等方式“模擬現(xiàn)實對象”，盡可能的展現(xiàn)現(xiàn)實物體的造型與質感。圖標也逡逑具有仿真效果，對實物進行再現(xiàn)，更加接近現(xiàn)實生活中的真實物體，使用戶看到圖標就能逡逑夠迅速感知到圖標的功能與操作方法，進而夠提高用戶體驗［９］。圖２－３和圖２－４中是相機圖逡逑標的兩種風格設計圖。左邊采取擬物化設計，右邊則為扁平化設計。逡逑媻邋Ｓ逡逑圖２－３擬物化圖２－４扁平化逡逑（２）扁平化設計逡逑扁平化設計——英文名為“ｆｌａｔ邋ｄｅｓｉｇｎ”，不同于擬物化模擬實物設計的是，扁平化的設逡逑計風格遵循極簡主義，最基本的概念是：以迅速傳達信息為目的，去除無用的裝飾效果，逡逑把突出內容作為核心［２１］。采用簡單的設計元素，簡單的幾何形狀，簡約的字體，簡化的交逡逑互設計，通過畫面的空間布局、優(yōu)化的排版、顏色對比、字體大小對比來使畫面更具節(jié)奏逡逑感與層次感。創(chuàng)建一個簡單的界面以實現(xiàn)信息的快速傳播。這個概念在２００８年由Ｇｏｏｇｌｅ逡逑公司提出［２２］。逡逑１２逡逑

【參考文獻】

相關期刊論文 前10條

1 高子硯;;淺析扁平化PPT課件設計要領[J];中國教育技術裝備;2015年24期

2 呂思思;焦金金;;扁平化設計在高校網(wǎng)站建設中的應用研究[J];軟件導刊;2015年09期

3 邵發(fā)仙;;促進有意義學習的小學科學課堂學習材料設計[J];教學研究;2015年01期

4 張鐵琦;張燾;;以視覺信息為主導的扁平化界面設計研究[J];大眾文藝;2015年01期

5 鄒治豪;;扁平化設計對藝術設計教學影響的新思考[J];楚雄師范學院學報;2014年07期

6 李寶慶;李靜;;初中英語教科書插圖的運用策略[J];現(xiàn)代中小學教育;2014年05期

7 曹舒;;淺析扁平化設計在現(xiàn)代設計中的地位和作用[J];美術教育研究;2014年03期

8 李娟;;小學語文教科書插圖分類和功能研究綜述[J];吉林廣播電視大學學報;2012年01期

9 李芳;楊小勇;;試論多媒體課件的視覺信息傳達過程及其設計目標[J];中國教育信息化;2011年01期

10 劉莉;;插圖在英語閱讀中的作用與教學啟示[J];科技信息;2010年31期

相關博士學位論文 前1條

1 溫小勇;教育圖文融合設計規(guī)則的構建研究[D];天津師范大學;2017年

相關碩士學位論文 前10條

1 劉歡;說明文中插圖效應的實驗研究[D];天津師范大學;2017年

2 古岱月;教學視頻重難點的突出方式對學習效果影響的實驗研究[D];天津師范大學;2017年

3 肖現(xiàn)芳;移動學習系統(tǒng)界面扁平化設計研究[D];河南師范大學;2017年

4 石教樂;扁平化在移動學習資源界面設計中的應用研究[D];河南師范大學;2016年

5 蔣鵬;基于眼動研究的網(wǎng)站可用性測試[D];浙江工業(yè)大學;2015年

6 李梁;基于視覺傳達設計理論的多媒體課件界面設計研究[D];西北師范大學;2015年

7 李小曼;大學生移動應用中扁平化設計的思考[D];中央美術學院;2015年

8 羅婧tD;極簡主義在扁平化風格網(wǎng)頁設計中的應用與研究[D];西北師范大學;2015年

9 張淼;插圖類型對不同歧義容忍度大學生外語閱讀成績的影響[D];南京師范大學;2015年

10 何夢楠;扁平化在社交網(wǎng)站界面設計中的應用研究[D];陜西科技大學;2015年

本文編號：2821175