淺析扁平化PPT課件設計要領

◆高子硯

淺析扁平化PPT課件設計要領

◆高子硯

從PPT課件在課堂上的尷尬現狀引入主題，總結歸納出PPT課件藝術設計的三個要領，即“一個理念”“四個原則”和“四個方面”。提出在大數據時代的今天，以簡約高效的扁平化設計理念，遵循“對比、重復、對齊、親密”這四大基本原則，對PPT課件的文字、顏色、圖片、排版四方面內容進行藝術設計，從而實現教學信息的創新表達，提高課堂教學效率。

扁平化；課件設計；PPT

10.3969/j.issn.1671-489X.2015.24.059

20世紀90年代，微軟公司開發的PowerPoint（以下簡稱PPT）演示文稿軟件開始在世界范圍內風靡。盡管如此，PPT作為21世紀的“世界語”，在教育領域的應用仍然存在一些尷尬的境遇。雖然PPT是廣大教師使用最為頻繁的課件制作軟件，但把PPT當成Word一樣使用、模板應用得一成不變、幻燈片圖文混淆等這些情況，仍然較為普遍。這些現象不僅對學生的學習興趣與積極性產出負面作用，也必然影響教師的課堂教學效果。因此，如何化解PPT課件在課堂上的這些尷尬，無疑成為教師最想做出的改變。那么，教師的PPT課件可以做哪些改變呢？在這里，筆者通過研究總結，將PPT課件設計要領歸納為“一個理念”“四個原則”和“四個方面”。

1 一個理念——扁平化設計

2008年，Google提出“扁平化設計”的概念，即“flat design”，其核心是去除一切陰影、紋理、漸變、立體等裝飾效果，用單純的形狀和顏色，更加直觀有力地向觀者傳遞信息，也因其簡潔鮮明、清晰快速的風格特點，迅速成為設計界的焦點，并迅速受到設計師的追捧。正如大眾所熟悉的Windows Phone操作系統、Windows 8以及IOS 7.0系統，其扁平化的設計風格，在成功獲得用戶青睞的同時，也預示著純粹簡單、干凈利落的視覺形式在大數據時代的現代社會必將發揮持久的活力。

其實，這種崇尚簡約、去繁為簡的設計理念同樣在教育領域受用。基于扁平化設計理念設計出的PPT課件，均以更加簡單、直白的方式呈現教師所要展示的信息與內容，以達到言簡意賅的目的，從而減少認知障礙，提高教學效率。

因此，教師可以順應扁平化設計的趨勢，基于簡約高效的設計理念，嘗試走出改變PPT課件設計思路的第一步。下面，筆者將從四大基本原則與文字、圖片、顏色、排版四個方面來談一談此類PPT課件藝術設計的心得與經驗。

2 四個原則——C、R、A、P四大基本原則

在這個創意無處不在的大數據時代，新鮮、有意義的信息與事物總能夠第一時間抓住人們的眼球，因此，越來越多的人需要成為設計師。教師也是如此，論文、教案、教學課件，這些都在考驗教師基本的設計能力。那么在毫無設計經驗的情況下，想讓學生第一時間被PPT課件的內容所吸引，并沉浸其中，需要如何設計呢？世界著名的設計師Robin Williams在她的《寫給大家看的設計書》（The Non-Designer’s Design Book）一書中歸納出的對比（Contrast）、重復（Repetition）、對齊（Alignment）和親密性（Proximity）四大基本設計原則，將是教師在設計制作PPT課件時所必須了解的黃金法則。

對比 如圖1所示，對比性原則，即在一張幻燈片中的不同元素應當有所差別，甚至截然不同，足以吸引眼球。這是為頁面增加視覺效果的最有效的途徑之一。另外，合理使用對比能在不同元素、不同層次的信息中梳理出較為清晰的組織結構。因此，在PPT課件的設計制作過程中，可以通過字號的大小、色調的冷暖、線條的粗細、形狀所占的比重大小等多種方式形成強烈對比，以突出教學信息的層次或教學重難點。

重復 如圖2所示，重復性原則可以理解為“一致性”，也就是說“在設計的某些方面需要在整個作品中重復”。在教師的PPT課件中，重復元素可能是一句標題、一種加粗字體、一塊矩形色塊，因此，整個PPT課件作品，每一頁過渡幻燈片、某一項羅列的條目、選定的同一RGB值的色塊等，只要是能看到的任何內容，都可以成為重復元素。重復的目的就是統一，將幻燈片中的各個部分聯系起來，從而統一并增強整個課件作品，這樣的課件作品才能深入人心。

對齊 如圖3所示，對齊性原則即拒絕將任意的信息或元素隨意地排列。每一個頁面中的信息與信息、元素與元素之間，都存在某種視覺聯系。在制作PPT課件時，教師倘若只是輕易地將圖文信息等教學內容隨意堆積在幻燈片頁面中，會給人雜亂無章的感覺，用這樣的課件展開教學必然事倍功半。但神奇的是，教師只需巧妙借助PPT工作環境中參考線、網格線等對齊工具進行排版布局，就可以徹底告別略顯雜亂的狀況了。

圖1 對比性原則示例

圖2 重復性原則示例

親密 如圖4所示，親密性原則又可稱為聚攏原則。只有相關的元素組織在一起，才能實現聚攏效果。有時候，在同一個頁面上，物理位置的接近就意味著存在聯系。應用到PPT課件制作當中也是一樣，只需稍稍移動位置，使相關的信息、元素的位置相互靠近，它們就自然被理解為是一個整體，而不是一堆彼此無關的內容。試想，教學課件中多運用這一原則來呈現新知識、新思路、新事物，學生根據幻燈片中的直觀展示，就能馬上了解教學課件的組織脈絡與內容，甚至教師的意圖，教學效果自然優化。

3 四個方面——文字、顏色、圖片、排版四方面內容

當然，想完全掌握PPT課件藝術設計的技巧，僅有設計理念與設計原則是遠遠不夠的。最需要的是將扁平化的設計理念與“對比、重復、對齊、親密”這四大基本原則適時應用于文字字體、顏色搭配、圖片選取、排版布局這四方面內容當中去。

文字字體 文字，可謂是PPT課件中最常用、最基本的信息內容。通常情況下，教師在準備教學PPT課件時，考慮最多的就是使用什么字體、文字如何排列這類問題。

由于大部分教學PPT課件都是在教室的投影幕布或教學一體機上展示，需要保證教室里所有的學生都能夠清晰地看到幻燈片中所展示的教學信息與內容，這就要求教師在制作PPT課件時在考慮美觀的情況下，首當其沖地選擇筆畫清晰、容易辨認的字體類別，最為常用的有微軟雅黑、黑體、幼圓之類的無襯線字體。無襯線字體筆畫簡單，無過多修飾，適合投影展示的場合。而使用有襯線字體時，如宋體，為保證文字內容在投影場合更為清晰地呈現，最好放大字號，或設置加粗。而在面對中小學、幼兒園的學生制作PPT課件時，也可以適度選擇一些比較活潑的卡通字體，如方正卡通簡體、方正藝黑簡體、漢儀丫丫簡體等，會更易被學生接受與喜愛。但為了PPT課件整個風格的統一，一般來說，一個PPT課件作品中，字體系列保持在兩種比較合適。這也符合扁平化設計推崇簡約、拒絕復雜的風格理念，如圖5所示。

圖3 對齊性原則示例

圖4 親密性原則示例

圖5 有襯線字體與無襯線字體

另外，PPT課件中的文字使用還需要注意文字與背景的顏色搭配。考慮到PPT課件在教室投影時的顯示效果，要做到“對比明顯，搭配和諧”，如淺色背景配深色字、深色背景配淺色字。至于顏色搭配的具體技巧，筆者會在顏色搭配部分詳述。

顏色搭配 在PPT課件的顏色選取上，可以依據學科、專業以及課程的特點。譬如，理工科類一般以冷色調為主，計算機操作類的教材封面就多以藍色為主。使用冷色系作為整部PPT色調風格會令人較為舒適，但易使人感到乏味，可以搭配在冷暖色過渡帶的顏色，如綠色，會帶來俏皮感。相反，在幼兒園或小學的PPT課件中，為了調動孩子們的學習興趣，通常會使用活潑、熱烈的暖色調，如橙色、紅色。但需注意的是，雖然暖色調非常善于營造視覺沖擊，但暖色調也易使人產生視覺疲勞。與字體系列的使用方法一樣，一個PPT課件作品中的顏色系列也不適宜過于單一或復雜，不管是單色系還是多色系，一般四種顏色即可。

圖6 文字顏色的搭配

圖7 圖文混排時要避免“圖文混淆”

但無論使用什么樣的色調或色系，同樣是考慮學生在投影場合的觀看感受，使用的顏色最好做到“鮮艷不刺目”。而文字的顏色則需要與背景色搭配協調，如圖6示例。

圖片選取 圖文并茂通常是PPT課件作品最基本的評價標準，這就要求除了文字的合理使用，圖片的搭配選取也至關重要。筆者認為，要想遵循扁平化設計風格，達到言簡意賅的目的，對于圖片選取的要求可以歸納為一句話：“清晰簡單有留白，切勿圖文混淆，喧賓奪主。”

1）考慮PPT課件的觀看感受，搭配的圖片最好清晰、簡單，并與文字能夠相互呼應，起到幫助理解文字內容的作用；反之，過于模糊、復雜的圖片不僅干擾教學信息傳播效果，還會給學生造成視覺疲勞。因此，作為選取圖片最基本的要求，如果清晰簡單都做不到，還不如不要圖片。

2）如圖7所示，圖文混淆是目前大部分PPT課件中常見的頑疾，通常表現為：背景圖片與文字段落過多重疊，導致圖文信息都不清晰；背景圖片的色調與文字段落的顏色基本一致，混為一體，投影場合觀看困難；配圖過多，且有多余動畫效果，使學生的注意力轉移，反而忽略文字信息。筆者根據這三種常見的圖文混淆情況提出建議。

①背景圖片最好選擇有留白的高清圖片。這樣一方面不影響觀看，另一方面可以利用留白的空間放置對應的文字信息，實現真正的圖文并茂。

②配圖時，需要根據文字信息的內容多少，適當地裁剪圖片。搭配文字的圖片，通常可以利用PPT中的形狀工具、圖片工具對圖片做一些簡單的加工與處理。

③在一張幻燈片中，圖片再美再清晰，都是為了呼應或解釋文字信息，如果它是配圖的話，請不要讓圖過分夸張地呈現，以免奪了“文字”的主。

最后，在圖文信息量較大的情況下，要想讓圖文和諧搭配、相得益彰，還需要明確圖片與文字的主次關系。在圖文混排時，可以參照四大基本原則中的“對比性原則”“對齊性原則”與“親密性原則”，不僅能夠避免不必要的圖文混淆，還能夠在排版方面實現靈活布局。

排版布局 如何圍繞扁平化設計的風格，并參考“對比、重復、對齊、親密”的四大設計原則，在PPT課件的布局排版方面做到簡約整齊、明確一致？其實，掌握“顧及全局、突出重點”的關鍵要領即可。

1）“顧及全局”指的是要有全局觀念，包括風格統一、排版一致、頁間對齊等幾個細節。

①在制作PPT課件時，單擊“幻燈片瀏覽”按鈕，就可以對設計PPT課件統一性情況有一個整體的了解。這時可以參考“重復”原則，對PPT中的色彩、字體等元素進行統一設置，通過相同元素的不斷重復，以達到從感官上的統一。

②將具有相似性的圖文信息或元素放在幻燈片頁面的相同位置，使學生便于閱讀、理解，并清楚地了解各部分之間的層次關系。譬如添加一個精巧的導航欄，就是在PPT課件設計中較為實用的巧妙設計。插入文本框或圓角矩形等對象，無需復雜設計，通過變換文字或色塊的顏色，配合幻燈片頁面之間的切換，這樣的導航欄就能夠幫助學生更好地理解課件呈現的內容脈絡與層次，如圖8所示。

③整齊是精巧的前提。遵循“對齊”原則，在幻燈片頁面之間保持統一的情況下，還需要注意每一張幻燈片的頁間對齊情況。頁間對齊即在不同的頁面中，相同內容的位置與屬性設置不變；而相似的內容，分別處于不同頁面的相同位置，如此一來，最終的PPT課件在播放翻頁時更有整體感。除了可以借助參考線、網格線以及幻燈片母版等設置來實現，還可以使用復制文本法。即直接把上一張幻燈片的文本復制到下一張，文本的屬性設置不變，還自動落在相同的位置，只需修改文字內容即可。

圖8 導航欄示例

2）“突出重點”，就是要快速讓學生知道重點是什么。PowerPoint本身的英文原意就是“重點”“關鍵點”。因此，好的PPT設計，能讓人一眼就抓住重點，不會讓人產生認知障礙，在不重要的部分浪費時間。那么，在PPT課件的設計與制作過程中，積極借鑒“對比”“親密”的設計原則，利用幻燈片中圖文信息等元素的屬性設置就能實現重點內容的突出。例如，如果各部分的距離相等，但顏色有異，那顏色相同的部分自然被理解為是一個整體；而利用顏色的相似性，可以讓別人快速明白幻燈片中的內容層次；如果把相同層次地位的元素排列得更緊湊，則更能幫助學生將信息分類，從而更快地理解教師的思路。另外，也可以參照攝影構圖技巧中的“九宮格構圖法”（又稱為“黃金分割法”）來設計幻燈片中的排版布局。九宮格將整個幻燈片頁面分割成九個相同大小的矩形塊，兩條橫線與兩條豎線交叉的四個點被稱為黃金分割點。那么，黃金分割點即是整個頁面的視覺焦點所在。也就是說，只要將重要的信息放在視覺焦點上，就可以實現“突出重點”。

4 注意事項

PPT不是Word 既然是PowerPoint，即重點、關鍵點，呈現在幻燈片頁面上的圖文信息就應該是少而精。為避免滿屏圖文，最好篩選段落內容，做到簡單精煉，只呈現最關鍵的內容。

模板不是萬能的 互聯網中海量的PPT模板素材，有時確實能幫助教師減少備課工作量，但現成的模板的文本格式、色調風格已經統一，教師后期使用、添加新內容時要注意與模板內容保持一致。

利用好備注 PPT課件已經成為一些教師課堂教學的講稿，照PPT宣科導致的滿屏圖文的現象不在少數。按照簡約高效的思路，就需要精簡幻燈片上的內容，可幻燈片上的內容突然少了，不知道該講什么，有些教師難以適應。其實可以將提示的內容放在備注，也能起到提醒作用。

5 結束語

多年來，評價一個PPT課件作品是否優秀，一般是從課件的技術性、藝術性與思想性三個方面考量，而教師設計與制作課件時常常“重技術，輕內容”。扁平化設計對于大部分人來說，可能只是個新潮的名詞，但與“對比、重復、對齊、親密”四大設計原則一樣，它們在備受各領域設計師追捧的同時，其耳目一新的視覺特征，簡約高效的設計理念，也可為教育教學所用——用最便捷簡單的方式去實現教學信息的高效表達。可以說，其核心思想正為廣大一線教師化解課堂尷尬、提高教學效率提供了新思路。PPT課件的“簡約高效”就是不需要過多的繁瑣修飾，需要的是內容本身的斟酌凝練。

當然，PPT課件的設計與制作，僅是教師進行教學準備階段的其中一個環節。由于會涉及如教學環節的安排、教學內容的甄選、教學活動設計的推敲等其他環節，因此，在對課件做了設計、制作與應用之后，更重要的是將課件及時地修改完善、不斷更新迭代，才能使課件作品為教師的教學工作持續地發揮應有的作用。■

［1］崔天劍，徐碧珺.大數據時代扁平化設計趨勢研究［J］.創意與設計，2014（3）:16-20.

［2］William R.寫給大家看的設計書［M］.北京:人民郵電出版社，2013:4-6.

［3］孫力.PowerPoint！讓教學更精彩：PPT課件高效制作［M］.北京:電子工業出版社，2012:57-61.

［4］鐘志賢，張曉梅.全新思維視域下的PowerPoint設計［J］.中國電化教育，2011（4）:86-92.

［5］周麗.PowerPoint教學課件設計原則及注意事項［J］.軟件導刊·教育技術，2014（7）:76-77.

［6］曹舒.淺析扁平化設計在現代設計中的地位和作用［J］.美術教育研究，2014（3）:106-107.

［7］嘉文錢.PPT扁平化設計手冊［EB/OL］.［2013-12-13］. http://page.renren.com/601842666/channel-391355.

G436

B

1671-489X（2015）24-0059-05

作者：高子硯，徐州幼兒師范高等專科學校（221000）。