Wednesday, March 7, 2007

Tuesday, March 6, 2007


This one gets a nod to Amanda Toler's manipulation of the same word, and a nod to Shel Silverstein and his poem about "Ations." Find it if you haven't read it.
And curse those automatic margins in Blogger.

Compression word play


Final word for wordplay project. Created the document with the background set to transparent in Photoshop Elements; maybe the preset was defaulting to white, giving me white background no matter what other manipulations I tried. Was much faster, of course, than the first word yesterday. Couldn't manipulate colors for some reason. Probably not enough coffee.
Started to do it in Word; flashed back to some middle-school newsletter work, and said "Nah." Why fight the machine?

Monday, March 5, 2007

Eliminate the dots


Flattened and erased. And then smudged, just for fun. Thanks, Tom.
I keep saying I'm going to set aside some time just to play with Photoshop, and its amazing creative toys. But other things always push it aside. Good to have assignments that specifically require this work.
"Compression" will have to wait for another day; spent too much "class time" surfing and thinking about browser window size. See diarrhea under class discussion of "Banner and Type creation" under Tom "Socrates" Clapham's question, "Does size matter?"

Sunday, March 4, 2007

Type warmup, first word


Here's half of the Word exercise from Ellen Lupton. I tried this in Photoshop Elements, mainly because I don't have design software at home yet. So figured it was time to learn what Photoshop Elements could do with type.
Leading, or spacing between lines, was really hard to control. But it was at least intuitive. I think that's maybe why people who are good at Photoshop rarely seem to be good teachers for others. They just click around until something works, and then their eyes or fingers remember how they accomplished something, but not their conscious verbal minds.
There must be a way to crop out or erase the dot on the "I"s, but I didn't figure that out yet. Clues welcome.
I considered the "N" on the first line, in red, but really liked using "nation" on the second line altogether. Thought about repeating, with first line being e-l-i-m-i-n and second line being n-a-t-i-o-n. That might've worked better.
Used Futura medium, though considered Future condensed extra bold. Kerning, or the space between letters, of "nation" bothered me in futura medium, but didn't know how to change that.
Second try in posting -- set background to "matte" in Elements when "saving for web," and then chose the same color background as the web page (currently). Don't know why it wasn't totally transparent at first; I think it was a failing of my use of layers (or lack thereof) when building it in Elements.
Dern, on Try No. 2, the background still looks white. Surfed for answers briefly, didn't find anything, but did find good stuff at Mandarin Design.

Thursday, March 1, 2007

Web site critique, Museum of Modern Art


The website of The Museum of Modern Art offers different experiences for different users on various pages.
The main pages and store are quite structured with much use of gray and gray-blue to guide the eye. Links are on the left. A large changing Flash “exhibit” is at the top. The “F” structure theory for web pages is very much in evidence.
The Flash animation at the top is quite busy, with as many flashy fades and spins as a young PowerPoint user would use. The Flash cycles among several exhibits, and the style of each cycle reflects the content of each exhibit. Typography of titles and exhibition dates reflects the style of content as well, and complementary colors are used as backgrounds.
As a relief, the rest of the website’s main page is quiet, structured, organized and unmoving. No popup ads, and right-side links to the Moma store and membership information are understated and undersized. Background is white, and section separators are thin gray or gray-blue lines. Visited links do not change color, except on the links sidebar, and underlining is used to indicate what is a link, again, except on the link sidebar. On the sidebar, hovering turns the links chili-pepper red.
In fact, very little on the main page is NOT a link, creating a feeling of rich content below a clean, “simple” surface.
The main page looks like a four-column layout. Specific exhibition pages are two columns, with links remaining on the left and a strong gray-blue horizontal bar at the top echoing the “F” shape. Resizing the window does not change the shape of the page – content on the right just disappears, but because links are on the left, the window can be resized very vertically to take up only a small amount of screen space and still be navigable.
By contrast, specific pages under the “Education” link for children and teens are brightly colored.
The Red Studio for teens has a pinstriped red and black background. Bright red accents the page in numerous pages and fades into gray. Typography for teens is a strong, bold sans serif, frequently white on a color background. Colors are primary.
On the children’s page, Destination Modern Art, colors are subtler, almost pastel but a little more grown up. It’s all Flash, with occasional real photos interspersed with cartoon characters with children’s voices. The main narrator’s voice is a woman. Navigation buttons are large. Very little text is present, and it uses comic-like drawn typefaces instead of traditional type. I’m reminded of a computer game from the mid-90s based on “The Magic School Bus” books.
The rich content of the site, aimed at several different audiences, conveys the idea that the site itself is a destination, a place to spend lots of time on audio and visual information about art. There seems to be an underlying outreach component, intended to educate through the Internet and not just intended to get visitors or members to the museum. Just randomly shopping at the store provided me with a calming, creative feeling, even at work during 30-second intervals between other tasks. Now I crave a $6 well-designed snow-globe ring.
The site conveys a clear feeling of being designed to be simple and clean, but with lots of complexity behind the thought processes to design it. The Flash stuff almost makes me dizzy on the main page, and feels a bit overdone, but the overall site makes me want to visit and be a part of the museum. I’ll come back to this site often, and send others.

Time vs. Paris Match



A comparison of colors at Time and Paris Match.