TOC design roundup

We’ve been talking a lot about TOC design for our iPad editions, and I’ve compiled screenshots of a bunch of other magazines below so that we can look at them all together.

Most magazines are generally sticking to a format that, while longer, more inclusive, and more open than print, is still very similar to their print design. A few trends and exceptions I’ve seen:

-check out the Esquire TOC, which breaks from convention to use a mechanical diagram format. Simple and fun since it’s all touch and there’s no need for page numbers.

-all the Rogers magazines have gone to single page format — no vertical scrolling ever — and as a result, their TOCs are multi-page. Check out Chatelaine pages below for an example.

-some mags are incorporating scrolling frames on snapping pages (vertically, to mimic web usability). Check out Macworld for an example.

-some are animated, like a web slider. Men’s Health first page of TOC content showcases four articles, scrolling through them quickly one by one.

-many magazines are making the most of the unlimited vertical space with big section headlines.

—————————————————————————————————————————

Moneysense

moneysense11

—————————————————————————————————————————

Smithsonian

 smithsonian11

—————————————————————————————————————————

The Occasional

 occasional11

—————————————————————————————————————————

Macworld

macworld21 macworld11

—————————————————————————————————————————

Men’s Health

 menshealth11

—————————————————————————————————————————

Martha Stewart

martha11

—————————————————————————————————————————

Chatelaine

chatelaine21 chatelaine11

—————————————————————————————————————————

Bon Appetit

 bonappetit11

—————————————————————————————————————————

GQ

 gq11

—————————————————————————————————————————

Lucky

lucky11

—————————————————————————————————————————

Huffington

huffington11

—————————————————————————————————————————

Esquire

esquire11

Leave a Reply

Fill in your details below or click an icon to log in:

WordPress.com Logo

You are commenting using your WordPress.com account. Log Out / Change )

Twitter picture

You are commenting using your Twitter account. Log Out / Change )

Facebook photo

You are commenting using your Facebook account. Log Out / Change )

Google+ photo

You are commenting using your Google+ account. Log Out / Change )

Connecting to %s

%d bloggers like this: