Showing posts with label Redesigns. Show all posts
Showing posts with label Redesigns. Show all posts

4/25/11

Reappraisals: The Maroon



Quick new re-interpretation of the Maroon (top) and old re-design (bottom)
Note: This hypothetical redesign is the property of Tom Tian, and may not be used without his express permission.

Few things are as sobering and edifying as critiquing one's earlier work. I recall revamping the Chicago Maroon's print edition a few years back and thinking that it was the best thing since sliced bread. At the time, it did represent a pretty radical departure from precedent insofar as it attempted to be much more systematic in its type treatment, hierarchy, and layout. It was also more generous in its use of white space, which helped to punctuate and define the content.

Looking back, my runaway indulgence in systematism undermined its long-term reproducibility. Contrast is a good thing, but overuse leads to complex systems that cannot be easily duplicated. Moreover, excessive differentiation risks fragmenting the design into components that do not easily cohere into one product or idea.

With this in mind, if I were to redesign the Maroon again today I'd start with a modular grid and scale; without changing the size of the page, this means setting down a 5 x 8 grid and 3:4 scale, which roughly correspond to the page itself (11:17). Once determined, these relations would then inform my subsequent choices, such as spacing and type size.

Whereas the old redesign was a cacophony of various weights and types (Gotham and Adobe Caslon), the new one would use fewer weights from one family (Adobe Garamond Pro), set flush left to facilitate reading. The modular grid can be thought of as a chart or table of sorts, whereupon horizontal rules of varying weights can serve to divide/partition the page into portions that reflect the importance of whatever content it houses, thereby shifting the burden of differentiation from the type to spacing and layout.

On the non-design side, I would do away with bylines in favor of an expanded masthead; the "topic tags" would also go, as they belong online and have no place in print. The end product is a more modular, parsimonious system that retains the virtues of the older design while curbing its excesses.

4/17/11

Tri-X 2011


Laid out in Illustrator CS5; font: Gotham

I picked up some Tri-X yesterday because my refrigerator's film-to-food ratio was dangerously low, and decided to do a quick 'n' dirty reinterpretation of Kodak's packaging, which looks about as good as their annual earnings report. My version adds more large-small and light-dark contrast, uses a simple 3 x 3 underlying grid and modular scale to lend it a bit more structure, and avoids overly complex gradients in favor of simpler ones. It lacks proper barcodes and icons for recycling, though it's not difficult to see where those would fit.

The logo was more of a quick fix than anything else, and I'm not terribly happy with it.

UPDATE: It occurred to me that the reverse side of the pro pack needs to be flipped so as to display properly once the box is assembled.