創新視覺化發展 by insight ewpg

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

創新視覺化發展 (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⼩小時）利⽤用⾼高複雜度實體繪製練習，重新審核學員所學做⼀一檢測及反省。

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

課程規劃教學師資及⼈人員

授課教師：2位

教學助理：2位

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

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

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

3 HR

繪製基礎

圓形的繪製

想像創作

實體翻轉繪製

單元⼀一

單元⼆二

單元三

單元四

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

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

教學內容 ! ! ! !

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

⺫⽬目標⺫⽬目標1：讓學⽣生瞭解⾃自⼰己空間能⼒力⺫⽬目標2：建⽴立學⽣生正確⽴立體（透視與⽐比例）概念⺫⽬目標3：養成學⽣生正確繪圖姿勢及習慣時間 3 HR 場地素描教室器材 0.38鋼珠筆、A3紙、50公分尺

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

⼿手繪與產業連結

設計概念發想表現

畫直線（如下圖）練習⼿手部的穩定性每堂課皆請學⽣生準備好⼀一疊 DoubleA的A3⽩白紙與0.38的⿊黑⾊色鋼珠筆。第⼀一堂課⾸首先介紹⼿手繪的基礎概念：⼿手繪時訓練⼿手部肌⾁肉所需要的協調性，需找到肩膀、上臂、下臂與⼿手指之間的平衡，才能畫出穩定的直線。

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

⼿手繪的習慣筆觸：下筆需銳利，不能有模稜兩可的線條，或是⽑毛邊的線條。也不宜重複描畫同⼀一條線，下筆需要⼀一氣呵成。鋼珠筆的墨⽔水需充⾜足，也不能爆⽔水，才能畫出穩定、粗細統⼀一並且墨⽔水平均的直線。

整理資料的習慣姓名格式：規定⽇日期、學號以及姓名的格式，並且⼀一律寫於右下⾓角。

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

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

平⾯面轉動與變換視⾓角下對正⽅方體所產⽣生之透視變化下左圖為⽅方塊在兩點透視下映射上視與左視⽅方塊所產⽣生透視⽅方塊之規則，⽽而下右圖為逆時鐘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年01⽉月31⽇日研發初版 106年12⽉月20⽇日優化版 107年07⽉月31⽇日優化⼆二版計畫名稱：智齡聯盟計畫網站：www.t-edu.tw 計畫主持⼈人：劉佩玲特聘教授 (臺⼤大智活中⼼心) 共同主持⼈人：⽑毛慧芬副教授 (臺⼤大職能治療系) 協同主持⼈人：楊朝陽副教授（⼤大同⼤大學⼯工業設計學系）指導單位：教育部智慧⽣生活整合性⼈人才培育計畫執⾏行單位：臺灣⼤大學智慧⽣生活整合與創新研究中⼼心 106臺北市羅斯福路四段⼀一號聯絡資訊：(02)3366-3366 分機55336 silverstaff@caece.net

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