Getting inside Iron Man and S.H.I.E.L.D.’s user interfaces…
Intrigued by user interfaces? Fan of that low-budget avant-garde meditation on life and form that is known internationally as The Avengers?
Then why not check out the work of 3D video effects designer/animator Jayse Hansen of the Cargo Collective and his exploration of the design process that went into the on-screen displays and interfaces in use by Iron Man, yer one from How I Met Your Mother and Samuel L. Jackson.
In typically aloof graphic designer fashion Jayse’s portfolio page features a few words and some HUGE pictures, apparently a longer post is in the works.
Read what he has to say below and click here to check out the rest of the images.
This is just an image dump of marvel approved stills and screenshots of my work on the film. I’ll do a proper post soon – this is a fraction of the work – But I had the distinct pleasure of working with Cantina Creative, leading the design of the glass screens for the Helicarier in the Avengers. I also led the design and animation of the all new and upgraded Mark VII Hud. All work was done in Illustrator, After Effects and Cinema 4d.
Included are some partial explanations of how the HUD diagnostic functions. Variations of it in ‘all clear’ mode, and a ‘battle mode’, after the suit has suffered damage and new windows have popped up to show depleted weapon stores and hazardous environmentals and general.
The flight menu was designed with input from an A-10 Fighter Pilot. I like to keep my stuff accurate.
I start all designs on paper so I included some ideas for the dock icons. In the final icons, the more detailed versions show system status based on the way they animate.