Gordie looks at logos

June 3rd, 2009

The designers I discussed in class were Ivan Chermayeff and Tom Geismer, who between them designed some of my favorite logos including the Mobil oil logo seen below, as well as the logos for National Geographic, PBS, Chase, and Barney’s, as well as the NYU Torch emblem. I like how they are willing to let the name of the company carry the logo when the name is particularly identifiable (like Xerox and Barney’s), but are willing to go with something more abstarct if it connotes the qualities one would associate with the company, as they did with their Chase symbol.

Chase

PBS

Barneys

NG

Here are some logos I really like (and yes, there are sports ones, and no, I have not included the Sox logo, because it’s a given that I’m fond of it):

Mobil

I like how you can read the oil at the end of the word without the designer cheating by coloring the circle in the “b” instead of the second “o”.

citi

My older brother works for citigroup, and they issued me my first credit card, so I’ve always had a soft spot for them. But I dig the simplicity of the logo and how the new design incorporated the umbrella logo of Traveler’s Insurance company by using the “t” in citi as the stem and handle of the umbrella.

Devils

This logo was actually a winner of a contest held when the team moved to NJ. I like how the designer didn’t overplay the religious iconography of the devil which could have presented problems with religious groups.

Brewers

The Milwaukee Brewers wore this logo throughout the 70s and 80s. I love how the lower case “m” and “b” come together to form a baseball mitt.

Whalers

The late lamented Hartford Whalers used this logo before their owner moved the team to Carolina and renamed them the Hurricanes.
I like how the negative space between the “W” and the fishtail forms an “H” for the city.

Gordie dares to dream…

June 1st, 2009

Here is the business card I developed for Visual Communication. As a take-off on the old saw about how one should always dress for the job one wants to have, I “dressed up” my business card to reflect my dream of someday working for my favorite baseball team, the Boston Red Sox. Accordingly, I gave myself the title of Director of New Media for the team on my card.

My Card

I found and downloaded the two fonts used by the team, MLB-Red Sox, which is the font the team uses for its numbers on its home and away jerseys and the letter for the names on the back of its road jerseys, and MLB-Tuscan, which is the font the team uses for the lettering on the front of its home and road jerseys and the “B” on its cap.

I used MLB-RedSox for my name, title, and contact information, and MLB-Tuscan for the team name and the cap logo I placed on the right side of the front of the card. Because neither font had any lower case letters, I borrowed an idea from Trajan Pro by using different font sizes of MLB Red Sox to do my first name and title in “title case” by using 12 pt font for the first letters and 10 pt font for the following letters. To be consistent, I also did my contact information similarly, although I used 9 pt font for the first letter of each word and 8 pt font for the following letters.

Since the fonts also did not have any punctuation marks, I used spaces instead of commas where needed. It also forced me to cheat a little and bring in a third font, Lithos Pro, which I used for the periods and @ sign in my e-mail address. (I’m not a fan of its @ sign, but it seemed the best match for the MLB-Red Sox font I was using for that information.)

For the back of the card I used the “hanging socks” logo which the team adopted as its primary logo this spring. I debated between going with the cap logo on the back of the card and the “socks” logo on the front, but I decided as I did because I went with left-justified text, and the B logo seemed more at home on the right side of the card than the socks logo would have been. Plus I like the look of the hanging socks logo alone against the navy blue field.

While I’m satisfied with the job I did, after printing out my business cards, I kind of wished I had made my name and title just a little bigger to match the team name.

I also have to give thanks to Emily Ryan, who helped me with some issues I was having with Adobe Illustrator, which I used for the first time in making these cards.

Gordie looks at Type

May 29th, 2009

Here’s the pdf of my name six ways.

Here are my two words:

Collapse

Vague

Gordie looks at signs

May 27th, 2009

amish

A problem with branding. I’ve seen Witness more than a dozen times, and while I remember scenes in which cows were milked and barns were built, I can’t seem to recall any scenes in which burritos were rolled or lamb was sliced for gyros.

bus

I don’t drive, so maybe it’s me but I don’t like subtitles on my signs.

Gus

The swirly S cuts up the sign, so it reads as “GU-TORGANICS” which is obviously not its name.

hands

This might be my catholic school upbringing at work, but the idea of naming anything involving young children as “hands on” sends a shiver of revulsion through me. And the creepy palm prints don’t help matters.

HC2

It looks like they ran out of space and then had to use smaller letters to get the whole message in.

JAD

The line leaving the D open made me read that letter as a P; I think you should try to avoid creating a logo that might be read as a pejorative.

LSC

They totally committed to the theme of the store as the only signage in it is that belonging to the liquor store that formerly occupied the space, but I imagine there are a lot of disappointed but well-dressed alcoholics walking out of the store.

NB

This is a very nice, clear sign on an awning of a business that no longer operates at the location. Which is fine, except I have to believe that they must have a better way of communicating this information. I might be more than a little peeved if I fought downtown traffic only to discover that I had to go back through the tunnel to North Bergen, New Jersey.

Path

I think the sign could do without the question marks.

UF1

UF2

Whether coming or going, these banners are a bad idea. The words are cut up in a ridiculous fashion, and the colors chosen are too close to one another to make the letters easily legible.

river

I snapped this one as the PATH doors were closing, so I missed the top part of the sign, which reads in full “Take your life off pause”. I’m guessing this is supposed to be what couples really living it up is supposed to look like: a dude pushing his partner around in a shopping cart!

surgery

Paging Dr. Nick from The Simpsons. Parentheses do not connote trust.

turd

This was a handwritten sign, so maybe the author could be forgiven, but I’d bet in hindsight they wished the put a little more space between the “e” and the “b”, because all I see is a “turd” in the middle of their nature burger, which is far from appetizing.

Gordie goes shopping for a missed connection

May 20th, 2009

Here is my first assignment for Video for New Media. Note: no fruits were harmed in the shooting of this photo essay.

Apples and Oranges

exterior

oranges

graborange

apples

grabapple

hello

notenoughmoney

returnapple

lonelyapple

fadeout

Here is the craigslists’ missed connection that inspired the photos:

Saw you in the grocery store – m4m – 23 (West Village)
Reply to:pers-95vfj-1177671204@craigslist.org [Errors when replying to ads?]
Date: 2009-05-18, 8:19PM EDT

I saw you in the grocery store on 14th st. today. I forget the name of the grocery store but it is next to a Duane Reade. We made lots of eye contact and you said Hello to me. You are very attractive. I’d love to meet sometime soon. Tell me what you were wearing or what i was wearing so i know it’s you.

* it’s NOT ok to contact this poster with services or other commercial interests

PostingID: 1177671204

Gordie looks at Hulu

May 20th, 2009

Hulu is a site for television addicts (such as myself) which I have found exceedingly useful particularly since my new responsibilities as a student have cut into my regularly scheduled time for viewing TV. The site permits visitors to view shows that have been recently broadcast as well as “classic” shows like I Dream of Jeannie and Diff’rent Strokes. (Obviously Hulu has an elastic definition of what constitutes a television “classic”.)
hulunogrid

The design of the site is very clean, with the top row devoted to a search box and horizontal navigation bar that allows one to choose between their TV and movie offerings.

hulunav

The middle row is a scrolling box that displays featured offerings, usually recently added shows to the site. Under that box are four columns of highlighted materials, divided into popular episodes, popular clips, featured videos, and popular TV shows, which is sandwiched above by Hulu’s Pick and below by recently added shows.

hulugrid

The site uses a single font, with the exception of the scrolling highlight box, which displays the title of the shows featured in the font used by that show in its promotional material. Outside of its logo, which is done in lime green, the rest of the site uses only white, black, gray, and a very light blue for links. Scrolling over a link results in an underline rather than a color change.

Navigation on the site is fairly easy, although I miss the original layout which listed all the site’s material alphabetically. Now everything is organized by category, which can make it a little noisome when one is not certain whether show which crosses genres (like NBC’s Chuck) is listed as an action/adventure show or a comedy.

hulucategory

But I guess this change was necessitated by the expansion of content the site offers, so it’s hard to argue about that trade-off.

Emily and Gordie do a P Comp Final Project: MEOWZERS! WE’RE FINALLY FINISHED!

April 29th, 2009

Here is the video of our final test of our P Comp final project, a cat entertainment device we’re calling MEOWZERS, a device to tease your cat (in a non-sexual way).

In the video you’ll see us operating the device using a sketch that Emily wrote in Processing that features a cute cat cartoon image that serves as a “cursor” that directs the action of the two servos and triggers the laser pointer we embedded into the mouths of one of the four mouse heads that adorn the cat scratching post we modified. Moving the cat icon vertically activates the servo that controls the movement of a feather teaser, causing it to dip and rise to bait the cat to chase it. Moving the cat icon horizontally activates the servo that spins the crown of the scratching post, causing the mouse heads attached to the four posts emanating from the center post to shake in a wild fashion. Pressing the mouse on the computer triggers the laser pointer we embedded into one of the mouse heads. (Emily did a really cool icon to show this effect on the screen.)

Here’s the video of the project in action:

Here’s the Processing Code:

import processing.serial.*;

Serial port; //Create object from Serial class.*;

PImage Cat1;
PImage Cat2;
void setup() {
imageMode(CENTER);
size (700,700);
Cat1 = loadImage(”Cat.jpg”);
Cat2 = loadImage (”Cat2.jpg”);
frameRate(30);
//Open the port that the board is connected to and use the same speed (9600bps)
port = new Serial(this, Serial.list()[0], 9600);
}

void draw() {
background (255);

float newmouseX = map (mouseX, 0, width, 0, 254);
float newmouseY = map (mouseY, 0, height, 0, 254);
port.write((byte)255); //start byte
port.write((byte)newmouseX);
port.write((byte)newmouseY);
if (mousePressed){
image(Cat2, mouseX, mouseY);
port.write((byte)4);
}
else {
image(Cat1, mouseX, mouseY);
port.write((byte)0);
}
}

And the Arduino code:

#include

Servo servoMotor1;
Servo servoMotor2;

int servo1 = 0; //Data received from the serial port
int servoPin1 = 9; //Set value servoPin1 to pin 9
int servo2 = 0; //Data received from the serial port
int servoPin2 = 10; //Set value servoPin2 to pin 10
int button = 0; //Data received from the serial port
int buttonPin = 2; //Set value buttonPin to pin 2

void setup(){
servoMotor1.attach(servoPin1); //Sets pin as OUTPUT
servoMotor2.attach(servoPin2); //Sets pin as OUTPUT
pinMode(buttonPin, OUTPUT); //Sets pin as OUTPUT
Serial.begin(9600); //Start serial communication at 9600bps
}

void loop()
{
if (Serial.available()>= 4){ //If 4 bytes are available to read,
int inByte = Serial.read ();
if (inByte == 255) {

servo1 = Serial.read(); //read serial and store it as val
servo1 = map(servo1, 0, 254, 179, 0);//map servo1 position to val
servo2 = Serial.read(); //read serial and store it as val
servo2 = map(servo2, 0, 254, 179, 0); //map servo2 position to val
button = Serial.read(); //read serial and store it as val

servoMotor1.write (servo1); //move servo1 to position
servoMotor2.write (servo2); //move servo2 to position
if (button == 4){
digitalWrite (buttonPin, HIGH); //turn on laser pointer
}
else{
digitalWrite (buttonPin, LOW); //turn off laser pointer
delay(25);
}
}
}
}

We consider this project to be a smashing success, particularly given how little experience we had with programming prior to this class. It is said that “success has many fathers”, and that is certainly true with this project as many came forward to assist us whenever we ran into problems. We’re extremely grateful to all those who aided us, and our special thanks goes out to:

Jeremy Rotzstain, whose quick tutorial on Processing made our control device possible;

Adam Parrish, who helped us get our feet wet with Processing with his help session;

Todd Holoubek and Rory Nugent, whose suggestions on the P Comp side were invaluable;

Rob Faludi, whose last minute adjustment to our Arduino code literally calmed our jitters by solving the problem of our shaky servos;

Dan Shiffman and Tom Igoe, who kindly loaned me the texts of their two definitive works (Dan’s Learning Processing and Tom’s Making Things Talk );

Tigger Ryan, who did a wonderful job as our “test cat”;

our classmates, whose creativity, ambition, and brilliance inspired our efforts;

and finally, our teacher Scott Fitzgerald, whose calm demeanor, knowledge, generosity, and incisive feedback made this class so pleasurable despite the many frustrations attendant to it.

I would also like to extend my heartfelt thanks to my partner on this project, Emily Ryan, whose patience and good humor kept us on track even while I was fuming about small stuff (like the clocks being off). I did every project in this class with Emily, and while I may have given her cause at times to regret her choice of partners, she never gave me cause to regret mine. Her easygoing manner made working with her a joy, and her design skills covered my deficiencies in that area and made our projects come alive. I’m sure she has great things ahead of her in this program, particularly if she ever learns to overcome her shyness and be a little more outgoing…

Emily and Gordie (and Tigger!) do a P Comp Final Project-Week 3: Field testing

April 29th, 2009

Here is the video of the field test we did with Emily’s cat Tigger. At his point, we weren’t sure if we would be able to get the device to be triggered by Processing or php (we’re using a pair of potentiometers to activate the servos), but at the very least we knew that we had created something that could amuse a cat. Watch Tigger go crazy on our project to the strains of Frankie Valli and the Four Seasons’ Begging.

Emily and Gordie do a P Comp Final Project-Week 2: Progress is slow

April 14th, 2009

Progress was slow this weekend, but we did get three of the elements of our cat amusement center to work.

We began on Saturday by heading over to Petland to buy a cat scratching post. Emily chose a fashionable sky-blue model with mouse heads suspended from four rods situated around the top column of the post. Since the top column detaches from the bottom, we decided to put a servo on the top column so it could rotate upon activation:

Next we decided to attach a servo to a dowel that we picked up from Home Depot. Our plan is to mount it to the top of the post and attach the feather toy with some string so the servo can mimic the action of pulling the line up and down to draw the cat ’s attention. Here’s the servo with the rod in action:

Finally, Emily wired up a ball with LEDs that we plan on attaching to one of the pots in place of one of the mouse heads. Here’s her gluing the ball together and testing it:

We’re still quite a ways from completion. We’re in the process of building a housing for the servos, and trying to figure out the triggering mechanism for the project. Sadly, it probably won’t be a web-based one, because after looking over the TweetMobile code, we both realized that we just don’t have enough programming experience to figure out how to adapt it for our purposes. Right now we’re looking into activating it through a radio transmitter/receiver set-up.

More to come.

Emily and Gordie do a Final Project-Week 1: Observation–Cats are Evil

April 8th, 2009

If history has taught us anything, it’s that cats are evil.

From the assassination of Archduke Franz Ferdinand, triggering the start of the First World War…
cat killing a duke

…to the katzen responsible for the carnage of the Second World War…
HItler Cat

…to the master criminals of today spreading their chaos throughout our society…
BatmanVsJoker

…cats have shown themselves to be the enemy of mankind.

Since idle paws are clearly the devil’s workshop, we’ve decided to build a device that would allow cat owners to keep these devious creatures busy while they are away and their cats are home alone plotting other ways to bring ruin to mankind.

We observed one of these vicious creatures in his natural habitat…

…and since they appear to be distracted by simple movement, we intend to build a combination scratching post/cat amusement device.

The device will have a couple of motor driven arms that will dangle and swing a couple of cat toys to hopefully amuse the cat and keep it from hatching more evil schemes.

At the moment, the plan is to permit the owner to activate the device remotely using their Twitter account. How successful we’ll be will depend a lot on how much php two people can pick up in three weeks.

But we must succeed…since the future of mankind may well be at stake!