|
|
<!DOCTYPE HTML><html><head>
|
|
|
<meta charset="UTF-8">
|
|
|
<meta content="width=device-width, initial-scale=1, maximum-scale=1" name="viewport">
|
|
|
|
|
|
<title>WebPage Act l, ll, lll</title>
|
|
|
<link href="../css/style.css" rel="stylesheet">
|
|
|
<link href="../css/style_projectpage.css" rel="stylesheet">
|
|
|
<link href="../fonts/fontstylesheet01.css" rel="stylesheet">
|
|
|
<link href="../css/fixedsticky.css" rel="stylesheet">
|
|
|
</head>
|
|
|
|
|
|
<body>
|
|
|
<div id="pageWrap">
|
|
|
<div id="sidebar">
|
|
|
<div id="sidebarInner">
|
|
|
<div id="sideBarDesc">
|
|
|
<div id="sideBarDescInfo">
|
|
|
<a class="hoverBackA" href="javascript:history.back()"><img class="template" src="../img/arrowBack.svg"></a><p>Fuzzy Logic</p>
|
|
|
</div>
|
|
|
|
|
|
<div id="sideBarDescInner">
|
|
|
|
|
|
<!-- we used h2's and p's instead of divs here, moved date and deleted thumbnail -->
|
|
|
|
|
|
<h2 id="creator">Joana Chicau</h2>
|
|
|
|
|
|
<p id="title">WebPage Act l, ll, lll 2016</p><!--{title} {date} -->
|
|
|
|
|
|
<!-- moved up description -->
|
|
|
|
|
|
<div id="description"><p>Choreography as a tool for a wider conceptual, perceptual, experimental view of code for graphic design. Choreography as a way to rethink space, time, and composition structures in web environments. Choreography as a rule-finding/rule-escaping practice. Choreography as an instrument for questioning the conditions, protocols and procedures of composition processes in design. Choreography as a counter-move, a counter-apparatus, force reverted. Choreographing design started as cross-referencing of composition methods, with the aim to transcend the boundaries between the fields of choreography and graphic design. This research led to her project ‘WebPage Act I, II and III’, an assemblage of graphic experiments in a live performance setting combining principles of choreography with the formal structures of coding.</p>
|
|
|
</div>
|
|
|
|
|
|
<div id="bio"><p>Joana Chicau [PT] is a communication designer, with a background in performance - classical ballet and later contemporary dance. In her practice she investigates the possible connections between – and coexistence of – choreography and graphic design, aiming to open the possibility to unveil new aesthetic, energetic and social dimensions of design production processes.</p>
|
|
|
</div>
|
|
|
|
|
|
<p class="hightlightSidebar"><a href="http://pzwart1.wdka.hro.nl/~jo/notebook/series/series_thinkinginaction.html" target="_blank">http://pzwart1.wdka.hro.nl/~jo/notebook/series/series_thinkinginaction.html</a></p><!-- {website} -->
|
|
|
|
|
|
<!-- // -->
|
|
|
|
|
|
</div>
|
|
|
</div>
|
|
|
</div>
|
|
|
|
|
|
<div id="logoWrap"><img class="template" id="logo" src="../img/black_PZI_logo_p.svg"></div>
|
|
|
</div>
|
|
|
|
|
|
<div class="zwartArea zwartAreaWhite sidebarBorderLeft" id="section02">
|
|
|
<div class="fixedsticky" id="filter" style="top:0;">
|
|
|
<div class="themes" id="sortArea">
|
|
|
<a class="hoverBackB" href="javascript:history.back()">
|
|
|
<img class="template" src="../img/arrowBack.svg">
|
|
|
</a>
|
|
|
<p>WebPage Act l, ll, lll</p><!--{title}-->
|
|
|
<a class="closeSidebar"><img class="template" src="../img/arrowUpW.svg"></a>
|
|
|
</div>
|
|
|
</div>
|
|
|
|
|
|
<!-- extra -->
|
|
|
|
|
|
<div class="project" id="extra">
|
|
|
<img id="thumbnail" src="https://pzwiki.wdka.nl/mw-mediadesign/images/4/4b/JoanaChicau_pic.jpg">
|
|
|
<p><em>“The term ‘choreography has gone viral. In the last five years it has suddenly mobilized as a general referent for any structuring movement, not necessarily the movement of human beings. Choreography can stipulate both the kinds of actions performed and their sequence or progression. (…) Sometimes designating minute aspects of movement, or alternatively, sketching out the broad contours of action within which variation might occur, choreography constitutes a plan or score according to which movement unfolds. Building choreograph space and people’s movement throughout them. (…) Web services choreograph interfaces; and even existence is choreographed. Choreography, then would seem to apply to the structuring of movement in highly diverse diverse occasion, yet always where some kind of order or desired to regulate that movement,“ (Rosenthal et al, 2010)</em></p>
|
|
|
<p>Choreographing design is a starting point in how to relate to my interests as an individual to my design practice and to the current technological media culture. As I mentioned before, digital media apparatus represent a network of people, politics, aesthetics, economies. The computer is the device most explored in my practical work as a designer, and the computer screen as it is conventionally presented carries a very particular mode of spectatorship. I am interested in the relationship between the user and the visual system he/she encounters, and to challenge the tensions between stasis and the ability to move, materiality and immateriality, and the different perceptual experiences that may arise from the act of viewing and interacting with it.</p>
|
|
|
<p>An important point in developing my project towards a live setting was the question of presence: being here and now. Breaking the distancing between mind/body, self/other, subject/object, designer/design piece; discovery/invention. This way, enhancing the idea of process over product: processes of becoming, becoming structures, becoming in the form of words, text, visuals, graphics. Simultaneously the actions throughout the composition process are being stored in the history of the computer, making it possible to re-create it.</p>
|
|
|
<p><a class="uri" href="File:JoanaChicau">File:JoanaChicau</a> pic.jpg <a class="uri" href="File:Jo_pic1.JPG%7CJoanaChicau">File:Jo_pic1.JPG|JoanaChicau</a> Performance Setting <a class="uri" href="File:JoanaChicau_Screen_Shot_1.png">File:JoanaChicau_Screen_Shot_1.png</a> <a class="uri" href="File:JoanaChicau_Screen_Shot_2.png">File:JoanaChicau_Screen_Shot_2.png</a> <a class="uri" href="File:JoanaChicau_Screen_Shot_3.png">File:JoanaChicau_Screen_Shot_3.png</a></p>
|
|
|
</div>
|
|
|
|
|
|
<!---->
|
|
|
|
|
|
</div>
|
|
|
</div>
|
|
|
|
|
|
<script src="../js/jquery-2.1.3.min.js"></script>
|
|
|
<script src="../js/fixedfixed.js"></script>
|
|
|
<script src="../js/fixedsticky.js"></script>
|
|
|
<script src="../js/mainScripts_single.js"></script>
|
|
|
|
|
|
|
|
|
|
|
|
</body></html> |