w6 – Color

1st Assignment: color hue test

And the result is…

Awesome surprise! Did not expect that.

 2nd assignment: Color composition

I decided to focus on the interactive aspect more than the aesthetic one. That’s why I made this processing sketch.

Source code can be found here.

Instructions: move the mouse and have fun. Pressing any key changes the mode (hue, saturation, balance). Pressing UPARROW or DOWNARROW changes the starting value (where the mouse pointer is) for that actual mode. For each quadrant, each same color curve represent a level set, each quadrant draws quarter of ellipses, that mean distance pondered by the distance towards the edge.

w5 – Logo and branding

Part 1

When I was a child, I never understood the Carrefour logo

Until I read about it in an optical illusions book. When I could see the hidden ‘C’ in white in the negative space, I was amazed.

But that’s not the only trick the logo has: its colors match the French ones, being Carrefour a French brand. Also, ‘carrefour’ in French means ‘crossroads’, and that’s why the logo has two arrows pointing in different directions. Customers coming from different directions all meeting at the crossroads (Carrefour).

I just love how much symbolism is hidden with lots of subtlety.

According to the internet, the logo was created in 1966, but I didn’t find any trustful source.

 

Another logo I like is the New Man logo:

I just love that effect of ‘New’ and ‘Man’ being the same word but rotated, and one above the other.

The logo was designed in 1969

Part 2

I have to design a possible new logo for ITP.

My notes so far:

So I was between these two concepts. I decided to go with the first concept. For that, I looked at possible fonts that would allow me to connect the letters. These are the fonts that I found:

The 2nd and 3rd ones (courier and courier new) I found they were ‘too little artsy’. The 5th one, Didot, was too classical for a program related to technology. I had to choose from the other four, which I find quite similar. In the end, I went with the first one, Chaparral, just because of instinct.

An the result is here

w2 assignment – bad signs

The problem with that advertisement is the use of the STOP sign from transit. If we apply transit logic, the first meaning that comes to mind is that we have to stop advancing into the construction place because there are bedbugs. Another interpretation would be that the bed bugs have to stop right where the sign is, but that doesn’t make any sense.

Also, the name ‘bed bug king’ sounds a bit paradoxical. The king of bed bugs sounds like a giant bed bug, or the leader of a bed bug colony. That’s not what we would want.

Improvements: First, remove the transit style for the STOP word. Also, ‘Stop THE bed bugs might make more sense’. A better approach would be to change the word STOP by a more specific one, like KILL or EXTERMINATE. In that case, another sign could be used, like the biohazard or radioactive one.

The problem I had here is that at first I read ‘LESS FURNITURE’. Besides that not making sense, it kind of gives the opposite impression. Who would want to go to a furniture store that says that they have less than… normal?

Improvements: Remove the ‘s from the sign. Alternatively, the letters could be colored in a way that it’s clear it says Lee’s. Maybe coloring the two ‘e’?

Here I simply don’t understand the meaning of the top rounded sign. Now that I think of it, it may be addressed towards car drivers, and saying that they should not park there. But it took me a long time. At first I thought it was directed towards people waiting for the bus, and that simply didn’t make any sense! One actually has to wait for the bus STANDING next to the sign. And what’s the meaning of the two-headed arrow? It spans the width of the bus, but what’s important is the length of the bus, not the width.

Solutions: If the sign is actually directed towards car drivers, add a car in the sign. Also, the arrows should change to denote bus length, not width. If the sign is really directed towards bus users, I have no idea because I simply can’t understand the message.

The problem with the sign is its advertisements. More precisely, the size of them. Every sign has the same size, so it is really hard to know what’s that place about. I guess the ‘main’ sign (the place’s name) is the one in the middle, ‘Bushwick Country Club’. If I lived in Bushwick it could be more easily deduced from context, but this is in Williambsurg. Besides, what is a Country Club in a small space like that in a completely urban area?

Solutions: The name of the place should easily be recognizable! Make it bigger, or make the other advertisements smaller.

The picture was taken at night and not so close of the sign, sorry for the bad quality. I found it in the middle of the boulevard with cars coming in both directions, and I didn’t want to stand in the middle of the street. Anyway, what caught my attention in the picture are the two small yellow signs below the bigger one. That’s because they don’t have any image or text, so I don’t know how to interpret them. What are they there for? I think it puzzles drivers more than giving any insight.

Solutions: Remove the yellow signs, or put some text and/or image into them.

w1 Assignment – FedEx page

Choosing the piece to analyze was no easy task. At first, I looked at posters of movies/bands/books I liked, but I had a hard time identifying a grid and a typography, and usually there was too much dead space.

I like the FedEx webpage because it is easy to navigate. It doesn’t overwhelm the user with lots of information. The site is concise and not too big.

Structure

The site has a clear distribution of header, content and footer. The content has a very definite grid. Even when the overlay from the navigation in header is shown, the grid is respected.

I strikes me why the grid was not respected in the footer. The 5 categories could be put below the 4 columns, for example putting the 2 shortest ones under the same column, or merging two of them. It may have been made this way on purpose to distinguish the footer from the main content, or to avoid people thinking there is a relation between the footer categories and the main content ones.

Use of space

The negative space on the margins is for centering the page. On the main content, negative space is used as a buffer to have a clear start for the footer. It is again the footer that where I am most confused. There is too many unused space there. I cannot understand why they put the 5 footer sections on the left half of the footer, and they left the right section almost empty, save for the social icons, country/language selector and the 3 links for below on the right. It seems to me that a better distribution could be achieved. Again, maybe it was made on purpose to avoid having too many things close together.

Fonts

For everything but the FedEx logo, the font family is Arial. The site alternates between standard Arial and ‘Arial Narrow’, and sometimes the bold weight is used. The FedEx logo uses a proprietary font, based on Univers and Futura. All the text is left aligned.

Palette

The page has a very clear color palette, reminding us of FedEx colors: purple and grey. Two shades of grey are used, one lighter, mostly for background, and one darker, mostly for font color. And white is used also for background