visual communication: 1

http://info.med.yale.edu/psych/3s/metta.html












































Some issues:

1. Have and idea

To display and compare unattractive and well designed sites

2. Make decisions that support the idea

A stream of information organized in a visually abrasive stream of data, not clearly directing you to the information you came for, let alone making it clear what information you will find there

3. Choose colors for a reason

Abrasive color selection that does nothing for the information

4. Make the negative space part of the design

The site doesn’t adhere to a grid, poor use of negative space

5. Communicate with clear messages and word choices

unclear a difficult to tell what the site is about, what click will lead you where, how to find the info you need. Convoluted structure doesn't express the site's content

6. Establish a hierarchy of information – little or no heirarchy

7. Stick to one layout justification – the eye likes order and consistency - but here they oscillate between center and left justified

8. Work with a grid –

inconsistent and variable grid.

9. Make the interface intuitive

Not intuitive, not clear.

Processing: Assignment 1

This is my really really abstracted rendering of a Canon AE-1.

In time I will wow the world with my processing skillz. In time.
















SOURCE CODE:

size(600, 800);
background(2);
smooth();

//begin code for triangle strip (lens)
int x = width/2;
int y = height/2;
float outerRad = min(200, 200) * 0.4;
float innerRad = outerRad * 0.6;
float px = 0, py = 0, angle = 0;
float pts = 36;
float rot = 360.0/pts;

beginShape(TRIANGLE_STRIP);
for (int i = 0; i < pts; i++) { px = x + cos(radians(angle))*outerRad; py = y + sin(radians(angle))*outerRad; angle += rot; vertex(px, py); px = x + cos(radians(angle))*innerRad; py = y + sin(radians(angle))*innerRad; vertex(px, py); angle += rot; } endShape(); //begin code for points and lines (frame) int d = 200; int p1 = d; int p2 = p1+d; int p3 = p2+d; int p4 = p3+d; size(600, 800); background(0); // Draw gray box stroke(153); line(p3, p3, p2, p3); line(p2, p3, p2, p2); line(p2, p2, p3, p2); line(p3, p2, p3, p3); beginShape(TRIANGLE_STRIP); for (int i = 0; i < pts; i++) { px = x + cos(radians(angle))*outerRad; py = y + sin(radians(angle))*outerRad; angle += rot; vertex(px, py); px = x + cos(radians(angle))*innerRad; py = y + sin(radians(angle))*innerRad; vertex(px, py); angle += rot; } endShape(); //code for shape primitive (flash) smooth(); noStroke(); fill(226); rect(45, 45, 35, 35); smooth(); noStroke(); fill(226); rect(200, 400, 35, 35);

Built with Processing

LED blink

Spent the weekend trying to make a couple of LED lights blink intermittently by tinkering with my fickle new friend, the Arduino.

It didn't happen... but I swear I will make these LED's flash if it's the last thing I do.

Also wandered around the city aiming to shoot some photos of machines with sensors. Photos to come shortly.