Monday, October 11, 2010

Axioms of Web Design

I chose to analyze the "Settlement Perspectives" website.

1) The business objective is pretty clear and very succinct: "Thoughts on how to resolve disputes and get your deal done".  It's clearly visible on the top of the homepage and the text color is contrasted well against the black so your eye is immediately pulled towards it.  

2) This website is similar to the CNN site we looked at in that it uses a quite structure.  There are no solid borders and no text is enclosed.  Different shades of color are used to highlight columns, but all the links are free standing without borders of any kind.  It's neat and orderly and makes it easy to navigate the webpage without confusion.

3) The large image is not found in the lower right, rather it is centered on the webpage.  I think this is effective, however, because it makes the center column the theme of the site, and indeed this is where most of the pertinent information is found.  

4) The layout of the webpage is in a three column format, much like a newspaper.  However, the text is in different sizes and colors so your eye jumps to different parts of the home page and I kind of noticed things in a criss-cross pattern, as opposed to a direct angle. 

5) I think this site fails here, at least it did for me.  I'm not sure how the designers could have changed things to provide a higher level of affordance, but I had a hard time figuring out what the page was all about upon first glance.  I had to read the quotes, text in the upper left, and browse the central article before I fully understood the purpose of this website. 

6) They do well with this one.  The majority of the home page's background is white.  The upper background is black with a bottom blue border.  When you load the webpage two thirds of the background is white with the upper one third being black with that blue border.  Then there are different shades of black for the links in the top right, and different shades of blue being used to emphasize text boxes and blog titles.  I think there is a lot of contrast at their main point of interest. 

7) This is a good looking site, and very simple and easy to navigate.  I like the color choice, including the different hues, the text, and the layout.  

Sunday, September 26, 2010

Nielsen Type: MY FONT


My Font Analysis

By: Porter Nielsen

       I chose the “YourFonts” link to create my font because it was thorough and easy to use.  I always write in all capitals, and never use lowercase letters.  If I want to differentiate between lower and uppercase letters I simply make the letters that need to be capitalized slightly larger than the rest of the letters in the sentence. To me, this font is professional yet human.  The writing is obviously done by a living breathing person yet it’s neat, orderly and appropriate for professional manners.  It’s also easier to write clearly when using all capitals, and that’s the main reason I adopted the all-caps style back in middle school.  Serifs are more appropriate in computer designed font, few people including myself have the time to pretty up their font with serifs.  I think my font is more symmetrical than asymmetrical because I like neatness in my writing and symmetry is one of the best ways to establish neatness.  I think my font most closely resembles humanistic design because of the “subtle differences between thin and thick lines”.  Of course I just think that it most closely resembles, really it’s quite different but out of the three categories I’d place my font in the Old Style or Humanistic Typeface.

ABCDEFGHIJKLMNOPQRSTUVWXYZ
abcdefghijklmnopqrstuvwxyz 0123456789

Sunday, September 12, 2010

Horned Lizards (Frogs)

Design Evaluation

     


Let me start by critiquing this not from a design point-of-view, but rather from a fan's.  First off, my niece can draw better than this, and she's 3.  After a few seconds of looking at this I can't help but wonder what he's holding in his left hand... coal?  You know he looks kinda like a character on a saturday morning cartoon.  "Coming this fall, the adventures of Failure Frog, the son of a coyote and a lizard.  Join him on his hilarious adventures...." Or maybe he looks more like a mascot for some useless children's organization.  I suppose the upside is that if this fellow's TCU career doesn't pan out, he could always hook up with the D.A.R.E. dog, I think they'd go great together. 



Well now that that's out of my system lets spend some time analyzing this from a design standpoint, and we'll start by looking at his outfit.  Check out the design on his collar and shirt/short sleeves.  There are groups of black and white triangles to what effect?  They are stupid, don't match, and are entirely pointless.  Next, notice the word frog is printed on his shorts.  For anyone who is unfamiliar with TCU,  this graphic is counterproductive in educating them.  The dude looks like some type of wolf, yet his pants say Frogs.  TCU's mascot is not a wolf or a frog, but rather the Horned Frogs, more appropriately called the Horned Lizard, but nothing in this picture would clue you into that fact.   And he doesn't have any shoelaces, yet he's dressed in basketball clothes... not a likely combination.

The color usage brings about my next complaint.  The three main colors are purple, black, and gray.  The guy's skin is the same color as his shirt and shoes.  Such an error screams poor design, seems cheap and speedily done, like a children's color-book.  

Lets look at the lines in this picture next.  First off check out his shirt.  Is it crooked for a specific reason? Were they perhaps going for the billowing wind effect?  If so, why just the shirt, why not have the pants doing the same thing?  I think it's just poor design.  The shirt should be in a straight line and it should cover his stomach.  Why's he showing the skin?  Maybe it's a girl creature, who's to say?  Next focus on his arm spikes.  The ones on his right arm look more like fins then spikes, but I suppose they are passible.  But look at his other arm, that looks more like poorly drawn arm hair to me.  And while we're focusing on that arm, zoom in on his elbow....  What is that?  Some type of tattoo?  

As far as shape and form go this picture is just all wrong.  The two dimensional drawing with the overlapping lines on his face to give the three dimensional impression just doesn't work for me.  Pay particular attention to his mouth, notice how it doesn't seem to connect to the back of his face on the top?  And how about his hands?  Why are they white would be my first question, but what is that on the back of his right?  Very large varicose veins?   

The texture is all wrong as well.  He looks soft, especially his face, yet he's suppose to be a reptile.  

The colors contrast poorly, the picture has many irregularities and odd patterns, and it's poorly drawn.  All in all, not a good design.  







                                   

I like this.  It's very simple yet effective.  At the sake of sounding slightly less heterosexual I will say that this little guy is kinda cute.  But not cuddly cute because he's also tuff looking.  He's not mean per-say; he isn't going to go out looking for a fight but clearly somebody that'll hold his ground if threatened.  This is a very good design for TCU's mascot.

The colors in this picture couldn't be any better.  The black and the purple contrast nicely together, and bother are the exact hue of TCU's school colors.  The white border around the purple helps highlight the school's name, and the grayish hue rather than a white color give the lizard more of a realistic feel.  

The shapes and the lines on the lizard are very well done, and quite comical as well.  The pointy triangles help stress the point that this is a horned lizard.  His claws are sharp and intimidating.  I especially love his sharp little teeth, black chin that resembles a goatee rather than claws, and his little six pack on his chest.  

The Purple TCU show clearly who and what this logo is, and the shape of the colors as well as the rounded pull-down layout give the picture a more organized feel.  

The Gestalt Principles are utilized very effectively in this picture.  The purple TCU letters follow the Laws of Proximity and Similarity.  The Law of Continuity can be seen in the lizard's body, following the darker outline that makes up his shape.  And the Law of Closure can be seen in many of the different designs on his body. 

Really my only complaint with this picture is that they didn't draw his left eye, he looks kinda weird once you focus on his face and realize it's missing.  


Wednesday, September 1, 2010

The Begining

So here it is, my school assigned blog page.  Frankly the idea of blogging amuses me; a hundred years ago we wrote our secrets and documented our activities in journals, to remain unknown until years after we died, and then to be enjoyed only by our loved ones and closest friends.  Now, however, any number of unknown individuals can swarm ’round his/her computer like flies to a carcass eagerly awaiting my newest update: I went to the grocery store, I think tax is too expensive, my toilet paper isn’t thick enough, etc…  So find yourself a stopping point on WOW, ask mom for another box of raspberry filled donuts, sit back, relax, and get to know me a little better.