§ 瀏覽學位論文書目資料
  
系統識別號 U0002-0407201118020300
DOI 10.6846/TKU.2011.00118
論文名稱(中文) 像素皮層
論文名稱(英文) Pixelized Surfaces for Architectural Design
第三語言論文名稱
校院名稱 淡江大學
系所名稱(中文) 建築學系碩士班
系所名稱(英文) Department of Architecture
外國學位學校名稱
外國學位學院名稱
外國學位研究所名稱
學年度 99
學期 2
出版年 100
研究生(中文) 劉遠呈
研究生(英文) Yuan-Cheng Liu
學號 698360350
學位類別 碩士
語言別 繁體中文
第二語言別
口試日期 2011-06-14
論文頁數 109頁
口試委員 指導教授 - 王俊雄
委員 - 邱浩修
委員 - 陳珍誠
委員 - 王俊雄
關鍵字(中) 像素
立面參數化設計
色階
亂數
吸子
摩爾紋
關鍵字(英) Pixel
Facade
Parametric Design
Spectrum
Random Number
Attractor
Moire
第三語言關鍵字
學科別分類
中文摘要
本研究以視覺為出發點,重新審視現代化產業中因為大量製造所導致生活環境中充斥著相同的物件。一開始,由印象派中點描派所使用的繪畫手法展開討論,以及建築中的馬賽克拼磚來討論微單元與組織性的關係。緊接著,在數位時代的今天,找到一個特殊的資訊元素—「像素」,一個建構數位資訊的基礎單位,並進一步的依循著「像素」的特性來探討其應用於空間上所可以產生的不同可能性。

空間是我們生活方式的體現,而在這位元時代下的建築立面就像是一個媒介,立面上的單元就如同屏幕中的像素,有可能是面磚、窗戶、陽台或是新的元素,加上複合式的使用模式可以讓介面開始產生不同的組合可能,每個「像素」單元將變成一個個純粹的物件。

電腦運算在某種程度上是透過程式的條件式與參數化,以不同的排列與組織方式讓衍生設計,生產出不同的形態。本研究運用Rhinoceros軟體的外掛-關連式模型Grasshopper的編撰程式功能以數位形式來操作像素化的設計。設計的要點著重於單元間關係的變化,以同中取異的概念來延伸設計操作,並選取出四種不同的像素皮層來操作設計,包括:影像色階、亂數、吸子(Attractor)、與摩爾紋,將建築立面以「像素」與參數化來重新詮釋,已產生視覺上與身體上不同的經驗。
英文摘要
This study was conducted from visual perspective to re-examine the phenomenon of a living environment filled with the same objects as result of modern industry’s mass production.  In this study, Pointillism adopted by Impressionism was first explored, and mosaic tiles adopted in architecture were used for the discussion of relations between micro-units and an organization, after which a special information element in today’s digital era – “pixel” – was identified to construct a basic unit of digital information.  The properties of “pixel” were examined to explore the possibilities of its spatial applications.

    Space is the embodiment of our lifestyle.  In this digital era, a building facade is just like a medium, and the units on the facade are similar to the pixels on a screen. They can be building elements such as bricks, windows, balconies or others.  Their compound patterns can lead to different compositions, and each “pixel” can turn into a pure object.

   The computation of a computer is to some extent condition-setting and parametricization, which enables the production of different patterns through different combinations and organizations.  In this study, Rhinoceros was used alongside a plug-in – Grasshopper - to compile programs for the digital manipulation of pixelization design.  The design focused on the changing relations between units. The concept of “seeking differences among similarities” is used to extend design manipulation.  Four different pixel surfaces such as picture color gradation, random number, attractor and Moire were selected for design manipulation to re-interpret the “pixel” and parametricization of building facades and create different visual and physical experiences.
第三語言摘要
論文目次
1	緒論	2
1-1	研究動機	2
1-1-1	法國點描印象派	2
1-1-2	馬賽克是建築中拼湊圖像的單元	3
1-1-3	像素是位元時代的基本元素	3
1-1-4	數位時代的生活美學	4
1-1-5	流動城市的影像傳輸	4
1-2	研究目的	5
1-2-1	由局部到完形心理學之研究	5
1-2-2	影像像素化之研究	6
1-2-3	視覺經驗的新可能性與實體物件像素化之研究	6
1-2-4	從像素的色塊推演在空間中特質	6
2	建築中的像素化	8
2-1	建築中的馬賽克	8
2-1-1	伊瑪姆清真寺	8
2-1-2	奎爾公園	9
2-2	像素化的城市	10
2-2-1	Pixel City-Sim City模擬城市	10
2-2-2	河畔殺人鯨	11
2-2-3	蒙娜麗莎的微笑	11
2-2-4	Water Talk	11
2-3	互動式建築	12
2-3-1	Herzog and De Meuron 的 Allianz Arena	12
2-3-2	UAP布里斯班機場內停車場立面設計	13
2-3-3	Simone Giostra的北京節能媒體牆	14
2-3-4	MAD 天津Sinosteel International Plaza	14
3	像素化都市立面	16
3-1	立面的內與外	16
3-2	交通與都市發展	17
3-3	像素化的立面	18
4	程式與設計	20
4-1	操作指令	20
4-1-1	指令類分	20
4-2	立面元素	21
4-2-1	元素類分	21
4-3	交叉設計	22
4-3-1	ImageSampler: 面磚設計	22
4-3-1.1	案例介紹-SHoP Architects:290 Mulberry	22
4-3-1.1	23
4-3-1.2	操作練習	23
4-3-1.3	成果	25
4-3-2	ImageSampler:  開窗設計	26
4-3-2.1	案例介紹-青葉亭	27
4-3-2.2	操作練習	27
4-3-3	ImageSampler:  遮陽設計	30
4-3-3.1	遮陽操作-水平	30
4-3-3.2	遮陽操作 – 垂直	32
4-3-4	ImageSampler:  陽台設計	35
4-3-4.1	陽台操作	35
4-3-5	Attractor:  面磚設計	38
4-3-5.1	吸子理論與立面	38
4-3-5.2	面磚操作	39
4-3-5.3	參數與變異	42
4-3-6	Attractor:  開窗設計	44
4-3-6.1	案例-Jean Novel 阿拉伯文化中心	44
4-3-6.2	開窗設計指令操作說明	45
4-3-7	Random:  面磚設計	49
4-3-7.1	隨機運算	49
4-3-7.2	面磚設計 – 單元設定	49
4-3-7.3	面磚設計 – 隨機操作	55
4-3-8	Random:  開窗設計	60
4-3-8.1	單元操作	60
4-3-9	Moire:  開窗設計	68
4-3-9.1	案例介紹 – 布里斯班女子文學中心	68
4-3-9.2	Moire紋路 – 底圖差異性	69
4-3-9.3	Moire紋路 – 設計操作	72
4-3-10	Moire  X  Attractor  X 開窗設計	74
4-3-10.1	操作過程	74
5	頂好商圈像素化立面設計	85
5-1	像素化立面操作-鐘錶行	86
5-2	像素化立面操作-錢櫃KTV大樓	90
5-3	像素化立面操作-Sogo 復興館	97
6	結論	103
6-1	參數化與設計	103
6-1-1	ImageSampler	103
6-1-2	Attractor	103
6-1-3	Random	104
6-1-4	Moire	104
6-2	像素化立面與台灣建築美學	105
6-3	跨領域的結合	106
7	參考文獻	109

圖目錄
圖 1- 1 法國印象點描派 Georges Seurat 畫作	10
圖 2-1- 1 伊瑪姆清真寺	16
圖 2-1- 2奎爾公園	17
圖 2-2- 1模擬城市遊戲畫面	18
圖 2-2- 2殺人鯨公共藝術	18
圖 2-2- 4 Water Talk 街頭藝術裝置	19
圖 2-2- 3蒙娜麗莎咖啡杯公共藝術	19
圖 2-3- 1新安聯體育足球場	20
圖 2-3- 2 UAP布里斯班機場停車場立面	20
圖 2-3- 3布里斯班停車場立面單元	21
圖 2-3- 4 Simone Giostra北京節能媒體牆立面	21
圖 2-3- 5 Simone Giostra北京節能媒體牆立面	21
圖 2-3- 6 Sinosteel International Plaza 外觀	22
圖 2-3- 7 Sinosteel International Plaza 立面	22
圖 2-3- 8 Sinosteel International Plaza 日造與風向分析	22
圖 3-2 1 Shinobu Hashimoto & Rients Dijkstra Chip City	25
圖 4-2- 1面磚	29
圖 4-2- 2窗戶	29
圖 4-2- 3遮陽板	29
圖 4-2- 4陽台	29
圖 4-3-1- 1 290 Mulberry 立面	30
圖 4-3-1- 2 290 Mulberry電腦輔助設計過程	30
圖 4-3-1- 3 290 Mulberry 立面單元預鑄	30
圖 4-3-1- 4 Step1	31
圖 4-3-1- 5 ImageSampler指令	31
圖 4-3-1- 6 Grasshopper指令碼	31
圖 4-3-1- 7 操作過程	32
圖 4-3-1- 8 操作過程	32
圖 4-3-1- 9 成果	32
圖4-3-1- 10 練習底圖	33
圖 4-3-1- 11 3D轉換圖	33
圖 4-3-1- 12 成果圖	33
圖 4-3-2- 3 負片效果操作過程	34
圖 4-3-2- 1青葉亭室內	34
圖 4-3-2- 2青葉亭外觀	34
圖 4-3-2- 4 Grasshopper 程式碼	35
圖 4-3-2- 5 成果圖	35
圖 4-3-2- 6 挖洞操作過程	35
圖 4-3-2- 7 室內透視圖	36
圖 4-3-3- 1 操作底圖	37
圖 4-3-3- 2 Grasshopper 程式碼	37
圖 3-3-3- 3 遮陽操作單元	37
圖 4-3-3- 4 像素化水平遮陽立面	38
圖 4-3-3- 5 像素化水平遮陽立面透視	38
圖 4-3-3- 6 垂直分解底圖	39
圖 4-3-3- 7 Grasshopper 程式碼	39
圖 4-3-3- 8 像素化垂直遮陽立面	40
圖 4-3-3- 9 像素化垂直遮陽立面透視	40
圖 4-3-3- 10 水平遮陽操作底圖	41
圖 4-3-3- 11 水平遮陽操作立面	41
圖 4-3-3- 12 水平遮陽操作立面透視	41
圖 4-3-3- 13 垂直遮陽操作底圖	41
圖 4-3-3- 14 垂直遮陽操作立面	41
圖 4-3-3- 15 垂直遮陽操作立面透視	41
圖 4-3-4- 1 陽台操作底圖	42
圖 4-3-4- 2 Grasshopper 程式碼	42
圖 4-3-4- 3 像素化陽台單元	42
圖 4-3-4- 4 像素化陽台操作立面	43
圖 4-3-4- 5 像素化陽台立面透視	43
圖 4-3-4- 6 陽台操作底圖	44
圖 4-3-4- 7 像素化陽台操作單元	44
圖 4-3-4- 8 像素化陽台立面	44
圖 4-3-4- 9 像素化陽台立面透視	44
圖 4-3-5- 1 吸子效果圖	45
圖 4-3-5- 3 程式碼區塊-1	46
圖 4-3-5- 2 Grasshopper 程式碼	46
圖 4-3-5- 4 Step1	46
圖 4-3-5- 5 Step3	46
圖 4-3-5- 6 程式碼區塊-2	47
圖 4-3-5- 9 程式碼區塊-3	47
圖 4-3-5- 7 Step4	47
圖 4-3-5- 8 Step6	47
圖 4-3-5- 10 Step8	47
圖 4-3-5- 11 程式碼區塊-4	48
圖 4-3-5- 12 Step9	48
圖 4-3-5- 13 Type-1	49
圖 4-3-5- 14 Type-2	49
圖 4-3-5- 15 Type-3	49
圖 4-3-5- 16 Type-4	50
圖 4-3-5- 17 Type-5	50
圖 4-3-6- 1阿拉伯文化中心立面外觀	51
圖 4-3-6- 2阿拉伯文化中心室內圖	51
圖 4-3-6- 3阿拉伯博物館立面單元	51
圖 4-3-6- 5 程式碼操作區塊-1	52
圖 4-3-6- 6程式碼操作區塊-2	52
圖 4-3-6- 7程式碼操作區塊-3	52
圖 4-3-6- 4 Grasshopper 程式碼	52
圖 4-3-6- 8程式碼操作區塊-4	53
圖 4-3-6- 9 操作實驗-1	53
圖 4-3-6- 10 操作實驗-2	54
圖 4-3-6- 11 3D透視示意圖	55
圖4-3-7- 1 台灣常見建築貼磚立面	56
圖 4-3-7- 2 Grasshopper 程式碼	57
圖 4-3-7- 4 操作過程-1	57
圖 4-3-7- 6 操作過程-2	57
圖 4-3-7- 3 Step1	57
圖 4-3-7- 5 Step2	57
圖 4-3-7- 8 操作過程-3	58
圖 4-3-7- 10 操作過程-4	58
圖 4-3-7- 7 Step2	58
圖 4-3-7- 9 Step3	58
圖 4-3-7- 12 操作過程-5	59
圖 4-3-7- 14 操作過程-6	59
圖 4-3-7- 11 Step 4 & 5	59
圖 4-3-7- 13 Step6	59
圖 4-3-7- 16 操作過程-7	60
圖 4-3-7- 18 操作過程-8	60
圖 4-3-7- 15 Step7	60
圖 4-3-7- 17 Step8	60
圖 4-3-7- 20 操作過程-9	61
圖 4-3-7- 21操作過程-10	61
圖 4-3-7- 19 Step9	61
圖 4-3-7- 22 Grasshopper 程式碼	62
圖 4-3-7- 23 第一組單元	62
圖 4-3-7- 24 第二組單元	62
圖 4-3-7- 25 第三組單元	62
圖 4-3-7- 26 第一組重複排列立面示意	63
圖 4-3-7- 27第二組重複排列立面示意	63
圖 4-3-7- 28第三組重複排列立面示意	63
圖 4-3-7- 29 Type1隨機排列立面示意	64
圖 4-3-7- 30 Type2 隨機排列立面示意	65
圖 4-3-7- 31 Type3隨機排列立面示意	66
圖 4-3-8- 1 Grasshopper 程式碼	67
圖 4-3-8- 7 開窗Type1單元	69
圖 4-3-8- 8開窗Type2單元	69
圖 4-3-8- 9 窗框Type1單元	70
圖 4-3-8- 10窗框Type2單元	70
圖 4-3-8- 11窗框Type3單元	71
圖 4-3-8- 12窗框Type4單元	71
圖 4-3-8- 13 實驗性組合2	73
圖 4-3-8- 14實驗性組合3	73
圖 4-3-8- 15實驗性組合5	74
圖 4-3-8- 16實驗性組合8	74
圖 4-3-9- 1布里斯班女子文學中心 西向立面	75
圖 4-3-9- 2布里斯班女子文學中心與道路關係	75
圖 4-3-9- 3 操作實驗一底圖	76
圖 4-3-9- 4操作實驗一組圖-1	76
圖 4-3-9- 5操作實驗一組圖-2	77
圖 4-3-9- 6 操作實驗二底圖	78
圖 4-3-9- 7 操作實驗二過程-1	78
圖 4-3-9- 8操作實驗二過程-2	78
圖 4-3-9- 9 操作實驗二過程-3	78
圖 4-3-9- 10 Grasshopper 程式碼	79
圖 4-3-9- 11 設計操作格柵單元-1	79
圖 4-3-9- 12設計操作格柵單元-2	79
圖 4-3-9- 13 設計操作Moire紋立面	80
圖 4-3-9- 14設計操作Moire紋立面透視	80
圖 4-3-10- 1 格柵單元	81
圖 4-3-10- 2 Grasshopper 程式碼	82
圖 4-3-10- 3格柵旋轉角度45	83
圖 4-3-10- 4 格柵旋轉角度0	83
圖 4-3-10- 5格柵旋轉角度135	84
圖 4-3-10- 6格柵旋轉角度90	84
圖 4-3-10- 7格柵旋轉角度180	85
圖 4-3-10- 8 Grasshopper 程式碼(Attractor)	86
圖 4-3-10- 9 Attractor 變化-1	87
圖 4-3-10- 10 Attractor 變化-2	88
圖 4-3-10- 11 Attractor 變化-3	89
圖 5- 1 頂好商圈私人停車場與公寓立面	92
圖 5- 2頂好商圈小巷內立面	92
圖 5-1- 1 鐘錶行建築物現況	93
圖 5-1- 2 第一層格柵系統	94
圖 5-1- 3 Grasshopper 程式碼	94
圖 5-1- 4 第二層格柵系統	95
圖 5-1- 5 格柵變化位置 00:00	95
圖 5-1- 6格柵變化位置 00:15	95
圖 5-1- 7格柵變化位置 00300	95
圖 5-1- 8格柵變化位置 01:00	95
圖 5-1- 9 鐘錶行建築物像素化立面合成圖	96
圖 5-2- 1錢櫃KTV建築物現況	97
圖 5-2- 2 調整前格柵立面	98
圖 5-2- 3 調整前格柵側向立面	98
圖 5-2- 4調整前格柵立面透視	99
圖 5-2- 5 Grasshopper 程式碼	100
圖 5-2- 6調整後的格柵立面	101
圖 5-2- 7調整後的格柵側向立面	101
圖 5-2- 8調整後的格柵立面透視	102
圖 5-2- 9 錢櫃KTV大樓像素化立面合成圖	103
圖 5-3- 1 Sogo復興館建築	104
圖 5-3- 2 Grasshopper 程式碼	105
圖 5-3- 3 立面框架系統平面圖	105
圖 5-3- 4 立面框架系統透視圖	106
圖 5-3- 5 Sogo復興館像素化立面合成圖	107
圖 6-3- 1 以建築為概念的服裝設計	113
圖 6-3- 2 噴霧型的服裝材料	113
參考文獻
葉謹睿
2003 《藝術語言@數位時代》,台灣:典藏出版社。

Susan Sontag 
2010 《論攝影》黃燦然譯,台灣:麥田出版社。

鄭月秀
2007 《網路藝術》,台灣:藝術家出版社。

王嘉驥等  台新藝術基金會編著
2007 《新藝見 視覺藝術篇》,台灣:音樂時代文化出版社。

鉛筆頭
2004 《設計師談 Pixel Design》,台灣:上奇科技。

張心龍
1999《印象派之旅》,台灣:雄獅圖書股份有限公司。

Reto Geiser
2008 《Explorations in Architecture》,Boston:Birkhauser

Bjarke Ingels
2010 《Yes is more》,Koeln : Evergreen

Mark Tribe, Reena Jana
2006 《New media art》,Koln : Taschen

M. Hank Haeusler
2009 《Media facades》,Ludwigsburg : Avedition

Neil Spiller
2008 《Digital architecture now》,London : Thames & Hudson

3deluxe 
2008 《3deluxe : transdiciplinary approaches to design》,Amsterdam : Frame Publishers

蕭吉甫
2006 《格狀城市》,陳珍誠/蘇睿弼指導,淡江大學建築研究所碩士論文。

江青澤
2009 《數位模擬自然紋理於建築設計的過程》,陳珍誠/宋立文指導,淡江大學建築研究所碩士論文。

陳敏傑
2007 《包裝淡水》,陳珍誠/王俊雄指導,淡江大學建築研究所碩士論文。

http://www.290mulberry.com/#/Concept/
http://www.triangulationblog.com/
http://www.tdc.org.tw/
論文全文使用權限
校內
紙本論文於授權書繳交後1年公開
同意電子論文全文授權校園內公開
校內電子論文於授權書繳交後1年公開
校外
同意授權
校外電子論文於授權書繳交後1年公開

如有問題,歡迎洽詢!
圖書館數位資訊組 (02)2621-5656 轉 2487 或 來信