TR Editors' blog

Re:Design

A look inside our new graphic identity system.

Eric Mongeon 24/10/2012

1.

Just When I Thought I Was Out, They Pull Me Back In

It was the kind of brief most freelancers dream of: Technology Review, the company I'd left nine years earlier in order to start my own studio, was under new management—and was in the midst of transforming itself from your standard magazine-with-a-website operation into a digitally oriented global media company, with platforms online, in print, on mobile, and with in-person events around the world. The onset of this reinvention1 had been rapid and had proceeded largely ad hoc, with designs created on-the-fly by disparate teams of staffers, freelancers, and temporary help, much of it without central coordination or concern for visual consistency. As a result, the brand2 had begun to feel like a garden badly in need of tending. Sure, some corners looked great; other parts just needed some pruning; but there were also whole sections that needed to be completely torn out and replanted.

Technology Review needed a designer to help them establish a visual system that was strong in tone, resilient enough to work both in print and digital formats, and consistent across all platforms in which its audiences were engaged. It needed an identity commensurate with its ambitions—and worthy of its mission.

My proposal began with these general principles:

We must avoid overt efforts to illustrate technology with our design choices. The results are too often trite. Neither should we be content with a design approach suited to a conventional news organization that "happens to be about technology." That's much too generic. The optimal approach is something more nuanced; our design must embody the ideals of technology by demonstrating intelligence, elegance, and efficiency while promoting experiences of pleasure in possession and use.

I got the gig—and a job offer. And now after 10 months of thinking, sketching, typesetting, and debating3, I'm happy to finally share the results.

--------

1. With the ad sales market in the tank and a growing lack of interest among readers in actually coughing up cash for content, the publishing consultant's trope "Evolve or Die" had become a guiding principle.

2. I hate this word, but will use it here as a lazy stand-in to refer to the collection of impressions, memories, and anthropomorphized ideas a given audience has toward an institution, product, or service.

3. This is totally a euphemism.

2.

Not Your Parents' Helvetica

Though big changes were needed, it was important that the new design system stay true to the spirit of the Technology Review everyone knows and loves (and obsesses about). So we began by considering the graphic history of MIT in general and Technology Review specifically, appropriating the best ideas from the past and updating them for the modern media environment.

We paid special attention to the midcentury work done in the MIT Office of Publications. The innovative typographic designs of Muriel Cooper, Ralph Coburn, and Jacqueline Casey smartly merged European formal sophistication with American4 vitality – and defined the look of MIT in the Modern era.

 
 

 

The designers working during this time were tireless in their inquiry into the expressive possibilities of Helvetica. This encouraged us to take a fresh look at the typeface.

 

 

In fact, for nearly a decade, Helvetica was the only typeface used in Technology Review. So when we began considering typefaces for our own designs in print and online, Christian Schwartz's Neue Haas Grotesk, a meticulous digital restoration of Helvetica's original designs, was the natural choice.

 

 

Fifty years ago, this institution occupied a place at the vanguard of American graphic design. We intend to reclaim that heritage.

--------

4. I don't mean to sound jingoistic here. I just find most European Modernism to be pompous, precious, and ironically anti-democratic. But we find wit, irreverence, and surprise in the work of Paul Rand, who was one of Muriel Cooper's early mentors. It's clear that Cooper approached her work with a sense of play (see her "Information Landscapes" here—one of the first demonstrations of moving type—to see what I mean); I can't help but imagine she fostered this joy among her staff and, later, her students at the MIT Media Lab.

3.

The Question Concerning Technology Review

As you may have noticed, the most dramatic change in the new identity isn't visual so much as verbal5.

 

 

Founded at MIT in 1899, this enterprise derives its authority from the world's foremost technology institution. Our affiliation with our owner is one we're proud of—and one we take very seriously. It seemed obvious that this affiliation be not only affirmed, but celebrated.

Our logo is based on a modified version of Akzidenz Grotesk, the typeface used in the MIT logo, so the two marks bear a sort of family resemblance. We refined a number of characters to get the visual rhythms right, but among the logo's more distinctive details is the notched capital T. The horizontal stroke of that character (called a crossbar) was designed to terminate at a 14-degree angle, as if it were written with a pen. This was done in part to foster a sense of circular movement within the mark:

 

 

And it gives us a distinctive character to use as our app badge and social media avatar6. It also works nicely as the endnote at the close of a print feature:

 

International editions of MIT Technology Review in print and online also bear this logo, which is modified by a simple signature line identifying each of our regional publishing partners:

 

 

The German language edition of MIT Technology Review is the only exception; "mit" is German for "with," so rather than redraw the logo with initials in the acronym -- a practice verboten7 by the institute's brand standards -- the German edition will include a tagline that reads "M.I.T.- Magazin für Innovation," or, "MIT's magazine of innovation."

And because the stacked logo will scale only so small before it becomes an illegible mess, we devised an alternate version for use in difficult formats, like onscreen navigation bars and PowerPoint footers:

 

 

The stacked logo was designed to be versatile enough that it could function as a modifier in each of our extended brands. When we place it in a square-shaped bullet and apply a simple color-coding rule, the logo serves as an element in a modular identity system that includes:

Annual national lists

 

Annual international lists

 

Annual regional lists

 

Annual events

 

Annual regional events

 

When you add up all the color options and scaling alternates, the MIT Technology Review identity system comprises 242 distinct graphic marks8.

5. This is the third logo the enterprise has worn since 2005; it was important that a.) we get it right this time, and b.) that it seem like the natural next step in an inevitable progression.

6. It worked out okay, but this symbol is actually a compromise. My original idea was something much more ambitious -- I was determined that a digitally oriented media company should get a digitally oriented logo. So I came up with a stylized TR, animated like the original MTV logo. It proved impractical for technical and aesthetic reasons -- not the least of which was our eventual decision to include MIT as part of the official name -- but here's what it would have looked like:

7. So to speak.

8. Triple that number when you include all of the file formats: eps, jpeg, and Bitmap TIFF.

4.

Kissing Frogs

Nailing down a final design requires that we produce, consider, and eliminate as many different concepts as possible. As Dean Kamen put it during a Technology Review photoshoot in 2002, you have to kiss a lot of frogs before you find your prince.

One of the challenges in devising a design system for a digitally oriented media company that places a high priority on print but also spends lots of time staging events is, there are no models to follow. We're sort of making this up, feeling our way through it, experimenting a whole bunch, and likely getting lots of it wrong along the way. I'm not smug enough to think we'll have the last word on what a post-print media company is, but I'm confident that we'll make some progress in answering the question: what does it mean to produce beautiful, literate, useful information that combines the best of print, digital, and live media for a global audience?

EmTech: Reebok and MC10 will Launch an Impact-Sensing Skullcap for Sports

A flexible electronics startup, MC10, lifts the veil on its first commercial product, in partnership with Reebok.

David Talbot 24/10/2012

MC10, a startup in Cambridge, Massachusetts, that makes flexible electronics capable of conforming to skin (and, someday, organs), just announced its first product: a sports skullcap that will measure impacts in a bid to fight concussion and other traumatic brain injury.

The new device, made in collaboration with Reebok, will be made commercially available to consumers next year but will be described tomorrow morning by David Icke, MC10’s CEO, when he appears at MIT Technology Review’s EmTech conference, also in Cambridge.

The company announcement this morning did not provide photos or exhaustive detail about the system.  Presumably it will include one or more accelerometers wired up with MC10’s “stretchable” electronics. These electronics often consist of ultrathin gold electrodes that flex and stretch with the body.

In contrast to some prototypes that adhere to the skin, the technology will be encased in a breathable mesh skullcap that will fit under helmets, according to the announcement.  It will provide “a visual measurement of force of impact, essentially serving as an extra set of eyes on the playing field.” The technology “is designed to direct athletes on a pathway to assessment to determine if medical treatment or rest is needed before resuming play,” the release says.

How the data will get out of the headgear and be evaluated is something that Icke may describe tomorrow. In a recent photo essay in Technology Review (see "Making Stretchable Electronics"), we explained the company's approach in detail.  Many of its technologies are based on materials science from the lab of John Rogers at the University of Illinois.

Fighting concussions is a good place to start with this type of technology. Head impacts are particularly dangerous to children, and the Centers for Disease Control and Prevention (CDC) calls sports-related concussions a serious public health threat.  Brain trauma is also an often-hidden epidemic on the battlefield (see "Brain Trauma in Iraq").

Improving Community Feedback on Our Stories

Some comment threads on our site have gotten nasty. Here's what we're doing about it.

The Editors 24/10/2012

We greatly value the insights our readers can offer. The exceptional intelligence, perspective, and wit of our audience are part of what makes MIT Technology Review different from publications that cover technology breathlessly and without context. Judging by what we hear from many of our readers, high-quality discussions about stories are among the things you value, too.

And so it has been especially distressing to see some comment threads, especially on energy stories, get ugly lately. A few readers—a very small but vocal part of our audience—have been engaging in partisan bickering and name-calling that is uncivil and unconstructive. Other readers have complained about it, and so the editors of MIT Technology Review would like to make sure our policy on comments is clear.

We will delete comments if they are not on the subject of the story at hand; if they are insulting to other commenters; or if they contain racial, ethnic, or sexist slurs. Repeat offenders will be banned. As our terms of service specify, we reserve the right to make these deletions and bans for any reason, without prior notice or warning, and without liability.

Sometimes when we have deleted comments and exiled rude commenters in the past, we have been accused of trying to enforce a sort of politically correct censorship. Nothing could be further from the truth. We want perspectives from anywhere on the political spectrum. But what we don’t want are comments that unimaginatively apply simple labels to people or ideas—comments in which someone spouts off, for example, that someone else is a “socialist” or “a right-wing wacko.” That kind of discourse is too easily found elsewhere online. If you disagree with a premise or a point in a story, or if you think something is inaccurate, then by all means, tell us and your fellow readers. If you think someone made an erroneous comment, disagree with it. But do so constructively. Confine your comments to the subject of the posts, and don’t attack the posters themselves.

If you can’t do those things, your post won’t be up for long. It’s not worth it to us.

Publicidade

Vídeo

Jack Dorsey fala sobre tecnologia

Mais Vídeos

Publicidade
Publicidade