net magazine - - GALLERY | INSPIRATIONAL SITES - Sam Dal­lyn (de­sign) sam­dal­lyn.co.uk Luke Tongue (de­vel­op­ment) luke­tongue.com

This site for Vi­brant’s hap­tic com­mu­ni­ca­tor Thumper has a beau­ti­ful bal­ance of sub­tlety in mo­tion and mo­ments of in­no­va­tion and im­pact. I was im­me­di­ately drawn to the at­ten­tion to de­tail, use of asym­me­try, and how pre­cise and re­fined the small an­i­ma­tions were.

Site an­i­ma­tor Chris Gannon’s ( gannon.tv) ex­pla­na­tion of what was done makes it even more in­trigu­ing: “Whilst work­ing out the speed of the Thumper pulse, we had to re­fer to an al­go­rithm that says if ‘m’ is the slope of the line, the speed should be pro­por­tional to sqrt(1+m2).” That could not have been easy! A per­fect ex­am­ple of how in­for­ma­tive an­i­ma­tion can catch the eye of the viewer, ed­u­cate them and be beau­ti­ful, all at once. And Gannon is a mas­ter.

Small vis­ual ef­fects on scroll echo the sur­prise and in­ter­est that par­al­lax scrolling usu­ally tries to achieve, but are sub­tle enough that the viewer can feel at ease while nav­i­gat­ing. A beau­ti­ful over­all syn­the­sis of in­for­ma­tion and de­sign.

“The sim­ple geo­met­ric an­i­ma­tions really tell the story of the prod­uct and how it works. They say so much with just a small amount of mo­tion”

Val Head (@vlh)

Newspapers in English

Newspapers from Australia

© PressReader. All rights reserved.