Showing posts with label Layout. Show all posts
Showing posts with label Layout. Show all posts

2/25/12

WIP: Uncommon Fund


Cover from possible collateral piece for due diligence purposes.

Established in 2006 at the University of Chicago and entirely student-run, the Uncommon Fund finances a diverse range of student projects. I wondered what things would look like if the Fund was a national-level organization with a seven-figure endowment. Print pieces use Gotham throughout; website uses Gotham and Arial.


Funded Projects Report: First interior spread.


Funded Projects Report: Chapter opening.


Funded Projects Report: Typical primary project spread.


Funded Projects Report: Typical secondary projects spread and brief synopsis.


Website: Homepage.

The site is laid out on a 6 x 6 grid in Illustrator, and employs a horizontal navigation system laid out in columns, similar to the view found in Finder. Most of it pretty basic at the moment.


Website: "About" section, introduction.


Website: Application mockup.


Website: Project gallery.


Website: Project entry.

2/24/12

Works in Progress: Counterpoint Magazine


Counterpoint is a quarterly (neo)conservative-leaning periodical at the University of Chicago. I don't necessarily agree with everything in the publication of record, but I saw designing a restrained publication as a worthwhile challenge. The hypothetical redesign employs two-, four-, and five-column pages throughout, depending on the context. I used a slightly modified 1:2 modular scale for the copy, and everything's set in either American Text or Adobe Garamond Pro (with the exception of the cover story, which uses Trade Gothic instead of American Text). PSD Graphic Arts over at the University is prepping a proof, which should be ready any day.


Sample table of contents. A "contributors" page at the end of the publication is similarly demarcated using a light gray background fill.


Sample "reportage" opening spread.


Typical inside spread. I oped for large pull-quotes to break up large chunks of text, as illustrations and other images would likely have been rare.


Sample cover story opening double-truck spread. Illustration by Tom Tian.


Cover story: First spread.


Cover story: Typical spread.


Typical "review" spread.

3/30/11

Candid Assessments: The Point


Old cover is on the left; my quick reinterpretation, laid out in Illutrator CS5
using Trade Gothic is on the right. Copy unceremoniously borrowed from
The Point's website, so pardon any mistakes.
Cover features
City (Westward) (2008), by Jason Salavon.

I recall looking over a classmate's shoulder once in an art history lecture to find him "designing" a cover for what turned out to be the first issue of The Point. The publication of record is a seldom-released but well curated, reputable (and widely distributed) small-scale journal that attracts good writers owing to its close connections with the University.

Problem is, that's not the impression most people would get upon seeing said magazine for the first time, and the haphazard design is to blame.

The masthead is plagued by the loose leading between the words "THE" and "POiNt," the iffy kerning between the letters "N" and "t," the unsettling disproportion between the counter and bowl of the letters "P" and "O," respectively, and the unnecessary tension between the word "THE" and "POiNt," which, though of disparate size, are equally heavy. I also take issue with the inconsistent use of upper- and lower-case glyphs, which quite frankly just plain contradicts the professionalism of the content within.

As for the teasers, I really can't say much except that I'd prefer it be set flush left, and that the two tiers of teasers could either be set in separate columns or at least use a more generous paragraph break.

I have no idea what the inside pages look like, but the cover's indecisiveness (is it a journal or a magazine?) inspires doubt. I do, however, like the fact that it's printed on something that resembles a standard trade paperback/ISO A4 instead of ANSI A1, which ought to make it slightly easier to read.

Good content deserves good design. Let's hope that changes soon.

On an unrelated note, here's a doodle I made of a happy lumberjack:

9/27/10

Freedom to Design


Adobe Illustrator CS5; font: Univers

I enjoyed Mr. Franzen's novel--the same couldn't be said for the book cover, which I found fairly uninspiring and, I might add, a bit sloppy on the raster work.

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)

11/5/09

Deterrence Today

Camera: Nikon FE; lens: Nikon AF Nikkor 50mm f/1.8 D; film: Ilford Delta 400 B&W; exposure: 1/125 at f/22; subject is flood-lit using high-power strobes
Designed in Adobe Illustrator CS3 & edited in Photoshop CS3; font: Univers; dimensions: 7" x 11.75"

Disclaimer: "Deterrence Today" is a fake event--please do not show up at Pick 505 on November 7th.

The photograph is of a drop of food coloring diffusing into water, and is part of my intro to photography project on motion. Although I've no intention of printing said take for class (the original is far too small), its graininess lends it a graphite-like quality that commends it to serving as a photo illustration.

4/26/09

Circular Logic


11" x 17"; Designed in Adobe Illustrator CS3; font: Telegrafico



11" x 17"; Designed in Adobe Illustrator CS3; font: Gotham

Another exercise in geometric design/procrastination. All of the figures above were wrought from one template consisting of nine concentric, successively scaled circles, which were then cut into smaller portions by eight pairs of diametrical lines spaced five degrees apart. Selectively deleting the resulting sections produced varying patterns.

A circle with a diameter equal to the height of the page was then used with cross-lines to determine the page margins, and a circumscribed square with sides equal to the diameter of the circle-figures provided guidelines for spacing (see outlines below).