The handout of the Foundation Design

1. 基本設計初階
陽明交通大學． 2023.10.30 ．王思如

2. 課程
規劃 9/11
課程介紹
看見你的視而不見
生活觀察
與感受
9/18
如何思考
鍛鍊用手思考
視覺美學
創作
物質文化
創作
顛覆思考
創作
9/25
如何連結
生活想像力
10/2
如何創新
A.觀察現在推測未來
10/16
美的形式原理
B.季節野餐邀請
10/23
產品賞析
C.隱喻設計
10/30 (期中考週)
視覺心理學
D.欺騙眼睛的設計
11/6
摺紙幾何
E.紙藝探究
A-D 作品賞析
11/13
物質社會學
F.訪問一樣物品
11/20
食物研究
G.單一用途的餐具
11/27
符號學
H.仿生設計
12/4
三角立體構成
I.穿戴式微建築
E-H 作品賞析
12/11 (線)
傳達設計
J.顛覆設計語言
12/18
服務設計
K.不賣實體商品的實體商店
12/25 (期末考週)
互動設計
神奇販賣機
A-K 作品賞析

3. 分組
挑選本週的角色
組別 1 2 3 4 5 6
鍾乙君 徐曼妮 林穎萱 林郁馨 曹翊寧 千年倫子
甘家瑄 黃暘 張宜萱 曾柔嘉 邊浩宇 洪理詩
廖奕宣 沈宇韜 鄭元淇 王靖雅 許安廷 林芮羽
張庭瑄 黎季宣 林詩軒 翁佑瑄 葉姸希 陳又新
鄒穎翔 陳柏均 錢品臻 陳亭蓁 張毓鑫 李亭寬
周育愷 李宛軒 陳雨虹 彭皓德 施佑潔 朱驛庭
旁聽

4. 第1週 第2週 第3週 第4週 第5週 第6週
- Team 1 Team 2 Team 3 國慶放假 Team 4
第7週 第8週 第9週 第10週 第11週 第12週
Team 5 Team 6 Team 1 Team 2 Team 3 Team 4
第13週 第14週 第15週 第16週 - -
Team 5 Team 6 Team 1 Team 2 - -
這堂課讓你最有收穫的部分
用200-500字紀錄說明
課堂學習心得
每堂課分配一組同學
輪流製作學習心得
每人一段文字
隔天17:00前放上雲端硬碟
遲交者視同沒交

5. 視覺心理學
視覺美學創作
圖片來源： https://neurosciencenews.com/visual-perception-ai-23441/

6. 視覺傳導路徑
Reference: https://smallcollation.blogspot.com/2013/06/visual-pathway.html#gsc.tab=0
視野所見
視網膜
視神經
視交叉
視束
視覺皮質

7. 格式塔理論 利用心理學去完成視覺
導引或規劃的一種方式
Reference: https://designcrushblog.com/category/create/illustration/page/3/

8. 格式塔心理學
完形心理學
整體性
(Emergence)
具體化
(Reification)
組織性
(Multistability)
恆常性
(Invariance)
核心概念：整體大於個體的總合
四大基礎，人類視知覺的特性
Reference: https://www.as-
creative.com.tw/

9. 整體性
(Emergence)
當我們要去分辨一個物體時，我們
的眼睛試圖去找出輪廓，然後去比
較對過去腦中的記憶，快速的分辨
出物體，這就人類視覺的整體性。

10. 具體化
(Reification)
當我們的視覺感受到刺激，同時也
會對外部環境的空間訊息產生解讀，
我們的腦袋會試圖把這些缺口給補
起來，並創造出一個訊息去理解觀
察到的物體。

11. 組織性
(Multistability)
如果一個物體有兩種以上的解釋，我們
的腦袋在同一個時間點，只能給予一種
解讀的方式 ，當然我們的視覺允許我
們在不同的解讀上游移，但我們卻無法
同時看到兩種以上的解讀方式。
魯賓圖/花瓶幻覺

12. 組織性
(Multistability)
如果一個物體有兩種以上的解釋，我們
的腦袋在同一個時間點，只能給予一種
解讀的方式 ，當然我們的視覺允許我
們在不同的解讀上游移，但我們卻無法
同時看到兩種以上的解讀方式。
奈克方塊（Necker cube）

13. 組織性
(Multistability)
如果一個物體有兩種以上的解釋，我們
的腦袋在同一個時間點，只能給予一種
解讀的方式 ，當然我們的視覺允許我
們在不同的解讀上游移，但我們卻無法
同時看到兩種以上的解讀方式。

14. 恆常性
(Invariance)
我們視覺的最大優勢就是恆常性，
不管物體如何變形、旋轉、放大、
縮小，我們都能夠透過他的輪廓或
特徵來判斷這個物體。

15. 視錯覺
當我們的眼睛看到畫面之後，
會將視覺訊息透過神經傳遞到大腦，
接著大腦便會進行綜合性的比對、分析，
然後做出正確的判斷。
但是當訊息不夠充足，
或者錯誤、受到干擾，
就會出現視覺上的形態與
客觀物理上的形態不一致的
視錯覺現象
Reference: https://creativemini.com/what-is-the-illusion/

16. 艾賓豪斯錯覺
• 是一種對相對大小感知的一種視錯覺
• 大腦通常會透過鄰近的物體來估算目標物
的大小，因此極易受周遭環境所誤導。 Reference: https://reurl.cc/My9ZyX
Ebbinghaus illusion

17. 龐氏錯覺
• 人類的大腦會根據物體所處的環境來判斷
他的大小。
• 大腦會自動代償將遠處的物件視為較大的。
Ponzo illusion

18. 旋轉舞者
• 你看到的舞者是順時針旋轉、還是逆時針轉呢？
• 因為這張旋轉圖本身缺乏「深度」資訊。因此，
大腦在試圖判讀此圖的空間深度時，就會主動
幫我們補上深度。
而在「腦補」的時候，有兩種可能的空間深度
補法，我們也就因此可能會看到兩種轉法。
The Spinning Dancer
Reference: https://en.wikipedia.org/wiki/File:Spinning_Dancer.gif

19. 對比效應
• 觀察兩塊亮度不同的區域，邊界處亮度與
對比加強，會使得輪廓表現特別明顯，這
是因為人類的視覺系統有增強邊緣對比度
的機制。
• 把兩件事物放在一起進行對比，人們就會
感受到差異，繼而會對兩件事物產生不同
的認知。
Contrast Effects
Reference: https://en.wikipedia.org/wiki/Optical_illusion

20. 繆勒萊耶錯覺
• 指兩條長度相等的直線，如果一條直線的兩端
加上向外的兩條斜線，另一條直線的兩端加上
向內的兩條斜線，則前者會顯得比後者長。
• 這種錯覺是受神經抑制作用理論的影響，因為
當兩輪廓相近擺放時，視網膜上相鄰的神經團
相互抑制，而讓線段產生了位移，使得箭頭向
外的線段看起來較延伸。
Müller-Lyer illusion
Reference: https://www.psy.cycu.edu.tw/CNCenter/Cognition%20and%20Perception.html

21. 赫林錯覺
• 兩條平行線因受斜線的影響呈彎曲狀。此種錯
覺稱為彎曲錯覺。
• 我們的大腦高估了輻射線和紅線交叉點的角度
• 向一個消失點匯聚的線條誘使我們的大腦以為
我們正在向前移動的線索，就像我們在現實世
界中一樣。在現實世界中，一對垂直的線條似
乎在我們穿過它時向外彎曲，我們試圖感知下
一個瞬間那個世界將是什麼樣子。
Hering illusion
Reference: https://reurl.cc/E1Wn00

22. 汪德錯覺
• 兩條平行線，有向內彎曲的效果，是因為放射
線的集中點在外所導致向內凹的感覺。
Wundt illusion
Reference: https://creativemini.com/what-is-the-illusion/

23. 歐比松錯覺
• 若同圓放射出去，中間加上正方形，在視覺上
會認為四方形卻往內凹。
Orbison illusion
Reference: https://creativemini.com/what-is-the-illusion/

24. 賈斯特羅錯覺
• 兩扇形雖然大小形狀完全相同，但是下方的扇
型看似更大。
• 在比較物品大小時，人會不自覺的用相鄰的兩
邊來做比較，進而將長邊和短邊比較，大腦認
為擁有較長的一邊的物體就是比較大的物體。
這一識別結果被大腦滯留，當識別上下兩個圖
形的上弧線時，前一次識別的結果就會影響這
一次的識別結果。
Jastrow illusion
Reference: https://creativemini.com/what-is-the-illusion/

25. 弗雷澤螺旋
• 由重複的螺旋形塊組成的錯視圖案，看起來像
是一個不斷轉動的螺旋，但實際上是由完全獨
立的圓組成。
• 這是由於大腦的邊緣檢測機制和對比效應所引
起，使我們誤解了形狀之間的相對位置。
Fraser spiral illusion
Reference: https://zh.wikipedia.org/zh-tw/%E8%A6%96%E9%8C%AF%E8%A6%BA

26. 謝帕德之桌
• 垂直的桌面看起來比水平的細長，但兩者其實
一模一樣。
• 這由於大腦的深度知覺和物體認知機制所導致，
使我們基於視角和過去經驗來解釋二維圖像中
的三維空間。
Shepard tables
Reference: https://commons.wikimedia.org/wiki/File:Shepards_Table_Illusion.jpg

27. 赫曼方格錯覺
• 當你盯著上圖中某一個白色交叉點時，餘光所
見的其他白色交叉點似乎比較黑。
• 因人體視網膜的「側抑制作用」而造成的，在
某些視覺刺激較強時，接收到周圍較弱訊號的
細胞會被覆蓋。在赫曼方格的例子中，黑方格
與白線條中會有錯覺造成的灰點。
Hermann Grid Illusion
Reference: https://en.wikipedia.org/wiki/Grid_illusion

28. 旋轉蛇
• 我們的眼睛在移動時，可能會干擾視覺訊息的
分析，即使我們定住眼睛凝視事物時，也會有
微小的眼球顫動，這些都可能會干擾視覺訊息，
讓我們產生錯視。
• 大腦對於不同亮度和對比度的處理速度不同，
因而讓大腦誤以為這些資訊在移動。
Rotating Snakes
Reference: https://tywkiwdbi.blogspot.com/2012/04/this-is-not-gif.html

29. 圖地反轉
• 其中觀察者可以在同一個圖像中看到兩種或更
多的解讀。
• 由於人的視覺具有組織性，會自動將看到的圖
片從畫面中獨立出來，這獨立出的形象即為
「圖」，周邊襯托出圖的其他部分則是「地」，
而圖與地可以相互反轉的構圖即稱為圖地反轉。
Figure–ground Illusion
Reference: https://deerlight.design/design-rules-figure-ground/

30. 艾姆斯小屋
• 是一個扭曲的房間，它提供了一個錯誤的背景。
實際上，後面的牆並沒有與觀察者平行，而是
斜的，地板掩飾了這種傾斜，人也不是一大一
小，而是一遠一近而已。
• 因為大小恒常錯覺，錯誤的背景提供錯誤的尺
度，因此使人產生錯覺。
Ames room illusion
Reference: https://www.cosmopolitan.com/uk/fashion/celebrity/news/a28969/millie-mackintosh-reveals-
whats-in-her-bag/

31. 潘洛斯三角
• 潘洛斯三角是不可能的物體，由三個截面為正
方形的長方體所構成，三個長方體組合成為一
個三角形，但兩長方體之間的夾角似乎又是直
角。
Penrose triangle
Reference: https://zh.wikipedia.org/zh-
tw/%E6%BD%98%E6%B4%9B%E6%96%AF%E4%B8%89%E8%A7%92

32. 潘洛斯階梯
• 是一個有名的幾何學悖論，指的是一個始終向
上或向下但卻無限循環的階梯，可以被視為潘
洛斯三角形的一個變體，在此階梯上永遠無法
找到最高的一點或者最低的一點。
Penrose stairs
Reference:
https://zh.wikipedia.org/wiki/%E5%BD%AD%E7%BD%97%E6%96%AF%E9%98%B6%E6%A2%AF

33. 1962-1965
普普運動
從美國大眾文化中獲得的啟發，旨在使藝術更接近普通人
1925-1939
裝飾藝術
儉樸的日常用具中，透過機械化的美，帶給使用者一種純粹、輕
鬆、乾淨的幸福感
1960-1990
後現代主義
反思現代主義，主張多元性與不確定性
10
1991｜
IDEO
設計思考的創造者
1967｜Jonathan Paul
Ive
前蘋果首席設計師
1941｜James Dyson 勇敢跳進未知
1935｜Don Norman UX大師
1973-1979｜石油危機
1939-1945｜第二次世界大戰
1964-1969
歐普藝術
透過使用精密和數學，鮮明對比和抽象形狀，創造出一種獨特的
藝術風格

34. 第一次工業革命
11
人類生產逐漸轉向新的製造過程，出現了以機器取代人力、獸力的趨勢，
以大規模的工廠生產，取代個體工場手工生產的一場生產與科技革命
1760-1830
1893-1986｜Raymond Loewy 美國工業設計之父
1910-1930
現代主義
源於工業化所帶來的社會改變，以科學為基礎，重視理性與邏輯，
實驗探証
1880-1910
新藝術運動
為大眾創造現代優雅感，以及此風格充滿實驗性、複雜性，不適
於量產，進而價格高貴
1850-1900
美術工藝運動
提倡手工藝、反對機械化，提倡工匠精神，力倡回歸自然
藝術應為眾人所分享
1919-1933｜
Bauhaus
現代設計鼻祖
1914-1918｜第一次世界大戰
1837-1901
維多利亞時期
融合哥德＋文藝復興＋巴洛克的新古典主義
1922 考古發展：埃及發現圖坦卡門老墓

35. 歐普藝術
• 1964年10月歐普藝術一詞首次發在美國時代雜誌上被
使用
• 一種利用光學現象和幾何圖案構成的抽象藝術，使作品
看起來像振動、脈動或閃爍。
• 以知覺心理學作為基礎去詳細說明一些普遍的視覺幻象，
嘗試精確地尋求畫象中的邊緣與空間以喚起視網膜反應。
• 在視覺中產生的各種幻覺，
並吸收了立體主義、未來主義、螺旋主義的抽象形態，
又參考了新造型主義、構成主義對色彩的相互關係。 Reference: https://reurl.cc/x1E0g1
Optical Art 1964-1969

36. 觀者與作品
直接產生互動
• 摒棄了以往觀畫時的感性或理性判斷，並排除人的情感，
改以使用眼睛的感應來探尋，利用屬於物理性的錯視來
呈現。
• 利用精確及嚴謹的幾何圖形，創造實際上靜止不動，但
觀者卻感覺畫面移動等錯視的作品。
• 將科學與藝術表現在同一個畫面上，不講求畫面的內容
與內涵；反之，它在畫面上追求的是與觀者「直接」的
互動，挑戰觀者的視神經。
Rotating snakes is an optical illusion developed by Professor 北岡明佳in 2003.
Reference: 1960 年代歐普藝術之錯視表現形式研究．洪女軒

37. 莫里茨·科內利斯·艾雪
• 荷蘭著名的版畫大師，是知名的錯視圖
形大師，也是廣為人知的圖像藝術家
• 他擅以圖地反轉、矛盾空間的手法來構
成畫面，創造出令人迷惑的魔幻空間
Reference: https://theartappreciationblog.blogspot.com/2013/05/the-art-of-mc-escher.html
M. C. Escher
潘洛斯三角形
潘洛斯階梯
圖地反轉
圖地反轉

38. 家飾設計

39. 服裝設計

40. 建築設計
1010 La Trobe Street, Melbourne
Peter Kogler 用曲線扭曲空間

41. 課堂練習
欺騙眼睛的設計
圖片來源： https://www.susannabauer.com/about

42. 欺騙眼睛的設計
利用今天介紹的是錯覺原理
創作1張18x18的圖像作品

43. 作品賞析
“
每人票選3件視覺迷惑感最強的作品

44. 作品
賞析 9/11
課程介紹
看見你的視而不見
生活觀察
與感受
9/18
如何思考
鍛鍊用手思考
視覺美學
創作
物質文化
創作
顛覆思考
創作
9/25
如何連結
生活想像力
10/2
如何創新
A.觀察現在推測未來
10/16
美的形式原理
B.季節野餐邀請
10/23
產品賞析
C.隱喻設計
10/30 (期中考週)
視覺心理學
D.欺騙眼睛的設計
11/6
摺紙幾何
E.紙藝探究
A-D 作品賞析
11/13
物質社會學
F.訪問一樣物品
11/20
食物研究
G.單一用途的餐具
11/27
符號學
H.仿生設計
12/4
三角立體構成
I.穿戴式微建築
E-H 作品賞析
12/11 (線)
傳達設計
J.顛覆設計語言
12/18
服務設計
K.不賣實體商品的實體商店
12/25 (期末考週)
互動設計
神奇販賣機
A-K 作品賞析
期末成果展：
每人挑選一件作品
保管好，直到期末交出

45. 材料補貼
每個人這學期補貼材料費
最高到$500
本學期經費報支期限為112/11/15
需提供有大小章的收據或是有統編的發票
載明為「國立陽明交通大學」
統一編號「87557573」

46. 材料
需求
A.觀察現在推測未來
1mm 白色模型板 x4K
白色輕黏土、鋁線、釣魚線
B.季節野餐邀請
針、繡線、落葉
裱板： 1mm 白色模型板 xA4
C.隱喻設計
賽璐璐片 xA4
白色美術紙 x4K
D.欺騙眼睛的設計
黑色簽字筆、彩色筆
白紙 x 18cmx18cm
裱板： 黑色模型板 x21cmx21cm
E.紙藝探究
白報紙 x2K、 針、繡線
裱板： 黑色模型板 x21cmx21cm
F.訪問一樣物品
白紙 x10cmx10cm
裱板： 黑色模型板 x14cmx50cm
G.單一用途的餐具
白色輕黏土、 鋁線
1mm 白色模型板 xA4
H.仿生設計
白色輕黏土、 鋁線
1mm 白色模型板 xA4
I.穿戴式微建築
黑色紙吸管 x30支
釣魚線
J.顛覆設計語言
1mm 白色模型板 x4K
白色美術紙 x4K
白色輕黏土、鋁線、釣魚線
K.不賣實體商品的實體商店
1mm 白色模型板 x4K
白色輕黏土、鋁線、釣魚線
基礎材料：白膠、雙面膠、剪刀、刀片、切割墊、直尺

47. 課程作業
“

48. D.
欺騙眼睛的
設計
主題：欺騙眼睛的設計
形式：錯視覺圖像設計(手繪/電繪皆可)
規格：18cm x 18cm
裱板：黑色模型板 x21cmx21cm
概念説明：概念名字與200字概念說明 A4附件
評分標準：視覺迷惑感60%、製作精緻度40%
第一次評圖：11/6
可自行選擇A-D，其中之一
的主題作為評圖作品

49. 第1週 第2週 第3週 第4週 第5週 第6週
- Team 1 Team 2 Team 3 國慶放假 Team 4
第7週 第8週 第9週 第10週 第11週 第12週
Team 5 Team 6 Team 1 Team 2 Team 3 Team 4
第13週 第14週 第15週 第16週 - -
Team 5 Team 6 Team 1 Team 2 - -
這堂課讓你最有收穫的部分
用200-500字紀錄說明
課堂學習心得
每堂課分配一組同學
輪流製作學習心得
每人一段文字
隔天17:00前放上雲端硬碟
遲交者視同沒交

50. 課程
預告
摺紙幾何 E.紙藝探究

51. 基本設計初階
陽明交通大學． 2023．王思如