多媒體課件在Windows系統中的個性化創意設計

摘要：文章從Windows桌面操作系統中圖形界面應用出發，探討通過個性化的設計方法創建自己的Windows Space，給用戶創造出虛擬的桌面和軟件界面應用，以多媒體課件的設計為實例，分析了多媒體課件界面設計的組成要素以及運用Flash和Dreamweaver進行個性化創意設計的基本步驟。

關鍵詞：圖形界面；多媒體課件；Windows系統；個性化創意

doi：10.3969/J.ISSN.1672-7274.2023.02.036

中圖分類號：G 43，TP 3" " " " " " " "文獻標示碼：A" " " " " " " "文章編碼：1672-7274（2023）02-0-03

Personalized Creative Design of Multimedia Courseware in Windows System

CHEN Yao

（College of Art and Design， Hubei University of Technology， Wuhan 430070， China）

Abstract： Starting from the application of graphical interface in Windows desktop operating system， this paper discusses how to create your own Windows Space through personalized design methods， and create virtual desktop and software interface applications for users. Taking the design of multimedia courseware as an example， this paper analyzes the components of multimedia courseware interface design and the basic steps of personalized creative design using Flash and Dreamweaver.

Key words： graphical interface; multimedia courseware; Windows system; personalized creativity

1" Windows操作系統在設計中的個性化應用

桌面操作系統主要用于個人計算機，而操作系統的主要功能就是管理和控制計算機系統的所有資源，其中界面是人與機器傳遞和交換信息的媒介，包括硬件界面和軟件界面。系統界面設計師必須先明確自己的界面能夠支持的平臺，以Windows操作系統為例，Windows 10延續了Windows 8全新的啟動界面，徹底摒棄了之前黑底白字的啟動菜單，新的啟動菜單界面也同樣是Modern風格，圖形化設計更加適合觸摸操作。

如今高度發達的圖形化界面模糊了虛擬世界和現實世界的界限。抽象的桌面世界，如文件夾、回收站等被翻譯成具體的圖形，成為現實世界密不可分的一部分。在Windows 10中，微軟為個性化設置提供了豐富的選項。如鎖屏壁紙功能，時光機Timey Machine將Mac上所有的內容（數碼照片，音樂，電影，電視節目及文檔）都進行最新的復制。現在，只要需要就可以輕松讓時光倒流，恢復文件。在桌面系統中，也可以創建自己的設計資源管理。

創建自己的Windows Space就是給用戶創造出虛擬的桌面，按個人喜好把桌面分類，在桌面空間之間切換，就如同無限地擴充了任務和娛樂的空間，通過優化圖像處理軟件，使設計師工作起來更為便捷。

2" 多媒體課件在Windows系統界面中的

組成要素

2.1 文字設計

文字設計包括文本信息的編輯和字體設計，文本信息主要是對課程內容的描述性表示，包括闡述概念、定義、原理和問題以及標題與導航欄的內容介紹。其中，文本信息的可控編輯是在確定主題的基礎上完成的語句編輯。例如，“圖形設計”課程的課件設計，需要根據視傳專業教學大綱將課件分類為圖形的起源與發展、圖形的創意方法、圖形的構成方式、圖形的構圖原則、圖形的色彩設計5個主題，進而闡釋課程目標。當讀者面對文本信息時，就會感受到字體的直觀作用。字體設計一般來源于字庫和柵格系統，通過一定的設計表現讓讀者享受沉浸式閱讀狀態，以達到深度學習的效果。

2.2 圖形和圖像

圖形是指點線面到三維空間的黑白或彩色幾何圖，圖像是由像素點陣組成的畫面。在Windows操作系統中，顯示器的分辨率一般為1024×768像素，64位操作系統，主圖像使用jpg、gif文件，為了有效觀看課程信息圖片，也可以使用JavaScript。在課件設計中，圖解和信息圖表都運用圖形的力量傳遞信息，以簡單的方式把課程內容傳遞給目標用戶。理性地對課程信息進行整理，可以讓圖解更有實用性。例如，信息圖表的設計可以闡釋課程主題的想法、過程或是復雜的概念，應該選擇和諧的色彩組合。

2.3 動畫

在多媒體課件設計中，動畫可以把抽象的內容形象化，使許多難以理解的教學內容變得生動有趣，課程內容可以演示文稿動畫的形式來制作，可將信息圖和知識點講解制作成MG動畫。還可以在多媒體界面設置學習、練習、游戲3種不同的場景模式，其中，在學習模式中可以設置學習時間管理和科普類動畫，在休息時設置Windows操作系統屏幕保護；練習模式適用于對課程內容進行循序漸進的規劃與目標實現，可以設置答題練習和問卷調研；游戲模式是對課程內容的延展學習，根據課程內容來設置游戲場景。

2.4 交互

在課件制作中，強化實操互動，打造卓越課程，通過交互形式為學生設置即時反饋，提示學生下一步的操作。例如，當學生完成練習時，設置獎勵環節，通過表情動畫提示學習進階程度。在課件中實現多維互動，采用多角度模式，如學生視角和教師視角，增設課堂分數統計成果查看、及時反饋、個別指導等環節，構建師生互動線上討論考評、獎勵機制，形成小組與個人成績雙重考核、師生互動交流體驗流程體系，增強互動效率和質量。

3" 《圖形設計》多媒體課件界面設計的

創意設計方法

在視覺傳達學科中，圖形設計主要包括圖像符號、視覺符號、信息圖表、圖案等不同的形式，此外，圖解作為一種溝通形式也體現在圖形研究中。在“圖形設計”多媒體課件制作中，首先結合圖形設計課程問題的目標方案，確定課件的主要內容與形式，在信息整理與策劃階段，要結合學生的特性與興趣，創建相關內容，提供相關技術因素，收集調研與圖形設計相關的資源、圖片等信息，從實用、功能、視覺和內容多方面考慮課件信息的展示。個性獨特的課件會讓課程內容給學生留下優秀、深刻的印象，可以通過建立多媒體課件線框圖進行設計創意的發散想象與構思。線框圖是多媒體課件的視覺表現形式，是信息架構與視覺設計的布局，可以制定清晰的視覺細節，可以是手繪的草圖，也可以是數字化工具創建的原型圖。

多媒體課件設計應強調用戶行為和體驗。一是在用戶行為層面，它能夠使同學們進入專注狀態，高效完成工作或學習任務，包含能讓用戶專注工作的部分功能。二是在用戶體驗層面，它能使學生在使用App的過程中，有良好的用戶體驗，對課程產生濃厚的興趣。本文以Flash和Dreamweaver為例，介紹課件制作的基本步驟。

3.1 素材準備

在課程設計的初期，要充分整理分類課程內容，搜集大量關于學習類網站的設計資源，選擇適當的信息表達課程主題，將課件資料文檔化、視覺化，劃分課程主題和課時安排。課件圖片來源包括圖庫搜索、數據庫調研、輔助教材、設計實踐案例，對來源素材進行深入的分析，必要時可以“拆開”進行研究，對分解開來的元素與結構進行仔細分析。豐富的學習資源對于制作課件網頁來說是最基本的要求，所謂“媒體”是指信息的載體，而“多媒體”是指多種媒體的綜合使用，包括文字、圖形、動畫、音頻和視頻等。在Dreamweaver中，用戶可以方便、快捷地向網頁中添加多媒體素材。例如，準備“圖形的構成方式”這一部分課件時，運用Xmind圖表工具繪制信息圖，將設計思維和設計形式的流程用圖解的形式表現，創建信息圖文件夾；圖像在網頁中的作用是非常重要的，適當地添加各類圖像可以使網頁更加清晰美觀、形象生動，更能引發瀏覽者的閱讀興趣。

3.2 個性化IP設計

運用表情符號的形式可以展現不同的信息，在多媒體課件設計中可以大量應用圖形表情，卡通IP本身具有親和力屬性，因此，可以把卡通IP以表情的方式進行設計應用，傳播一定的校園文化內涵，吸引課件使用者應用。在本案例的IP設計中，在確定表情角色概念后，就可以著手繪制不同形象的卡通IP，在設定人物角色時，一個是利用近似不同個性學生形象的想像人物，也就是等身大的角色讓讀者容易產生認同感并融入感情，使得人物角色產生讀者分身的效果；另一個則是以專家或前輩的角色來呈現，如老師或者輔導員等，也有只用吉祥物來擔任引導或旁白解說角色的，這時比起人格的特性，更重要的是通過內容的裝扮和象征提高親和力。

在Flash軟件中制作動畫表情，主要內容是根據人的不同表情或動作制作的一些角色的表情變化，用戶可以通過的動畫表情表達出自己的情緒，使文字具有趣味性[1]。表情制作包括角色背景設定圖、角色形象設定圖、角色轉面圖及角色動態展示圖，其中背景設定主要是設定角色的性格、生活環境等，形象設定則是根據對象的性格設定出有趣味的表演角色，進一步細化角色細節，制作出角色正面、側面、背面3個面的形態，并統一比例，以便在制作動畫的過程中更快地確定角色位置[2]。還可以制作表情包，表情包中主要包含不同表情動畫，制在作過程中要注意不同表情動畫的大小比例要一致上色風格一致。表情的默認大小為24×24。角色表情以眼睛、眉毛和嘴巴為主要表現元素，同時可以配合肢體動作和道具來加強表現力度，首先繪制一個擬人化的動物卡通IP，在角色設定后分別制作15秒動畫展現學習情境的動作，并用文字講解動畫內容，例如，在低頭、歪頭使用時，提醒正確的坐姿。還可以通過這些制作方法制作出多種不同的表情效果，存儲為gif、swf或mp4文件，創建IP表情文件夾。通過一個表情或者一個動態都可以傳遞出不同的理念與效果，在信息交流中，不同的表情符號攜帶著不同的態度，展現了師生日常表現，微笑、喜歡等狀態。多媒體課件應該結合教學需要，對IP表情進行多種元素的創意設計，展現校園文化的正面形象，使得學生對課程達成一致的認同。[3]

3.3 動畫制作

對于課程中的教學重難點，可以將其制作成動畫的形式加以講解，也可以制作游戲頁面增加課程的趣味性。新建Flash文檔后保存該文檔，將準備好的圖片導入到庫中，建立單獨的文件夾，在開始制作之前對場景進行合理的設置，按快捷鍵“Shift+F2”打開Scene面板，單擊右下角按鈕“+”新建場景，并將兩個場景分別命名為“趣味學習”和“課件演示”，在趣味學習頁面場景中同學們可以選擇不同個性風格的人物和裝備，也可以自定義頭像和信息開始學習。在課件演示頁面制作課件導航，完成菜單的制作；在課件主體部分，新建演示文稿影片剪輯；在練習頁面制作練習模塊，新建練習影片剪輯元件，將元件分別放置在不同場景的圖層中，用鼠標拖曳調節場景順序，Flash將從上向下播放場景中的內容，在制作中，用ActionScript控制場景的轉換。完成Flash課件測試后，系統自動導出一個擴展名為.swf的文件。

3.4 交互制作

在制作完成不同場景的Flash動畫之后，根據課件的版式區域進行分析，通過分類素材資料，結合雨課堂的版式結構確定大體的網頁框架。課件開頭一般是由背景、主題文字、主題圖片和導航等要素構成的，如背景圖在Table中設置表格，選擇CSS設計器面板，在源選項組中選擇Style選項，單擊選擇器選項中的添加選擇器按鈕，輸入選擇器名稱.bj；在屬性選項中選擇背景按鈕，從文件夾中選擇背景，置入表格中，運用表格工具將準備好的數據圖片有序地排列在一起，可以精確地定位文字、圖像、動畫課件、視頻等網頁元素在頁面中的位置，使得頁面在形式上既豐富多彩又條理清楚，在組織上井然有序而不顯單調。為了保持多媒體網站中網頁風格的統一，需要在每個網頁中制作一些相同的內容，如相同欄目下的導航條、各類圖標等，也可以參考Dreamweaver的模板和庫功能。通過超鏈接的形式將課件演示、課堂討論、課程難點、練習這些不同功能的內容關聯在一起。超鏈接是網頁中最重要、最根本的元素之一。讀者可以通過鼠標單擊網頁中的某個元素，輕松實現網頁之間的轉換。在設計制作中，層疊樣式表（CSS）是一個輔助HTML設計的新特性，能保持整個HTML的統一外觀，CSS個性化的表現更能吸引訪問者。隨著網絡的普及，越來越多的人在網上擁有自己的個人主頁，根據“圖形設計”課程內容，要求同學們完成個人主頁設計，從個人Logo動畫到設計頁面背景圖標和個人作品相冊開始，創建具有個人主頁也是課程的學習目標之一。[4-5]

4" 結束語

多媒體課件是互聯網時代教學的重要因素，無論是在教學內容上，還是界面設計上，都需要在信息策劃、色彩設計、文字設計、圖形設計、版式設計中不斷提高和改進，同時考慮參與者的用戶體驗是多媒體課件設計的關鍵，結合科學的方式，融入個性化創意概念，采用技術手法設計交互課件并以理性的方法為設計提供多元實現手段。“圖形設計”在高校視覺傳達學科教學中有著更寬泛的概念與更深層次的內在含義，本文旨在為個性化創意教學實踐提出一些分析和應用。■

參考文獻

[1] 劉瑩．Flash CS6動畫藝術設計案例教程[M]．北京：清華大學出版社，2015.

[2] 周承君，陳巍．文化創意與傳播中表情包的演變[J]．大眾文藝，2020（02）：125.

[3] 趙星然．線上教育平臺的設計與實現[J]．電腦知識與技術，2021（07）：91.

[4] 汪杏芳．基于學習者感知學習風格的英語多媒體課件的界面設計[D]．上海：上海外國語大學，2012.

[5] 莊偉．小學校園吉祥物的設計以及應用研究[J]．設計，2022（02）：140.