Scroll to Info & Navigation

Everything tagged with:

design
(288 posts)

Type Nite took place on the MICA campus in Baltimore on Sept. 22. We celebrated the release of Type on Screen by Ellen Lupton and Abbott Miller: Design and Content by Abbott Miller.

Ellen Lupton: Scalable App Icons

As a follow-up to the bestselling Thinking with Type, Ellen Lupton has edited a new primer on typography for the digital age. Type on Screen presents the classic typographic concepts you may already know in the context of printed pages, updated for use on screen-based applications like electronic publications and websites, as well as video and mobile devices. This post excerpts a section on creating scalable app icons for PCs and mobile devices.

image

A desktop icon for Mac OS may be viewed as small as 16×16px in a sidebar or as large as 1024×1024px in Apple’s flip-through “cover flow” interface. Creating scalable application icons thus demands attention to pixel-perfect detail. Doing it well requires making at least six different versions of the same icon for various display purposes. A Mac OS icon file (ICNS) consists of multiple image files at different sizes, each simplified according to its scale, with more detail possible at larger sizes. The ICNS format supports the following sizes: 16×16, 32×32, 48×48, 128×128, 256×256, 512×512, and 1024×1024px. Begin drawing the icon at the largest size and work your way down to the smaller sizes, redrawing elements as needed. For the sidebar icon, you can eliminate the reference to a folder, as seen in the tiny 16px camera icon below.

image

Right  Draw each size individually, simplifying and adjusting as needed for legibility.

image

Wrong  Simply scaling an icon down creates illegible forms that lack detail and refinement.

image

Wrong  Likewise, scaling an icon up from the smallest size yields odd-looking icons at larger sizes.

———

Apple’s iOS requires icons in a multitude of sizes for various devices and presentation situations:

image

512 × 512 px  iTunes artwork

image

114 × 114 px  Home screen icon for iPhone Retina Display

image

72 × 72 px  Home screen icon for iPad

image

58 × 58 px  Spotlight and settings icon for iPhone Retina Display

image

57 × 57 px  App store and home screen icon for iPhone / iPad Touch

image

50 × 50 px  iPad Spotlight search results

image

29 × 29 px  Settings icon in iPad and iPhone, and spotlight icon on iPhone

———

Find more like this in Type on Screen, available now from Princeton Architectural Press.

Keep Fresh, Stay Rad

New from our Friends of Type – a super cool box of 100 typographically fabulous postcards! Includes nice little Q&A booklet with the designers.

Louise Fili exhibiton at the ADC

Elegantissima: The Exhibit opened this Wednesday, September 10th at the Art Directors Club. The show was designed by Kevin O’Callaghan and displays four decades of Louise Fili’s work, all set within beautifully crafted and themed room environments. 

Be sure to see the exhibit before it ends on September 19th (the ADC is located at 106 West 29th Street, NYC) and discover more of Louise’s fine work in Elegantissima: The Design and Typography of Louise Fili (2012). 

"It is important to use your hands, this is what distinguishes you from a cow or a computer operator" —Paul Rand
From Paul Rand: Conversations with Students, published by PAPress in 2008. Today marks the 100th Birthday of Mr. Rand!

"It is important to use your hands, this is what distinguishes you from a cow or a computer operator" —Paul Rand

From Paul Rand: Conversations with Students, published by PAPress in 2008. Today marks the 100th Birthday of Mr. Rand!

Last Call for Entries: ‘Pamphlet Architecture 35’
Time is running out to enter the 2014 Pamphlet Architecture competition! The deadline for entries is Friday, August 4th. For more information and submission guidelines please visit pamphletarchitecture.org.

Last Call for Entries: ‘Pamphlet Architecture 35’

Time is running out to enter the 2014 Pamphlet Architecture competition! The deadline for entries is Friday, August 4th. For more information and submission guidelines please visit pamphletarchitecture.org.

Very exciting—our first advances of Abbott Miller's monograph Design and Content have arrived! It will be available online and in stores early September, or reserve your copy here.

Words and lettering by Oz Cooper, from a booklet On Old Style and Modern Types (1927). Taken from baseline magazine, issue 22, 1996.

Words and lettering by Oz Cooper, from a booklet On Old Style and Modern Types (1927). Taken from baseline magazine, issue 22, 1996.

Oculus Book Talk with Michael Bell, Dr. William F. Carroll, Jr., Billie Faircloth, Sylvia Lavin, and George Middleton
July 1, 6 - 8 p.m.
The Center for Architecture
Free for AIA members and students, $10 for non-members

Permanent Change: Plastics in Architecture and Engineering is available now!

Big congratulations to Andrea Cochran—she has been honored with the 2014 Design Medal, presented by the American Society of Landscape Architects. The Design Medal recognizes an individual landscape architect who has produced a body of exceptional design work at a sustained level for a period of at least ten years. Also, a belated congrats for winning the 2014 National Design Award for Landscape Architecture, presented by the Smithsonian’s Cooper-Hewitt, National Design Museum. In 2009, Princeton Architectural Press published the monograph Andrea Cochran: Landscapes.

Book Talk: Ellen Lupton’s Type on Screen

Strand Books, NYC
June 26, 7:00–8:00pm

Ellen will discuss her new book Type on Screen, the digital-age companion to her bestselling Thinking with Type. Some of her students (and collaborators) from MICA, including Christopher Clark, Javier Lopez, and Young Sun Compton will share their own work!

Join us! Details here.

Beach Houses: Andrew Geller — back in print!

Geller’s inspired vacation homes fuse functional living, playful shapes, and an abiding love for sun and sand. Modest in scale but bursting with optimistic energy, they are icons of carefree leisure and breezy summer fun. Check out more in Beach Houses — now available in paperback.

A letter from Paul Rand to Ladislav Sutnar, via @michaelbierut.
For more of the master’s acerbic perspective, pick up a copy of Paul Rand: Conversations with Students and be amazed at the quantity and quality of its contents. 

A letter from Paul Rand to Ladislav Sutnar, via @michaelbierut.

For more of the master’s acerbic perspective, pick up a copy of Paul Rand: Conversations with Students and be amazed at the quantity and quality of its contents. 

The Book of Trees
Lectures by author Manuel Lima

April 24 at 7pm
Strand Books, New York
Free with purchase of the book or Strand giftcard

May 21 at noon
92nd Street Y, New York
Tickets: $21, available here

The Book of Trees: Visualizing Branches of Knowledge is available now from Princeton Architectural Press!