LED Modern Love

LED Modern Love from Shelley Hu on Vimeo.

My project for this week is called LED Modern Love. 

I used LED lights, breadboard, and Arduino all for the first time. I edited the performance with sound of sending and receiving messages from iPhone.

We were also sent to the streets of New York City looking for interactive technology. I found myself at the ATMs at Chase Bank:

14453841_10154588496193739_2027091699_o
14466895_10154588496763739_450774317_o

The machine, in general, was easy to use with clear instructions. However, there were many interactions could be improved.

img_2216

First of all, I found the screen too thick to touch. The distance between user’s finger and the texts felt uncomfortable.

img_2222

Second, instructions as above were quite confusing. “Press ‘CLEAR’ to correct entry”, however, there was no “CLEAR” button on the screen. Only when looking down, will you find the button on a different keyboard:

img_2223

Signage: Good, Bad, and Terrible

For this assignment we were asked to take pictures of good and bad signs.

img_2188

Above is a fairly good sign. The typeface and color work perfectly with the product. The message is simple and strong, with a sense of humor. It catches people’s eyes easily, and without further instructions, it highlights the product.

img_2179

A very confusing sign found on Broadway. The typeface and color actually work well, however, with too much information, I am still not sure what the product is. 

img_2180

Too many signs in the shop of our very own ITP! In my opinion, more than 2 signs in a space like this would only lead to total ignorance from the targeted audience. 

img_2162

Within which, I have found my personal least favorite. This sign was meant to ask people to clean after ourselves. Not only did the word “responsible” appear two times in one short sentence, but the whole message could be much stronger by simply shortening itself:

signage

With three words and one familiar symbol, the sign would catch people’s attention and deliver its message much more effectively. 

screen-shot-2016-09-15-at-2-13-48-pm

Finally, I often find the most ridiculous signs in my home country China. I took the picture of this sign outside of a subway entrance in Chengdu, China. A total number of 13 prohibited articles or activities were shown on this sign. It is impossible for any walking passengers to pay attention to its message. 

Dice-Inspired Structures

img_2187

For this project we were asked to make five same things. In order to challenge myself, I decided not to make five exact things, but five different versions of one thing: dice-inspired structures.

The five versions appear in the order from left to right. From the first one which is the closest to the appearance of a dice, the structures gradually became more abstract and interact more with its surrounding space one by one. The last structure on the far right, has escaped from the shape of a cube, instead forming an open angle to the space.

Below is the production process:

img_2160
img_2161
img_2163
img_2165
img_2174
img_2175
img_2176
img_2166
img_2167
img_2171
img_2173
img_2170
img_2169
img_2181
img_2183
img_2187

Project HOME and some rant

screen-shot-2016-09-14-at-11-21-27-pm

Above is a screenshot of my project Home. When mouse is moved, the circle in the middle will move with it. Link to the project: https://alpha.editor.p5js.org/projects/ryYFQLJn

In this project, I tried to engage the viewer to discuss “where is home”. The circle has a gray outside layer which would fit perfectly in the gray area of the image. However, the red/yellow/orange inside was struggling to come out. Shaped as a circle, where is home in the world which seemed to be filled with other shapes? Are there other similar shapes out there? Do shapes, or colors even matter?

Move mouse to find your own home.

 

Some other rant about Intro to Computational Media:

Being introduced to computer programming, was like being introduced to art for the first time. I realize now there is a brand new, infinite world for me to create. The excitement itself was overwhelming. Over the past week of courses, I have also started seeing machines/computers from a new angle. They are no enemies anymore, but teammates instead. In this project particularly, I gave commands, P5.js drew. It felt like we were working together on an art piece.

 

 

Week 1: Design Analysis

amy_web

This is a poster for documentary film Amy. Amy is a biographical documentary of female jazz singer Amy Winehouse. The film was made after her death of drug abuse.

visual-language1-2

The grid above shows the composition of this poster.

Horizontally, the title AMY was placed central, taking about 30 percent of the image. Below the text, it was the eyes and forehead of Amy Winehouse, wearing dark, thick eye makeup as one of her symbolic images. 

Vertically, the portrait’s nose bridge separated the image almost perfectly at the golden ratio.

visual-language-1-3

Black leads the color palette in this image. Amy’s face faded into black, which matches the dark and mysterious theme of the film. The title Amy was in pink and with less than full opacity. It offers a feminine touch, which resonates with the singer’s personality. The transparency adds to the nostalgia of her death.

The typography used in this poster is Balcon. The title is printed in extra bold, and all capitalized. It not only reminds the audience of the singer’s strong personality, but visually, also responds to the think dark eyeliner just below.