Art direction plug-in for WordPress

If you’ve been longing to follow Jason Santa Maria’s lead and bring real art direction to the no-budget, publish-now medium of the personal website, Noel Jackson‘s Art Direction Plug-in is for you. The plug-in lets you style individual entries in your WordPress blog without hacking the publishing tool or expending energy on time-consuming workarounds.

[tags]art direction, design, webdesign, wordpress, plugins, plug-ins, formatting, CSS, per-post, noeljackson, jasonsantamaria[/tags]

Monday links

WCAG Samurai
The WCAG Samurai Errata for Web Content Accessibility Guidelines 1.0 are published as an alternative to WCAG 2. “You may comply with WCAG 2, or with these errata, or with neither, but not with both at once.” Published 26 February 2008. Read the intro first.
Happy Cog Studios at SXSW Interactive
Two hot panels, plus bowling.
Alex King’s Twitter Tools
Integrate your Twitter account with your WordPress blog. Archive your tweets, create a blog post from each tweet, create a daily digest of your tweets, post a tweet in your sidebar, and more.
Chopsticks by Carlos Segura
Brilliant! 51 chopstick bags by Carlos Segura assisted by Ryan Halvorsen. In EPS for your raster or vector pleasure.
Can a Gas Station Really Be Green?
Boston design firm builds green gas station in smoggy LA.
48 Unique Ways To Use WordPress
CMS, city guide, history/timeline site, intranet, movie poster and trailer site, network hub, polling site, Feedburner alternative, Twitter clone, many more.
Misleading Marketing Copy
Words and phrases to avoid if you want an honest relationship with your customers.
Pattern inspiration (Veerle’s Blog)
Design inspiration via wallpaper and tiles.
Mental Models: Aligning Design Strategy with Human Behavior (on Flickr)
Illustrations from the newly published book by Indi Young (Rosenfeld Media, 2008).
A Speck of Sunlight Is a Town’s Yearly Alarm Clock
On March 8, the sun will rise again in Longyearbyen, the first time since October.
Dockdrop
Free Mac OS X application lets you share files fast. Drag any file or folder onto the Dockdrop dock icon, then choose how you want to send it. Dockdrop uploads it and puts a URL for your upload on the clipboard, ready for pasting into an email, chat program or website.
Official Google Maps API Blog: Google Maps Without the Scripting
The Google Static Maps API provides a simpler way to add maps to your website. Rather than use JavaScript, the Google Static Maps API creates map images on the fly via simple requests to the Static Maps service with HTTP requests.

[tags]zeldman, wcagsamurai, happycog, sxsw, googlemaps, wordpress, veerle, indiyoung, mentalmodels, wcag2, accessibility[/tags]

Appreciating web design; setting type

We have what we think is a special issue of A List Apart for people who make websites.

  • Every responsible web designer has theories about how best to serve type on the web. In How to Size Text in CSS, Richard Rutter puts the theories to the test, conducting experiments to determine the best of all best practices for setting type on the web. Richard’s recommendation lets designers reliably control text size and the vertical grid, while leaving readers free to resize text.
  • And in Understanding Web Design, I explain why cultural and business leaders mistake web design for something it’s not; show how these misunderstandings retard critical discourse and prevent projects from reaching their greatest potential; and provide a framework for better design through clearer understanding.

Plus, from October 2001, we resurrect Typography Matters by Erin Kissane, the magazine’s editor, who is currently on sabbatical.

[tags]webdesign, css, textsize, type, typography, sizingtype, sizingtext, understanding, typedesign, architecture, newspaperdesign, posterdesign, bobdylanposter, erinkissane, richardrutter, zeldman, jeffreyzeldman, alistapart[/tags]

What is Art Direction (No. 9)

Alive Day Memories - Home From Iraq

This outdoor ad, newly posted on a phone kiosk, arrested me as I strolled down Lexington Avenue last night. Its explicit content can be summarized as follows:

A young woman, facing the viewer, holds what appears to be a prosthetic arm—her own prosthetic arm, one infers. The young woman is casually dressed in a sweater and jeans. Her expression borders on neutral. Where her right arm should be, the sweater has been pinned back. The poster also contains words advertising a new HBO documentary, executive-produced by James Gandolfini, concerning the difficulties faced by a new generation of American war veterans returning home from Iraq.

That is a pictorial inventory, but the poster contains more content than I have listed. Most of that content is externally located. For this poster has been framed and shot, and its subject styled and posed, almost exactly like an American Gap ad.

Consciously or unconsciously, an American viewer will almost certainly make an uncomfortable connection between the disfigurement and sacrifice portrayed in this ad, and the upbeat quality of the Gap’s long-running, highly successful clothing slash lifestyle campaign.

That connection is content. And the non-verbal information that triggers that content in the viewer’s mind is art direction.

Wordless and full of meaning

What is the art direction saying? What is it adding to the content that is already there? Surely the sight of an attractive young woman who has lost her arm fighting in Iraq is loaded enough as an image. Surely a non-combatant, far from Iraq, safe at home, already feels plenty of complex emotions when confronted with this one veteran and at least some of the visual evidence of her sacrifice. What additional statement is being made by the art director’s decision to style this poster like a Gap ad?

Here is a possible reading:

While many Americans are well aware that their country is at war, many others are doing their best to blot that thought out of their minds. In this effort at collective amnesia they are abetted by many retail advertisers and TV programmers, including not a few TV news programmers. Ratings-wise, the war is a bummer. Sales-wise, it is a drag. America wants to shop and move on. (Interestingly, the fashion industry is the one segment of America’s consumer culture that is paying attention. The 691 pages of the new September Vogue are filled with skirts, shoes, dresses, and jackets that obviously resemble armor or in other ways clearly invoke awareness of war and warriors.)

In conceiving the way this poster would be shot and styled, the art director was not holding the Gap responsible for the war in Iraq. Nor was he or she blaming the viewer. But by carefully echoing the imagery of an ad that epitomizes our comfortably shallow consumer lifestyle, the art director does indict the complacent among us and challenge us to think about something besides our next new sweater or iPod.

The placement of type ensures that the words are the last thing we see on the poster. We absorb and are discomfited by the rich, non-verbal text for several beats before our eyes take in the explicit, written content announcing a documentary.

That is art direction. It is not art. It is not design. It is something else. It makes us feel. It makes us think. It holds up the mirror to our desires, our regrets, ourselves.

[tags]artdirection, whatisartdirection, alivedaymemories, iraq, gap, veterans, advertising, iraqwar, wariniraq, posters, thesis, antithesis, synthesis [/tags]