Showing posts with label Chicago Maroon. Show all posts
Showing posts with label Chicago Maroon. 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.

11/25/09

Grey City

Grey City: Issue 5
Cover photo by Shahzad Ahsan

Update: A logistical mixup prevented today's issue from being delivered on time. It will be resolved tomorrow.

The fifth issue of the Chicago Maroon's [sleeper] quarterly magazine came out today (download the .pdf version here). I updated its visual identity so that it would be consistent with that of the rest of the Maroon, which I redesigned earlier this year. Apart from story-specific types, the entire magazine is set in various, systematically determined weights of Gotham, which, incidentally, is the Maroon's new san-serif typeface, supplanting Futura.

Like the rest of the paper, the new iteration of Grey City is cleaner and more functional than its previous incarnations. The generously-spaced, two-column inside pages mark, in my estimation, an especially pleasant departure from the stale, early 20th century magazine design of the New Yorker et al. You can find the title spreads I designed (and an inside page) below:

Photo by Camille Van Horne; font: Helvetica Neue

Designed in Adobe Illustrator CS3; laid out and typeset in Adobe InDesign CS3; font: Univers

Photo by Camille Van Horne; fonts: Grafinc Extra Black (with slightly modified letterform "C") and Rockwell


See what I'm talking about? Info-graphic designed in Adobe Illustrator CS3

Designed in Adobe Illustrator CS3; laid-out and typeset in Adobe InDesign CS3; font: Quicksand

Bonus: Exciting content occasions commensurately exciting layouts, wherefore Voices received a double-truck centerfold spread in today's issue (see below).

Not bad for a night's work.
Drawn in Adobe Photoshop CS3 using a Wacom Cintiq 12WX tablet; laid out and typeset in Adobe InDesign CS3; fonts: Museo (titles) and Quicksand (body)

5/5/09

Keep Calm & Carry On; Print Redesign

Designed in Adobe Illustrator CS3; font: Univers

Inspired by this WWII British poster, I present to you this piece of quasi-fascistic office propaganda. May she inspire our designers to glory and proper typesetting!

Designed in Adobe Illustrator CS3 and Adobe InDesign CS3; fonts:
Nevis Bold, Gotham, & ITC Galliard Standard.

I promised a print redesign, and lo, here it is, for your enjoyment and judgment; note that I will probably replace the body text with either Meta Serif or some comparable serif typeface.

Also, I'd like to voice my sincerest apologies to Ben "Rossi!" Rossi, who--last I checked--was not a gibbering fool.

On a side note, I did in fact take that F1 photo*.

The various, disparate "mini-features" currently in print--such as the crime report and corrections--will be overhauled and unified via a system of info-icons. I don't know whether I'd like to extend this system to each section, but it's tempting.


*For the photo-curious: I've a D90 with a 24mm f/2.8, 35mm f/1.8, and 50mm f/1.8