課程概述
全球化時代,政府推動2030雙語政策,期盼提升國人英語力,吸引跨國企業來臺,讓世界走進臺灣;同時強化國人的英語國際溝通力,提升產業的全球競爭力,讓臺灣走向世界。然而,語言能力不易速成,有沒有一種方式可以跨越語言隔閡,不需要口頭語言便能有效傳達訊息的符號?
從歷史印證,答案是肯定的。1948年,倫敦奧運首次使用pictogram圖示概念;1972年,慕尼黑奧運會視覺被公認為歷屆奧運視覺系統的經典;1974年,美國交通部和美國設計師學會共同制定AIGA符號,是一種不需要口頭語言便能有效表達訊息的象形符號集,讓不同國籍的人士得以透過繪畫符號快速溝通。
圖示(pictogram,也稱為icon或picoto)的本質是一種符號,它代表對這個世界的隱喻,也指代功能、含義、用途等,也可視為有指定意義的圖。做為國際通用語言,生活中隨處可見,例如商場導覽圖中的收銀台、電梯、廁所、出口等圖示,手機裡使用的App圖示,如電話、簡訊、相機、Google等。圖示可應用於很多場景中,並且有豐富的擬物、扁平、線性、面性及文字等等的表現方式。
語文思考者推動知識革命,而圖像思考者創造全世界的建築、器械與藝術。多數人同時擁有語文和圖像思考能力,只是未能善加發揮。本課程希望引導學生結合未來生涯規劃方向,選定特定題材,喚醒學生圖像思考能力,運用更直覺、有美感的圖示設計方式,有效傳遞訊息,美化生活環境。
美感預期成果
- 開啟五感,用心觀察生活中的人、事、物,並與所學產生連結。
- 瞭解基本設計的原理,培養審美感知能力與美感思維能力。
- 結合未來生涯規劃的方向,進行設計題材構思,透過大量閱讀相關資料,能更瞭解未來職業的屬性。
- 喚醒學生圖像思考能力,善用色彩、比例、質感、構成完成圖示設計,並美編簡報,進行訊息視覺化與美化,達到友善溝通。
- 藉由成果展示與彼此觀摩,涵養學生的美感。
- 透過簡報發表,訓練學生的表達能力。
教師課後省思
在指導學生進行圖示設計草圖繪製的課程中,觀察到多數學生在初始階段未善用尺規等輔助工具進行作圖,導致手繪草圖比例失準、線條不齊,影響整體圖像的準確性與視覺表現。雖然課程後續會進入電繪軟體的操作階段,學生也能藉由數位工具進行修正與優化,但若草圖階段能更精確完成,將能有效提升數位製作的效率與品質。
往後需在課程初期加強學生對草圖重要性的認識,並引導他們養成使用基本繪圖工具(如尺、圓規等)的習慣。未來教學中,將調整教學流程,在進行創意發想前加入基本製圖技巧的操作練習,以提升學生的設計準確度與圖像表現力,並強化從草圖到數位製作的整合能力。
-
01「圖示」 遊戲體驗篇
1. 圖示猜謎:運用日本、英國雙設計師打造100個象徵台灣的美好圖示,讓學生進行TW Icon Game 台灣圖標字型遊戲(https://weichiachang.github.io/twicon-game/#/),最後將測驗分數截圖,答對題數多的同學加分。
2. 圖示分類:各組觀察圖示設計方式,嘗試進行分類,之後講解圖示有擬物、扁平、線性、面性及文字等等的設計方式,學生可檢視何種設計方式較容易理解圖示所代表意義。 -
02「圖示設計、 視覺系統、 AIGA符號」 介紹篇
1. 1948年,倫敦奧運首次使用pictogram圖示概念代替語言文字。
2. 1972年,德國20世紀最有影響力的設計師奧托•艾舍(Otl Aicher,1922-1991)設計的慕尼黑奧運會視覺,被公認為歷屆奧運視覺系統的經典。
3. 1974年,美國交通部因應迅速國際化後,機場、飯店、道路、觀光設施等皆迫切需要使用外國人也瞭解的繪畫符號,便委託美國設計師學會設計完整的象形符號集,是一種不需要口頭語言便能表達訊息的符號。 -
03「圖示設計 系統化原則」 講解篇
1. 講解圖示是有明確含義的圖形視覺語言,目的為代替、補充語言、分類訊息與吸引視線。
2. 從「SDGs聯合國2030永續發展目標」、「Gmail Icon」說明「圖示設計系統化原則」:統一性、連續性、單純性、可視性、可讀性、和諧性。
3. 介紹當代藝術家徐冰與文字有關的作品:
(1)「天書」:使用4000多個無人能懂的「漢字」寫成「析世鑒」(又稱「天書」),這部作品可視為解構發明漢字的中華文明,並創造一種適合當代社會文化的嘗試。
(2)「英文方塊字」:使用了書法的樣式,將所有英文單詞以漢字的思維書寫成「方塊字」。
(3)「地書」:使用各式各樣的表情符號寫成了112頁的「從點到點」(又名「地書」,與「天書」對應)。書中使用表情符號妙趣橫生地展示了一位單身上班族一天24小時的典型生活,描寫巨大社會系統中,一個小分子的行為與思考。 -
04「色彩學、 字體選擇 vs圖示設計」 講解篇
解說色彩學、字體選擇在圖示設計中的應用:
1. 色彩的明視度與閱讀性,類似色、對比色。
2. 字體的選擇:襯線字體、非襯線字體。 -
05「功能 vs圖示設計」 探討篇
教師運用以下範例引導學生探討其相關功能,以及需要的圖示設計系統:
1. 不同性質空間(如各式商店、百貨公司、學校、美術館、社教機構、咖啡廳、餐廳、旅館、公園、遊樂園、醫療院所、停車場所、車站、機場、廁所等)。
2. 各種活動(如運動會、園遊會、校外參觀等)所需指示牌、圖示設計。
3. 手機、電腦介面圖示。 -
06「設計思考」 理論講解篇
1. 「設計思考」是一種創新解決問題的思考方法,從人的需求出發,為各種議題尋求多元、創新的解決方案,並創造更多的可能性。
2. 設計思考流程介紹:同理、定義、發想、實作、測試。
3. 心智圖、曼陀羅思考法介紹。 -
07「圖示設計」 構思
1. 引導學生運用心智圖、曼陀羅思考法、設計思考、美的形式原理等方式,進行「圖示設計」構思,朝著結合未來生涯規劃的方向,選定職場相關題材進行設計,亦可連結學習歷程檔案所需圖示設計。
2. 聚焦練習:教師引導學生先發想各個職場皆需要的廁所題材,導入性別友善觀念,帶領學生從「男廁、女廁、性別友善廁所、殘障廁所、親子廁所」開始圖示設計。 -
08「圖示設計」 草圖
圖示設計的題材確認後,朝統一風格、系列主題的方向延伸思考,嘗試畫出草稿。
-
09「圖示設計」 繪製1
教導學生運用繪圖軟體繪製「圖示設計」,先確認風格,創建一致並連貫的圖示。
-
10「圖示設計」 繪製2
教導學生運用繪圖軟體繪製「圖示設計」,善用網格和尺規,全程使用相同的配色。
-
11「圖示設計」 繪製3
教導學生運用繪圖軟體繪製「圖示設計」,保持相同的視重和尺寸。
-
12「圖示設計」 繪製4
教導學生運用繪圖軟體繪製「圖示設計」,設定嚴格的圖示規範。
-
13「圖示設計」 繪製5
教導學生運用繪圖軟體繪製「圖示設計」,確認所有尺寸的清晰度。
-
14「圖示設計」 繪製6
教導學生運用繪圖軟體繪製「圖示設計」,可嘗試套用不同材質(如紙張、木材、石材、金屬、塑料等),觀察成品的質感表現。
-
15「圖示設計」 簡報製作1
引導學生運用Canva或Google簡報,依照上台報告之流程,完成「圖示設計」簡報。
-
16「圖示設計」 簡報製作2
引導學生運用Canva或Google簡報,美化並精緻化「圖示設計」簡報。
-
17「圖示設計」 成果展示準備
「圖示設計」整體檢視與修正,進行成果展示準備與演練。
-
18「圖示設計」 成果發表
「圖示設計」成果展示、簡報發表、心得分享與反思記錄。