HEATLABS | Division of Timely Hyperlinks

Jul 29

[video]

thebuildfilm.com

"The Build" by Portland, Oregon-based Instrument, is an interactive film documentary about three local characters in the custom motorcycle-building industry. The film, the first-ever project for Instrument Labs, was the perfect chance for the team to explore new ways to distribute content, as well as pair emerging technology with traditional storytelling. The result is a browser-based multimedia experience using only HTML5 and JavaScript. 

Project write-up and behind-the-scenes here: http://weareinstrument.com/work/featured/the-build

thebuildfilm.com

"The Build" by Portland, Oregon-based Instrument, is an interactive film documentary about three local characters in the custom motorcycle-building industry. The film, the first-ever project for Instrument Labs, was the perfect chance for the team to explore new ways to distribute content, as well as pair emerging technology with traditional storytelling. The result is a browser-based multimedia experience using only HTML5 and JavaScript. 

Project write-up and behind-the-scenes here: http://weareinstrument.com/work/featured/the-build

[video]

Aug 07

Wikipedia Redefined
Creative agency NewIsNew (pretend) overhauls Wikipedia. Check out the exercise here: www.wikipediaredefined.com
via @danielmall

Wikipedia Redefined

Creative agency NewIsNew (pretend) overhauls Wikipedia.
Check out the exercise here: www.wikipediaredefined.com

via @danielmall

Jun 13

#10: Pull apart the stories you like. What you like in them is a part of you; you’ve got to recognize it before you can use it.

_

#11: Putting it on paper lets you start fixing it. If it stays in your head, a perfect idea, you’ll never share it with anyone.

” —

Emma Coats shares a list of helpful guidelines she has developed in her time as ‘Story Artist’ at Pixar.

via kottke

Jun 08

Image: Craig WardA nice behind the scenes account of this light lettering process at wordsarepictures.com

Inspired by classic geometry of 1920′s Broadway style fonts, using long exposure photography I set about creating a tool kit of the basic parts of typography. All in all I took around 500 shots of straight lines, circles and semi circles along with some more energetic scribbles and then began to fashion the individual letters by layering up my images. Each letter is completely unique and utilizes, on average, around 11 photographs plus some adjustment layers.

You can find out more about the fireworks display here.

Image: Craig Ward

A nice behind the scenes account of this light lettering process at wordsarepictures.com

Inspired by classic geometry of 1920′s Broadway style fonts, using long exposure photography I set about creating a tool kit of the basic parts of typography. All in all I took around 500 shots of straight lines, circles and semi circles along with some more energetic scribbles and then began to fashion the individual letters by layering up my images. Each letter is completely unique and utilizes, on average, around 11 photographs plus some adjustment layers.

You can find out more about the fireworks display here.


Jun 07

Photo: Robert Banat
Church in the Wild
Tom Fruin’s installation of a stained-glass water tower in the Brooklyn skyline.
h/t: animalnewyork

Photo: Robert Banat

Church in the Wild

Tom Fruin’s installation of a stained-glass water tower in the Brooklyn skyline.

h/t: animalnewyork

Image: iA 
Responsive Typography: The Basics
Some great insights on designing for today’s real-world reading conditions.

The further away you hold the text, the smaller it becomes visually. You need to make the text size bigger the further away the text is read, to compensate for a larger reading distance. How big is, again, a science in itself. If you are inexperienced, a useful trick is to hold a well-printed book at a comfortable reading distance while looking at your website to compare.
Graphic designers without Web design experience are surprised how huge good body text on the web is in comparison to printed matter. Mind you, it’s only big if you compare it side to side, not if you compare it in perspective.

Read the entire post.

Image: iA

Responsive Typography: The Basics

Some great insights on designing for today’s real-world reading conditions.

The further away you hold the text, the smaller it becomes visually. You need to make the text size bigger the further away the text is read, to compensate for a larger reading distance. How big is, again, a science in itself. If you are inexperienced, a useful trick is to hold a well-printed book at a comfortable reading distance while looking at your website to compare.

Graphic designers without Web design experience are surprised how huge good body text on the web is in comparison to printed matter. Mind you, it’s only big if you compare it side to side, not if you compare it in perspective.

Read the entire post.

[video]

Apr 26

[video]