課程概述
一雙經過訓練的雙眼會比天真的雙眼精於分辨,因此,課程進行的開端從覺察生活環境各式的資訊傳遞,以觀者的視角閱讀這些排版設計。它們是否具有讓人能快速接收資訊、理解資訊內容的效果。感受到生活中小至票券版面,大到傳播媒體版面都是需要具備合宜的版面構成,以達到易讀、易懂的效果。
首先,從認識自己、表現個人特質,以自己的姓名來進行字型的挑選,理解字型的呈現會帶給人不同的觀看感受。
當版面中增加更多的文字訊息與圖像時,該如何進行彼此之間的編排呢? 搭配美感實驗課程的「構成」KIT,來練習版面的層次編排練習。
最後以校內的園遊會文宣設計進行完整的版面編排練習,希望藉由此次課程學生能增長個人版面編排經驗的能力,日後編輯學習歷程檔案、作品集或製作三折頁的個人簡介時,能帶入美感知能與素養。
美感預期成果
- 學生透過課程建構版面編排時對於文字的編排能留意到易讀、好懂的視覺效果,圖文配置能具有主從觀念。
- 期望學生對於畫面的排列構成有感,不僅僅是這次園遊會的文宣設計,對於在日後進行學習歷程的編排、作品集的呈現,或是三折頁的個人自我介紹時都能具備編輯能力,將其呈現得更好。
教師課後省思
- 以往教學經驗中,學生較難理解「視覺動線」概念,因此,此次課程先以廣告傳單的內容元素,讓學生實際練習一次,眼動實測,引導學生指出「目光移動順序」。先讓每個人思考、紀錄「我希望觀者第一眼看到什麼?」,再記錄他人觀看順序,檢查作品是否符合自己設定的目標,評量方式由自我導向轉為有目標的檢視。經由這樣的策略,學生比較能理解視覺閱讀順序,對於後續進行版面編排操作時,能逐步設計「閱讀路徑」,有助於操作文字與圖片順序的配置。
- 針對此次實作過程中學生常覺得「美感是主觀的」不知道怎麼做才算好看,擔心作品被否定,缺乏清楚的操作方向。希望下次在操作過程中能拆解步驟,分階段檢查,逐步評量:第一步:先做視覺重點標示,第二步:安排視覺流程,第三步:處理配色與細節。每一步完成後,先小組討論與回饋,透過互評,建立同儕間的「美感標準共識」,逐步建立學生美感的信心。
-
01⽣活中的圖⽂排版
引起動機,從⽣活環境等面向切⼊,收集、觀察視覺版面的呈現,感受生活中所見的圖文版面呈現是否能達到易讀、易懂的視覺效果。讓學⽣認識圖⽂排版與⽣活美感的關係,
下周上課前的任務:以攝影拍照或實際文宣資料收集生活中所接觸的視覺版面設計,網站媒體中的圖文呈現也可以,最好是具有商業用途的視覺版面設計。 -
02體驗與練習
藉由日本《Layout song》來說明字體排版時所需注意的:對齊、放大、分開、留白。
以小組方式討論,檢視每個人收集的視覺版面設計,先予以區分,那些具有易讀、易懂的視覺效果,符合上述的字體排版效果嗎? 如果沒有達到易讀、易懂的視覺效果,該如何修改呢?
以格線的分割邏輯為基礎,理解合宜的版面構成。在MIRO上呈現原始的版面設計與修改後的版面,讓全班可以共同觀看before與after的差異。
透過「排版這件⼩事:⾼鐵票和奧斯卡都深受影響?」 Youtube 短⽚,總結⽂字排版及資訊陳列的相互關係。 -
03文字的表現
以包裝上的字型小遊戲來展開課程,先感受到同樣的文字內容,不同的字型會透露出不同的性格與訊息。版面編排中思考字型的挑選,所造成觀看者心理的差異。
「最近一次感到訊息跟字體不搭的錯愕是什麼時候呢?」「什麼樣的字體搭配什麼樣的感覺」,花5分鐘整理一下,自己是甚麼樣性格的人。認識字型的種類後,練習以個人的姓名為例挑選電腦中的字型,適合傳達與表現自己的字體是哪一種呢?
將所挑選的字型記錄在MIRO上,說明你使用這種字型想呈現出怎樣的性格與訊息。 -
04編輯(設計)思考:以園遊會文宣設計為例
有前幾次課程的學習經驗後, 了解版面當中⽂字的字型、字距與⾏距等⽐例關係會影響閱讀正確性、視覺舒適度及整體美感表現。
以四月校內舉辦的園遊會文宣設計為練習,練習以合宜的方式,讓人有清晰、明確的閱讀體驗,以快速理解其中主要與次要的資訊內容。 -
05圖⽂排版設計
了解並實際應用:「組合方式決定構成樣貌」。搭配美感操作手冊中的構成KIT,運⽤圖⽂⽐例關係,繪製多個圖⽂排版設計圖, 運用canva 傳單設計,將園遊會文宣進行圖文的版面編排。
-
06文宣設計的美感賞析
透過班級園遊會文宣的版面編排,學習⽐例美感概念及呈現技巧。藉由互相觀摩彼此作品,彼此學習與討論,日後能將⽐例美感運用於生活當中。