創新視覺化發展(Sketch) by insight ewpg

智齡聯盟跨領域人才培育課程模組-106年優化版

創新視覺化發展 (Sketch) 大同大學工業設計系楊朝陽助理教授

X 長庚大學工業設計系王明旭講師

本教材內容採用創用CC，「姓名標示-非商業性-相同方式分享」3.0台灣授權條款。

03 概述 04 模組規劃

06 實施步驟及內容 06 單元一：繪製基礎 17 單元二：圓形的繪製 20 單元三：想像創作

24 單元四：實體翻轉繪製 25 實際案例 - 大一設計系學生、跨專業背景之在職研究所學生 25 教學實況紀錄 26 學生作品 31 訪談與回饋 36 模組開發歷史

創新視覺化發展模組楊朝陽副教授大同大學工業設計系

開發教師

王明旭講師長庚大學工業設計系

概述模組簡介在工業上大量製造中，工程圖是產業在生產、製造及加工時的主要依據，從各類機械、產品、零件等等的設計、製圖甚至是加工製造，都需要經由設計人員將各類的圖面正確的繪製出來；例如三視圖、透視圖、剖面圖以及爆炸圖等。產品經由設計人員設計出來後，設計師亦須要與機構等等部門之人員溝通；以確定其設計之產品能夠被生產出

來而又不損其設計理念。因此，設計人員在將構想、設計或規劃予以具體化，亦須透過圖面的正確表達，始能讓其他知人員了解其理念與設計之結構，甚至於彼此間的溝通，都需藉助各類之圖面來達成，因而工程圖如同工業語言一般，對於工業製造上之重要性不可言喻（康鳳梅等，1994）。

模組目標 1.培養學生空間造型能力 2.訓練學員基礎手繪，畫線、圓、造型 3.強調冥想的能力，及繪製出腦中所想的造型

教學時數本模組包括4個單元，總計教學時數為12小時。單元一：繪製基礎（3小時）單元⼆：圓形的繪製（3小時）單元三：想像創造（3小時）單元四：實體翻轉繪製（3小時）

適⽤學習者

適⽤課程

設計系與其他系皆適用，試教過30名工學院學生

基礎素描、設計素描

應⽤場域素描教室

預期效益期望學生能夠用理性的檢測方式分析自己的空間能力，打破原先繪製靜態的風景、物品，提昇學員冥想能力，將抽象的物體繪製平面上。

模組規劃教學理念立體造型手繪稿是整體設計的基礎，在交由產業界生產前必須正確傳達給製圖人員並繪製三視圖以確認尺寸，因此造型概念表達的正確度是工設人員與掌握設計流程與後段設計人員有效率溝通的基礎，設計師就必須具有相當的心靈旋轉能力，以瞭解並表達物件在空間的實際情形。但是對於產品設計大一學生，因高中時多半沒有受過空間相關的訓練，因此將心中所想之立體產品圖像藉由手繪方式所呈現出來，不是容易的事。

課程時間總時數 12小時四個單元

學生人數 25人

模組大綱單元一：繪製基礎（3小時）以簽字筆繪圖為基本訓練，從透視、直線、圓圈繪製練習筆觸與握筆的穩定度，後半段進行基礎的產品分析臨摹，讓學生瞭解產品的設計亮點和設計模式。

場域洽談繪畫教室

單元二：圓形的繪製（3小時）在直線的練習後，經由曲線和圓弧的練習訓練筆觸的平穩度，嘗試著控制起筆和收筆的位置，擁有平穩的握筆方式之後素描的過程筆法能更加洗鍊。

單元三：想像創作（3小時）藉由方形的隨機切割，練習直線以外的有機線條，並結合立體造型的繪製。

單元四：實體翻轉繪製（3小時）利用高複雜度實體繪製練習，重新審核學員所學做一檢測及反省。 5

學生成果評量方式公開評圖練習成果

課程規劃教學師資及人員

授課教師：2位

主要在各單元內扮演解說執行重點的角色，一步一步藉由觀察、測量及計算的方式完成作品間學習到應具備之概念視覺化技能。

教學助理：2位

每個步驟的教學需配合學生立即在課堂上實際操作，教學助理需要在學生間觀察並輔助學生完成動作。

實施步驟及內容單元規劃 3 HR

3 HR

繪製基礎

圓形的繪製

想像創作

實體翻轉繪製

單元一

單元二

單元三

單元四

因本課程上課學生並非絕對為設計科系學生，本單元從介紹學生概念視覺化與一般設計整體流程關係與重要性。

單元一：觀察與體驗教學方法快速訓練基本繪圖能力首要在訓練學生手部（肩膀、上臂、下臂、手指）肌肉的協調性，其次在瞭解透視的原理及物體與物體間物理關係。

教學內容 ● ● ●

●

了解自己手繪及物件空間感便於日後作為參考。手繪的應用：說明手繪在表達概念中的角色。繪製基礎：以簽字筆基礎繪畫為主，從透視、直線繪製練習筆順與手穩。視覺立體透視：繪製兩點透視樣板，將白紙墊在其上做立體方塊練習。 7

目標目標1：讓學生瞭解自己空間能力目標2：建立學生正確立體（透視與比例）概念目標3：養成學生正確繪圖姿勢及習慣

時間 3 HR 場地素描教室器材 0.38鋼珠筆、A3紙、50 公分尺

手繪應⽤介紹相關產業應⽤手繪範例包括：插畫、動畫、產品設計、建築等（範例如下）

手繪與產業連結

設計概念發想表現

畫直線（如下圖）練習手部的穩定性

手繪的習慣

下臂與手指之間的平衡，才能畫出穩定的直線。

整理資料的習慣

筆觸：下筆需銳利，不能有模稜兩每堂課皆請學生準備好一疊可的線條，或是毛邊的線條。也不 DoubleA的A3白紙與0.38的黑色宜重複描畫同一條線，下筆需要一鋼珠筆。第一堂課首先介紹手繪的氣呵成。鋼珠筆的墨水需充足，也基礎概念：手繪時訓練手部肌肉所不能爆水，才能畫出穩定、粗細統需要的協調性，需找到肩膀、上臂、一並且墨水平均的直線。

作業格式訂一些作業格式，提高學生對手繪的要求，講述筆觸、姓名格式以及紙張保存的重要性。制定一個留白的空間，以及線條的數量、密度。最終要交出以穩定直線條佈滿整張橫向（landscape）的A3紙。規則：課堂中最後的40分鐘留給學生繪圖，學生可以反覆繪製最後交出最滿意的一張，老師評分以直線筆觸穩定並沒有碰到其他條線為原則，一條一分，視兩邊（下筆及收筆處）平整度、紙張平整度、整體筆觸平穩度酌量加減分。

姓名格式：規定日期、學號以及姓名的格式，並且一律寫於右下角。

手繪的態度白邊：為讓學生學習穩定下筆及收筆習慣，直線開始於圖紙左邊內緣 1公分左右並收筆於圖紙右邊距離邊緣1公分處，上下內緣1公分處也需留白。紙張的保存：手繪為一重要的概念表現方式，未來將手繪展示給他人看的機會很大，因此在手繪時應對紙張的照顧有一定的要求，要小心不要凹到紙、將紙弄破、弄皺或是抹到未乾的墨水。除了手繪的痕跡，紙張應是一片白淨。

1 0

透視方塊練習基礎方塊的透視首先介紹透視的概念：單點透視、兩點透視及三點透視的應用，讓同學們能夠整合生活中的透視概念與手繪的概念。

平面轉動與變換視角下對正方體所產生之透視變化下左圖為方塊在兩點透視下映射上視與左視方塊所產生透視方塊之規則，而下右圖為逆時鐘30度旋轉，視平面上移70度角所產生之透視方塊。

身在其中的單點透視

雄偉的三點透視

一般產品創作的兩點透視

繪製透視線先在一張A3紙上繪製垂直線與水平線各一條，穿過中心點。在垂直線上標出兩點透視的透視線。以一格 1.5公分為間距標在垂直的線上，再用直尺輔助，從左右兩個透視點各穿過這些標好的點，就會畫出非常多規律的透視線，所有的線條都符合同一個透視。

練習方塊的透視首先介紹方塊的基本概念：方塊的透視概念、如何畫正方體以及方塊的視角。接下來將畫有透視線紙張當成底板墊於新的白紙下方，利用透視線畫出符合透視的方塊。起初的作業讓同學畫出十個各種不同透視的方塊。主要練習透視的概念、與方塊在各種角度的樣貌。本練習開始皆不使用直尺，一切都依靠手部的穩定度來完成。

了解自己空間能力測驗及方塊繪製空間能力在繪製圖面時相當重要，如何分析自己是否有效的透過練習而增強；除了藉由不斷的與學員討論，檢視作品外，更透過空間能力測驗在期初與期末分別測試學員經過一學期的空間練習，是否得到實質的進步。

能夠對於測驗之意義有所了解再配合不同造型所發展出來之量測方法，來了解受測者在空間能力與立體造型成果間關係，完成後，請學生回答其選擇方式與基準，課堂中抽樣選擇幾名學生詢問，透過分享與比較其中之間的差異，沒有好壞，但可以讓學生更願意的方想自己對於空間的理解並互相學習，

而空間能力可以更加精準的分類成以上為結合不同之評估方式來從探不同的能力類別，當然，由此也衍討學生在設計能力上之不足，生出非常多種空間能力的評估方式，從不同的角度與面向；然而卻鮮少有課程針對學生的立體造型創造力與各空間能力間作調查，而為了進行設計系學生立體造型創造力評估，我們刻意的向學生釐清兩項空間能力之間的關係，作為之後設計學生在空間能力方面之測驗及提供教師進行相關空間能力加強訓練之教學策略。

空間能力測試測驗之內容將參照鄭海蓮與陳世玉於2007年教育研究發展期刊所發表之標準化空間能力測驗包括：平面轉換立體空間組織能力、立體旋轉空間定位能力、物體多方向圖形空間組織能力、表面相交線形成空間感官能力。首先請每一個學生針對空間能力量表做出了解，使學生

了解受測者背景學員之間對於空間判讀程度或多或少都會有差異，除了先天的空間力，更可能因為年齡、性別、學習經歷等有不同，先暸解每個學員的個別差異更能在日後的課程上因材施教。

平面轉換立體空間組織與立體旋轉空間定位能力

物體多方向圖形空間組織能力與表面相交線形成空間感官能力

測驗分為前測後測，檢視學生經過一學期的學習後，是否有空間能力判讀上的提升。考試時間50分鐘，分為四個部分分別為：平面轉換立體空間組織、立體旋轉空間定位、物體多方向圖形空間組織與表面相交線形成空間感官能力，每一部分 10題，共40題

快速造型測驗概念

評估將以（1）速度－時間內所完成的概念數量；（2）正確率－對於所表現出來的設計作空間邏輯上的錯誤數量作為正確率評分標準；（3）複雜度為主並考慮以各造型間；（4）最後將試著比較概念間關聯性討論給與水平及垂直發展出來的概念不同加權（例如水平變形較垂直變形可貴，因此可能考慮給與較高的權重，如下頁範例）。

訓練不同造型動作（如扭轉）的正確的表達能力，目的在於讓學生先了解自己手繪及空間能力，對於之後的學習可以反映課程到自己的弱點，進而讓學習更有效果。練習利用已印有10分隔之透視方塊，在簡單介紹立體表現重點後開始。時間：一小時

此練習的要訣就是量的不變，但是同樣的量在透視的不同面向卻會改變，若能掌握此要訣，則畫出來的透視都不會太奇怪。另外，面在扭轉時會如何結尾，則要依據原本所屬的面是佔較大還是較小面積的面。

目標：做不同方向造型創作規則：一正方形包含8個角及12個邊總共20個條件，學生需要在自己的創作中碰觸到至少8個上述條件（為預防學生做有機造型變化而喪失立體動作變化練習的用意，如下右圖）。

單元二：圓形的繪製因本課程上課學生並非絕對為設計科學生，本單元從介紹學生概念視覺化與一般設計整體流程關係與重要性。

教學方法訓練學生對透視圓從認識到不斷練習手部的習慣性

目標讓學生瞭解自己空間能力，建立學生正確立體（透視與比例）概念養成學生正確繪圖姿勢及習慣時間 3 HR

教學內容圓的透視首先講述圓的透視概念：正圓在透視中會變成非正圓，而是像橢圓形。而透視圓的畫法是在一個透視方塊的其中一面畫出兩條交叉的對角線，較長的線是與橢圓形的長軸重疊、較短的線與橢圓形的短軸平行，依照此概念則能畫出符合透視的圓形。

場地素描教室器材 0.38鋼珠筆、A3紙、50 公分尺

垂直視角變化與原型變化：右圖所視為圓形在不同視角下不同垂直高度所發生的變化，圓形對於人的視角除了如上圖右的正視下會保持正圓，一旦離開了正視，圓形則都需要以橢圓形（或偏橢圓形，如上圖左）表現，越靠視平面（水平），圓表現越扁，反之則越胖。

練習圓形透視的作業學生先畫出6個透視的方塊，接著在方塊的每個面上都畫圓，如右圖。

圓形透視的作業下圖為學生的其中一個圓形透視的作業，學生剛開始練習透視時可能會表現不夠好，但透過練習即能慢慢的熟練。

學生常犯的錯誤正面出現直角在立體的正方塊中，正面是不可能出現直角的。練習圓形透視的作業學生先畫出6個透視的方塊，接著在方塊的每個面上都畫圓。

單元三：想像創作教學方法針對比例劃分教學，鼓勵學生進行冥想，利用在方塊上的⼆分法做基本比例設定，進而做立體切割。

教學內容透過以正方塊作為所有繪圖開始的觀念，讓學生有計算每一切割動作下筆的位置，進而利用訂點的方式做扭轉，甚至旋轉的繪製。利用觀察一面正方雕刻細節，翻轉後繪製，訓練學生詮釋所見之線索，進而鼓勵在未來繪製時注意小細節表現。

方塊切割的立體表現概念此練習乃是讓學生慢慢跳脫基礎幾何的概念，同時也加強空間感。藉由切割、扭轉以及收斂每個方塊的任何一個部分，展現出各種不同的造型。瞭解這樣的概念以後，未來才能夠畫出多變的造型。許多學生也因為缺少這一部份的訓練，所以在手繪新的造型時只能夠以基礎的幾何來做變化。

目標使學生具備想像及創作的基本立體概念時間 3 HR 場地素描教室器材 0.38鋼珠筆、A3紙、 50公分尺

二分法之比例計算練習一：方塊比例切割先畫出一個透視方塊，接下來學生可自行決定要切割、扭轉哪一些部分。此練習的要訣就是量的不變，但是同樣的量在透視的不同面向卻會改變，若能掌握此要訣，則畫出來的透視都不會太奇怪。另外，面在扭轉時會如何結尾，則要依據原本所屬的面是佔較大還是較小面積的面（如上圖）。

練習二：翻轉冥想針對以下圖片做翻轉角度重新繪製，時間30分鐘。

注意學生針對塊體間接合在視覺上的處理 30分鐘繪製結束後，要求學生貼出作品，老師應立即針對錯誤的地方糾正，同學間互相參酌後能夠更理解立體表現方式。以繪製上一頁左圖翻轉後樣式為例，上左圖在紅圈內錯誤的表現，上右圖為正確表現方式。

練習三：比例及透視的實際應⽤概念在方塊的練習後，要求學生開始自己設定方塊並開始針對自己想做的立體圖形畫透視圖。

正確範例－變化豐富

正確範例－少變化

錯誤範例片狀無立體（左一、左⼆）、錯誤詮釋立體（右一）

單元四：實體翻轉繪製

目標藉由高強度應用加強基礎手繪能力時間 3 HR 場地素描教室器材 0.38鋼珠筆、A3 紙、50公分尺

教學方法讓所學藉由一高複雜度之練習再做一次應用上的印證。

空間能力反省教學內容 ● 最後一堂課主要以一高強度之作品為本課程模組做總結，建議以具備大量平行之工程物體（如建築物）為對象。 ● 課程著重在老師對於學生犯下基礎錯誤時能即時指正，完成作品後的講評效果較小。 ● 要求學生針對正常視角看不到的角度繪製，用意在於培養學生仔細觀察看得到的部份推論看不到部份的樣貌，另外，繪製大型物體著重在目測比例。 ● 要求學生養成以：計畫－細節－完稿三步驟完成作品的習慣。

實際案例大一設計系學生、跨專業背景之在職研究所學生教學實況紀錄

地點：大同大學素描專業教室

高平行線複雜度作品繪製示範地點：大同大學素描專業教室

實際案例教學實況紀錄

上課練習狀況地點：大同大學素描專業教室

透視集比例尺計畫地點：大同大學素描專業教室

實際案例教學實況紀錄上課練習狀況地點：大同大學素描專業教室

透視集比例尺計畫地點：大同大學素描專業教室

上課練習狀況地點：大同大學素描專業教室

實際案例教學實況紀錄細節位置及比例將新的一張A3 紙墊在透視及比例計畫上做細節規劃

地點：大同大學素描專業教室

細節描繪及完稿將新的一張A3 紙墊在細節規劃過的作品上進行細節描繪地點：大同大學素描專業教室

實際案例教學實況紀錄

訪談與回饋

課程助教的話 - 胡哲嚴

素描課程中，老師的教法是能夠使學生打穩素描的基礎，從點、線到面，從直線的練習到面的透視練習，漸漸的轉變到立體有機造型練習，這當中學生們了解透視技法，最後再帶入現有產品素描練習，把之前所學的技法來畫出現有事物，包括輪匡、建築物、引擎等等。可以看得出學生進步的過程。

模組開發歷史智齡聯盟「創新視覺化發展」模組，係「教育部智慧生活整創聯盟」計畫補助大同大學，自2015年開始開發的課程模組。 1.第一版模組教材及試教大同大學工設系楊朝陽副教授於105學年度規劃開發第一版，並在大同大學工設系「設計專題」課程中試教，共開發四個不同單元。 2 . 第⼆版模組教材及試教於106學年度上學期，由大同大學工業設計學系副教授楊朝陽進行優化第⼆版，與碩一學生胡哲嚴在大同大學開發的選修課程，參與人數約30人。此次教學重在教導初次認識設計素描的學員能更加熟悉手繪技巧與空間概念。

Note

智齡聯盟課程模組系列

創新視覺化發展(Sketch) 開發教師：楊朝陽副教授（大同大學工業設計學系）王明旭講師（長庚大學工業設計學系）開發學校：大同大學原屬課程：設計專題內容編輯：傅翊棋（大同大學工業設計學系）版面設計：楊哲玟 (臺大土木工程學系)

排版格式：林喬茵 (臺灣大學智活中心) 開發時間/版本：105年1月31日研發初版 106年12月20日優化版計畫名稱：智齡聯盟計畫網站：www.t-edu.tw 計畫主持人：康仕仲教授 (臺大土木工程學系) 共同主持人：劉佩玲特聘教授 (臺大智活中心) 協同主持人：楊朝陽副教授（大同大學工業設計學系）指導單位：教育部智慧生活整合性人才培育計畫執行單位：臺灣大學智慧生活整合與創新研究中心 106臺北市羅斯福路四段一號聯絡資訊：(02)3366-3366 分機55201 silverstaff@caece.net 本教材內容採用創用CC，「姓名標示-非商業性-相同方式分享」3.0台灣授權條款。