Monday, December 12, 2011

Design Anatomy App

Click for interactive iPad app
The Design Anatomy app treats design as if it were the subject of an anatomical study. Themes of layering, dissecting, and diagraming continue throughout to give this effect. Since the content is more observational than informational, the app is intended for people (most likely students) who are familiar with design and its principles, but would like different perspectives and inspirations.

Scale Page
Content and graphics are positioned and designed to lead the viewer down the app's vertical layout. Flowing lines navigate through the content, starting on the launch screen and ending on the last page. Lines and images bleed from page to page, making the user curious about about the rest that cannot be seen until the next page comes up. Dotted lines also guide the user to buttons that are linked to outside websites for additional information.

Layers page
The layout is made up of a four column grid, which allows for a nice variety of options for organizing content. In cases where image is most important, the content is able to take up multiple columns, but there could still be room for text about the work (see Texture, Voice, and Craft). If pieces of content are of equal importance, the even number of columns allows for an appropriate layout (see Layers and Hierarchy).

Craft page
The typeface used is Garamond. Its form compliments the fluid elegance of the navigation lines and opening image (the Bride of Frankenstein). It also has a textbook formality that works nicely with the theme of an anatomy study. Kerning is kept tight in the titles to create fascinating shapes, connections, or fluidity among the letters. This encourages users to study the typography's interesting forms.

(Design Anatomy app)

No comments:

Post a Comment