|
|
(24 intermediate revisions by one user not shown) |
Line 1: |
Line 1: |
| + | __NOTOC__ __NOTITLE__ |
| + | <div style="width: 850px; height: 478px; margin: 0; padding: 0px; overflow: hidden;"> |
| + | [[File:Project12_Final_Image_Cover.jpg|850px]] |
| + | </div> |
| | | |
− | <div style="height:30px; width: 100%; padding-top: 5px; border-bottom:1px solid #aaa;"> | + | <div style="height:30px; width: 850px; margin:0px; padding: 0px; padding-top: 20px; border: 0px;"> |
| | | |
− | <div style="float:left; width: 270px; height: 15px; margin-right:0px;" align="center">
| + | <div style="float:left; width: 270px; height 30px; border: 1px solid #aaa; margin-right:17px; " align="center"> |
− | <html><font face="arial narrow" size="2" colour="#aaa" style="letter-spacing:2px"><a href="http://msc1.hyperbody.nl/index.php/project12:Challenge">Challenge</a></font></html>
| + | [[project12:challenge |'''Challenge''']] |
− | </div>
| + | </div> |
| | | |
− | <div style="float:left; width: 10px; height: 15px; margin-top:5px; margin-right:6px; border-right:1px solid #aaa;" align="center"></div>
| + | <div style="float:left; width: 270px; height 30px; border: 1px solid #aaa; margin-right:17px;" align="center"> |
| + | [[project12:prototype |'''Prototype''']] |
| + | </div> |
| | | |
− | <div style="float:left; width: 270px; height: 15px; margin-right:0px;" align="center">
| + | <div style="float:right; width: 270px; height 30px; border: 1px solid #aaa; " align="center"> |
− | <html><font face="arial narrow" size="2" colour="#aaa" style="letter-spacing:2px"><a href="http://msc1.hyperbody.nl/index.php/project12:prototype">Prototype</a></font></html>
| + | [[project12:response#1 |'''Project''']] |
− | </div>
| + | </div> |
− | | + | |
− | <div style="float:left; width: 10px; height: 15px; margin-top:5px; margin-right:6px; border-right:1px solid #aaa;" align="center"></div>
| + | |
| | | |
− | <div style="float:right; width: 270px; height: 15px;" align="center">
| |
− | <html><font face="arial narrow" size="2" colour="#aaa" style="letter-spacing:2px"><a href="http://msc1.hyperbody.nl/index.php/project12:response">Project</a></font></html>
| |
− | </div>
| |
| </div> | | </div> |
| | | |
− | <div style="width: 850px; height: 420px; margin-top: 50px; padding: 0px; border-bottom:1px solid #aaa; overflow: hidden;"> | + | <div style="width: 850px; height: 550px; margin: 0px; padding: 0px; padding-top: 20px; overflow: hidden;"> |
− | <div style="float:right; width: 280px; height: 395px; margin: 0px; padding: 0px; overflow: hidden;">
| + | |
| + | <div style="float:right; width: 278px; height: 550px; margin: 0px; padding: 0px; overflow: hidden;"> |
| <html> | | <html> |
− | <iframe width="280" height="395" frameborder="0" scrolling="auto" marginheight="0" marginwidth="0" border="1px solid green" | + | <iframe width="280" height="545" frameborder="0" scrolling="auto" marginheight="0" marginwidth="0" |
− | src="http://prototag.hyperbody.nl/prototag_m.php?id=uDHNF8MhEYTtX5WM8h6DjQ"></iframe>
| + | src="http://prototag.hyperbody.nl/prototag_m.php?id=uDHNF8MhEYTtX5WM8h6DjQ"></iframe> |
| </html> | | </html> |
− | </div>
| |
− |
| |
− | <div style="float:left; width: 560px; height: 395px; margin: 0;">
| |
− | {{#slideshow:
| |
− | <div>[[Image:Project12_Final_Cover_Page.jpg|560px]]</div>
| |
− | <div>[[Image:Project12_Final_Cover_Page_02.jpg|560px]]</div>
| |
− | <div>[[Image:Project12_Final_Cover_Page_04.jpg|560px]]</div>
| |
− | <div>[[Image:Project12_Final_Cover_Page_05.jpg|560px]]</div>
| |
− | <div>[[Image:Project12_Final_Cover_Page_06.jpg|560px]]</div>
| |
− | |id=bar1 sequence=forward transition=fade refresh=3000
| |
− | }}
| |
− | </div>
| |
| </div> | | </div> |
| | | |
− | <div style="height: 200px; width: 100%; padding-top: 5px;"> | + | <div style="width: 560px; height: 550px; margin: 0px; padding: 0px; overflow: hidden;"> |
− | <div style="float:left; width: 270px; margin-right:0px;">
| + | ==Customised Modularity== |
| + | author(s):[[User:Linus|Lihuang Linus Tan]] |
| | | |
− | <font face="arial narrow" size="4" style="letter-spacing:2px">Challenge</font>
| + | ==Summary== |
− | <br>
| + | |
− | <hr><hr>
| + | |
− | <font face="arial narrow" size="2" style="letter-spacing:1px" color="#555555">Describe Phase I in 60 words.</font>
| + | |
| | | |
− | </div>
| + | An exploration of the NDSM site reveals a diverse ecosystem filled with intertwining fabrics of activities, both temporal and permanent. Within the Kunststad, a smaller ecosystem of artists and designers coexists in a balanced but non-progressive state. The challenge was to generate a reconfigurable design that enriches the existing ecosystem while strengthening the symbiosis with the greater ecosystem of the NDSM. |
− | <div style="float:left; width: 10px; height:195px; margin-top:5px; margin-right:6px; border-right:1px solid #aaa;" align="center"></div>
| + | |
− | <div style="float:left; width: 270px; margin-right:0px;">
| + | |
| | | |
− | <font face="arial narrow" size="4" style="letter-spacing:2px">Prototype</font>
| |
− | <br>
| |
− | <hr><hr>
| |
− | <font face="arial narrow" size="2" style="letter-spacing:1px" color="#555555">Describe Phase II in 60 words.</font>
| |
| | | |
− | </div>
| + | A modular design was adopted to facilitate connectivity on different scales, whereas automation was incorporated to facilitate reconfigurability and subsequently, became an integral component in the adjacent project, [[project04:Frontpage|Modular Customisation]]. A uniform and interactive facade was designed to avoid fragmentation of the holistic ecosystem yet allowing artists and designers to express their individuality through the interactive facade. |
− | <div style="float:left; width: 10px; height:195px; margin-top:5px; margin-right:6px; border-right:1px solid #aaa;" align="center"></div>
| + | |
− | <div style="float:right; width: 270px;">
| + | |
| | | |
− | <font face="arial narrow" size="4" style="letter-spacing:2px">Project</font>
| |
− | <br>
| |
− | <hr><hr>
| |
− | <font face="arial narrow" size="2" style="letter-spacing:1px" color="#555555">Describe Phase III in 60 words.</font>
| |
| | | |
− | </div>
| + | Customised Modularity consist of studio and workshop modules that interlink seamlessly, allowing artists and designers to explore different workshops throughout their stay in Kunststad. The facade has a twofold purpose. It allows users to display their social media updates through a changing visual display of art, initiating an interaction with other artists and visitors, while communicating with adjacent facades to create a directive network, visually linking similar user activities to inform visitors to further explore the Kunststad. |
− | </div>
| + | |
| | | |
| + | ==Connections== |
| + | [[project04:Frontpage|Modular Customisation]] by [[User:Sjors|Sjors de Graaf]] |
| | | |
− | <div style="height:160px; width: 100%; margin:0px; padding-top: 20px; border-top:1px solid #aaa;"> | + | </div> |
− | <div style="float:left; width: 270px; height: 180px; margin-right:0px;" align="center">
| + | |
| | | |
− | <div style="height:122px; margin-bottom-5px; border:1px solid #aaa;">IMAGE ONE<br>(AERIAL VIEW - DAY FESTIVAL?)</div>
| + | </div> |
− | <font face="arial narrow" size="2" style="letter-spacing:1px" color="#555555">Kunststad - Day</font>
| + | |
| | | |
− | </div>
| + | <div style="height:180px; width: 850px; margin:0px; padding: 0px;"> |
− | | + | <div style="float:left; width: 270px; height 152px; margin-right:20px; border:0px;" align="center"> |
− | <div style="float:left; width: 17px; height: 160px;" align="center"></div>
| + | [[File:Project12_Final_Image_1a.jpg|270px]] |
− | <div style="float:left; width: 270px; height: 180px; margin-right:0px;" align="center">
| + | </div> |
− | | + | <div style="float:left; width: 270px; height 152px; margin-right:20px; border:0px;" align="center"> |
− | <div style="height:122px; margin-bottom-5px; border:1px solid #aaa;">IMAGE TWO<br>(AERIAL VIEW - NIGHT NORMAL?)</div>
| + | [[File:Project12_Final_Image_1b.jpg|270px]] |
− | <font face="arial narrow" size="2" style="letter-spacing:1px" color="#555555">Kunststad - Night</font>
| + | </div> |
− | | + | <div style="float:left; width: 270px; height 152px; border:0px;" align="center"> |
− | </div>
| + | [[File:Project12_Final_Image_1c.jpg|270px]] |
− | <div style="float:left; width: 17px; height: 160px;" align="center"></div>
| + | </div> |
− | <div style="float:right; width: 270px; height: 20px;" align="center">
| + | |
− | | + | |
− | <div style="height:122px; margin-bottom-5px;">[[File:Project12_Final_Image_2.jpg|270px]]</div>
| + | |
− | <font face="arial narrow" size="2" style="letter-spacing:1px" color="#555555">Studio space - Desk area</font>
| + | |
− | | + | |
− | </div>
| + | |
| </div> | | </div> |
| | | |
− | <div style="height:160px; width: 100%; padding-top: 20px;"> | + | <div style="height:180px; width: 850px; margin:0px; padding: 0px;"> |
− | <div style="float:left; width: 270px; height: 180px; margin-right:0px;" align="center">
| + | <div style="float:left; width: 270px; height 152px; margin-right:20px; border:0px;" align="center"> |
− | | + | [[File:Project12_Final_Image_2.jpg|270px]] |
− | <div style="height:122px; margin-bottom-5px; border:1px solid #aaa;">IMAGE FOUR</div>
| + | </div> |
− | <font face="arial narrow" size="2" style="letter-spacing:1px" color="#555555">Studio space - Storage area</font>
| + | <div style="float:left; width: 270px; height 152px; margin-right:20px; border:0px;" align="center"> |
− | | + | [[File:Project12_Final_Image_4.jpg|270px]] |
− | </div>
| + | </div> |
− | | + | <div style="float:left; width: 270px; height 152px; border:0px;" align="center"> |
− | <div style="float:left; width: 17px; height: 160px;" align="center"></div>
| + | [[File:Project12_Final_Image_5.jpg|270px]] |
− | <div style="float:left; width: 270px; height: 180px; margin-right:0px;" align="center">
| + | </div> |
− | | + | |
− | <div style="height:122px; margin-bottom-5px; border:1px solid #aaa;">IMAGE FIVE</div>
| + | |
− | <font face="arial narrow" size="2" style="letter-spacing:1px" color="#555555">Connected with workshops</font>
| + | |
− | | + | |
− | </div>
| + | |
− | <div style="float:left; width: 17px; height: 160px;" align="center"></div>
| + | |
− | <div style="float:right; width: 270px; height: 20px;" align="center">
| + | |
− | | + | |
− | <div style="height:122px; margin-bottom-5px; border:1px solid #aaa;">IMAGE SIX</div>
| + | |
− | <font face="arial narrow" size="2" style="letter-spacing:1px" color="#555555">Connecting with display areas</font>
| + | |
− | | + | |
− | | + | |
− | </div>
| + | |
| </div> | | </div> |
| | | |
− | <div style="height:160px; width: 100%; padding-top: 20px;"> | + | <div style="height:180px; width: 850px; margin:0px; padding: 0px;"> |
− | <div style="float:left; width: 270px; height: 180px; margin-right:0px;" align="center">
| + | <div style="float:left; width: 270px; height 152px; margin-right:20px; border:0px;" align="center"> |
− | | + | [[File:Project12_Final_Image_6.jpg|270px]] |
− | <div style="height:122px; margin-bottom-5px; border:1px solid #aaa;">IMAGE SEVEN</div>
| + | </div> |
− | <font face="arial narrow" size="2" style="letter-spacing:1px" color="#555555">Facade in motion</font>
| + | <div style="float:left; width: 270px; height 152px; margin-right:20px; border:0px;" align="center"> |
− | | + | [[File:Project12_Final_Concept.jpg|270px]] |
− | </div>
| + | </div> |
− | | + | <div style="float:left; width: 270px; height 152px; border:0px;" align="center"> |
− | <div style="float:left; width: 17px; height: 160px;" align="center"></div>
| + | [[File:Project12_Final_Image_Technical.jpg|270px]] |
− | <div style="float:left; width: 270px; height: 180px; margin-right:0px;" align="center">
| + | </div> |
− | | + | |
− | <div style="height:122px; margin-bottom-5px; border:1px solid #aaa;">IMAGE EIGHT</div>
| + | |
− | <font face="arial narrow" size="2" style="letter-spacing:1px" color="#555555">Project Connection - Indoors</font>
| + | |
− | | + | |
− | </div>
| + | |
− | <div style="float:left; width: 17px; height: 160px;" align="center"></div>
| + | |
− | <div style="float:right; width: 270px; height: 20px;" align="center">
| + | |
− | | + | |
− | <div style="height:122px; margin-bottom-5px; border:1px solid #aaa;">IMAGE NINE</div>
| + | |
− | <font face="arial narrow" size="2" style="letter-spacing:1px" color="#555555">Project Connection - Outdoors</font>
| + | |
− | | + | |
− | </div>
| + | |
| </div> | | </div> |
− |
| |
− | __NOTITLE__
| |