Typography Inspiration

home by ~layer01 on deviantART

Suffocated by my disability by ~jotfs on deviantART

DACS by ~fabiandelange on deviantART

Speak Up by *jeffrey on deviantART

Life by ~LOVEmeDEATH on deviantART

Th Love You Take by ~CALLit-ringo at deviantART

Our Bloodstained Roof

Ryan Andrews has some fantastically beautiful comics on his site. One such comic is "Our Bloodstained Roof." The story feels raw and real (whether it actually is or not) and has quirky, yet sophisticated illustrations, eye-catching textures, and dynamic accents of color. Definitely worth a look for some excellent storytelling.

View the full comic here: Our Bloodstained Roof

(via Ryan Andrews)

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)

Kinetic Typography: Language

This is a fantastic kinetic typography animation depicting a speech about language by the always intelligent and witty Stephen Fry.

I have to say I agree that people too often get hung up on the technicalities of the English language's structure. Where's the enjoyment in that? Words can be just as much an artistic medium as anything else and I love this animation's exploration of that idea.