系統識別號 | 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/ |
論文全文使用權限 |
如有問題,歡迎洽詢!
圖書館數位資訊組 (02)2621-5656 轉 2487 或 來信