School of Design: p1

jeudi 1 août 2013

DSDN 144 Analisis

Theaters by Hiroshi Sugimoto.

For these pictures, Sugimoto enters a cinema and sets up his camera before the movie starts screening. He uses very long exposure and black and white film to create these pictures. The shutter is opened at the start of the movie and closed at the end of the credits resulting in a picture depicting a completely white screen and a theater bathed in light from the projector and the screen.

One could see these bright white screens illuminating dark rooms as a metaphor for art and culture illuminating every-day monotony. An other possible point of view is that these white blank screens are a critique of modern day cinema.

DSDN 112 Project One: Biography Web Pages.

Screen shots and code for both web pages:

Professional web page:

Screen shot:

HTML:

<!DOCTYPE html>
<html>

<head>

<link rel="stylesheet" type="text/css" href="Bio1.css" />
<title>HAMILTON Nicolas Biography</title>
</head>
<body>

<div>
<h1> Biography </h1>

<hr></hr>

<h2>HAMILTON Nicolas</h2>
<h2>Media Designer</h2>

<div style="width:100%; height:10px; background-color:black"></div>

<img src="DSC_0020.JPG" height="300px" width="180px"></img>

 In this day and age it is important to be able to communicate ones ideas efficiently and meaningfully. It is the job of a media designer to do so, and as a media designer, I take great pride and pleasure in satisfying these demands.

 As a media design student I spent 3 years studying at Victoria University in Wellington, New Zealand, and 4 more years studying game art in France. I also have 9 years of overseas experience in very different places around the pacific and south-east Asia, moreover I am fluent in three different languages, namely English, French and Japanese. I believe that this multicultural experience gives me the edge and allows me to bring a wide verity of skills and influences to my work.

 If you wish to contact me you can do so <a href="http://nsbhschoolofdesign.blogspot.co.nz/">HERE</a>.

</div>

<hr></hr>

</body>

</html>

CSS:

The idea for this web page was to keep it simple and minimalistic to focus the viewers attention on the text.

Personal web page:

Screenshot as normaly seen by viewer:

Screenshot with visible text:

HTML:

<!DOCTYPE html>
<html>

<head>

<link rel="stylesheet" type="text/css" href="Bio2.css" />
<title>Biography of ghosts</title>
</head>
<body>
<h2>The biography of the Ghost</h2>

Our story is that of a Ghost, and it starts HERE > Thethingwith

ghostsisthatyoucanonlyeverseethem

ifyoukeepyoureyesonthem.
Ifyougetdistracted.Youmaylosethem.

Butfearnot,foreveryghosthasaplace

wheretheyfeelsafe,aplacetheyarealwasefound,
aplacetheycallHOME.



</body>

</html>
CSS:

The idea for this web page was to have the viewer play an active part to the reading of the text, for the text to be revealed, the viewer has to hover over each word with the mouse cursor. This is meant to emulate a child reading a book while folowimg the text with his finger.
The black background was deliberately chosen to once again give life the idea of a child reading a ghost story under his bed sheets.

jeudi 25 juillet 2013

DSDN142 Lab1: procedural sketches

This first sketch replicates the final drawings obtained by Vera Molnar using her procedural method of drawing (http://www.atariarchives.org/artist/sec11.php)

This drawing was made by following the instructions given by Sol Lewitt (http://www.moma.org/learn/moma_learning/themes/conceptual-art/sol-lewitt-and-instruction-based-art), the filling for each square was determined randomly from the four choices given.