designing virtual realism (@media 2009)

Post on 01-Nov-2014

4.000 Views

Category:

Technology

1 Downloads

Preview:

Click to see full reader

DESCRIPTION

The real world is rarely flat and devoid of texture, yet our virtual designs often do little to mirror what lies beyond the monitor. Tasteful use of lighting, shadows, gradients, and more traditional arts such as photography, oil, water color, pencil and charcoal can help us mimic the world around us. Learn to use and create realistic textures and media, and make your designs leap off the screen.

TRANSCRIPT

DesigningVirtual Realism

London, June 2009

Dan RubinSidebar Creative

©2009 Dan Rubin » http://sidebarcreative.com

Designing Virtual Realism London, June 2009

Hi!Dan Rubinsuperfluousbanter.org@danrubin

THE SIDEBAR TEAM WE LOOK MUCH NICER IN PERSON

SIDEBARC R E A T I V ETRAINING WORKSHOPS CONSULTING

©2009 Dan Rubin » http://sidebarcreative.com

Designing Virtual Realism London, June 2009

Me, according to nGen works @ http://happywebbies.com/

Hi!Dan Rubinsuperfluousbanter.org@danrubin

©2009 Dan Rubin » http://sidebarcreative.com

Designing Virtual Realism London, June 2009

Web StandardsCreativity

Dan Rubin(and 9 other guys)

by

©2009 Dan Rubin » http://sidebarcreative.com

Designing Virtual Realism London, June 2009

Pro CSSTechniques

Jeff CroftIan LloydDan Rubin

by

©2009 Dan Rubin » http://sidebarcreative.com

Designing Virtual Realism London, June 2009

Look & Feel

©2009 Dan Rubin » http://sidebarcreative.com

Designing Virtual Realism London, June 2009

We do this every day.

©2009 Dan Rubin » http://sidebarcreative.com

Designing Virtual Realism London, June 2009

Photo: Peter Zelnik (http://www.sxc.hu/photo/1170873)

©2009 Dan Rubin » http://sidebarcreative.com

Designing Virtual Realism London, June 2009

Photo: Kriss Szkurlatowski (http://www.sxc.hu/photo/1165285)

©2009 Dan Rubin » http://sidebarcreative.com

Designing Virtual Realism London, June 2009

Photo: David Thomson (http://www.sxc.hu/photo/1172713)

©2009 Dan Rubin » http://sidebarcreative.com

Designing Virtual Realism London, June 2009

Photo: Dedy Ong (http://www.sxc.hu/photo/1161259)

©2009 Dan Rubin » http://sidebarcreative.com

Designing Virtual Realism London, June 2009

Photo: Roberto Ribeiro (http://www.sxc.hu/photo/1173672)

©2009 Dan Rubin » http://sidebarcreative.com

Designing Virtual Realism London, June 2009

Context is important.

©2009 Dan Rubin » http://sidebarcreative.com

Designing Virtual Realism London, June 2009

Photo: David Ritter (http://www.sxc.hu/photo/941686)

©2009 Dan Rubin » http://sidebarcreative.com

Designing Virtual Realism London, June 2009

Photo: Craig Jewell (http://www.sxc.hu/photo/945272)

©2009 Dan Rubin » http://sidebarcreative.com

Designing Virtual Realism London, June 2009

Environment provides context.

©2009 Dan Rubin » http://sidebarcreative.com

Designing Virtual Realism London, June 2009

©2009 Dan Rubin » http://sidebarcreative.com

Designing Virtual Realism London, June 2009

©2009 Dan Rubin » http://sidebarcreative.com

Designing Virtual Realism London, June 2009

Tactile Interaction

©2009 Dan Rubin » http://sidebarcreative.com

Designing Virtual Realism London, June 2009

©2009 Dan Rubin » http://sidebarcreative.com

Designing Virtual Realism London, June 2009

©2009 Dan Rubin » http://sidebarcreative.com

Designing Virtual Realism London, June 2009

SO...

©2009 Dan Rubin » http://sidebarcreative.com

Designing Virtual Realism London, June 2009

Design for Intuition.

©2009 Dan Rubin » http://sidebarcreative.com

Designing Virtual Realism London, June 2009

Mimic physical interfaces.

©2009 Dan Rubin » http://sidebarcreative.com

Designing Virtual Realism London, June 2009

©2009 Dan Rubin » http://sidebarcreative.com

Designing Virtual Realism London, June 2009

Photo: Pascal Montsma (http://www.sxc.hu/photo/230015)

©2009 Dan Rubin » http://sidebarcreative.com

Designing Virtual Realism London, June 2009

Photo: Ivaylo Georgiev (http://www.sxc.hu/photo/426359)

©2009 Dan Rubin » http://sidebarcreative.com

Designing Virtual Realism London, June 2009

If your interface needs instructions...

©2009 Dan Rubin » http://sidebarcreative.com

Designing Virtual Realism London, June 2009

Redesign it.

©2009 Dan Rubin » http://sidebarcreative.com

Designing Virtual Realism London, June 2009

©2009 Dan Rubin » http://sidebarcreative.com

Designing Virtual Realism London, June 2009

Creatingan Illusion.

©2009 Dan Rubin » http://sidebarcreative.com

Designing Virtual Realism London, June 2009

©2009 Dan Rubin » http://sidebarcreative.com

Designing Virtual Realism London, June 2009

©2009 Dan Rubin » http://sidebarcreative.com

Designing Virtual Realism London, June 2009

©2009 Dan Rubin » http://sidebarcreative.com

Designing Virtual Realism London, June 2009

Some interfaces already do this.

©2009 Dan Rubin » http://sidebarcreative.com

Designing Virtual Realism London, June 2009

©2009 Dan Rubin » http://sidebarcreative.com

Designing Virtual Realism London, June 2009

©2009 Dan Rubin » http://sidebarcreative.com

Designing Virtual Realism London, June 2009

©2009 Dan Rubin » http://sidebarcreative.com

Designing Virtual Realism London, June 2009

©2009 Dan Rubin » http://sidebarcreative.com

Designing Virtual Realism London, June 2009

Invite people to touch your interface.

©2009 Dan Rubin » http://sidebarcreative.com

Designing Virtual Realism London, June 2009

©2009 Dan Rubin » http://sidebarcreative.com

Designing Virtual Realism London, June 2009

©2009 Dan Rubin » http://sidebarcreative.com

Designing Virtual Realism London, June 2009

©2009 Dan Rubin » http://sidebarcreative.com

Designing Virtual Realism London, June 2009

Adding noise creates a basic texture.

©2009 Dan Rubin » http://sidebarcreative.com

Designing Virtual Realism London, June 2009

©2009 Dan Rubin » http://sidebarcreative.com

Designing Virtual Realism London, June 2009

©2009 Dan Rubin » http://sidebarcreative.com

Designing Virtual Realism London, June 2009

©2009 Dan Rubin » http://sidebarcreative.com

Designing Virtual Realism London, June 2009

Aesthetic-Usability Effect

©2009 Dan Rubin » http://sidebarcreative.com

Designing Virtual Realism London, June 2009

“Attractive things work better.”

— Donald Normanhttp://jnd.org/dn.mss/emotion_design_attractive_things_work_better.html

©2009 Dan Rubin » http://sidebarcreative.com

Designing Virtual Realism London, June 2009

Traditional Media

©2009 Dan Rubin » http://sidebarcreative.com

Designing Virtual Realism London, June 2009

©2009 Dan Rubin » http://sidebarcreative.com

Designing Virtual Realism London, June 2009

©2009 Dan Rubin » http://sidebarcreative.com

Designing Virtual Realism London, June 2009

©2009 Dan Rubin » http://sidebarcreative.com

Designing Virtual Realism London, June 2009

©2009 Dan Rubin » http://sidebarcreative.com

Designing Virtual Realism London, June 2009

©2009 Dan Rubin » http://sidebarcreative.com

Designing Virtual Realism London, June 2009

Photographic

©2009 Dan Rubin » http://sidebarcreative.com

Designing Virtual Realism London, June 2009

©2009 Dan Rubin » http://sidebarcreative.com

Designing Virtual Realism London, June 2009

©2009 Dan Rubin » http://sidebarcreative.com

Designing Virtual Realism London, June 2009

©2009 Dan Rubin » http://sidebarcreative.com

Designing Virtual Realism London, June 2009

©2009 Dan Rubin » http://sidebarcreative.com

Designing Virtual Realism London, June 2009

PhysicalItems

©2009 Dan Rubin » http://sidebarcreative.com

Designing Virtual Realism London, June 2009

©2009 Dan Rubin » http://sidebarcreative.com

Designing Virtual Realism London, June 2009

Onward to Photoshop!

©2009 Dan Rubin » http://sidebarcreative.com

Designing Virtual Realism London, June 2009

What can we do about it?

©2009 Dan Rubin » http://sidebarcreative.com

Designing Virtual Realism London, June 2009

Use consistent light sources.

©2009 Dan Rubin » http://sidebarcreative.com

Designing Virtual Realism London, June 2009

Embrace Gradients and Shadows.

©2009 Dan Rubin » http://sidebarcreative.com

Designing Virtual Realism London, June 2009

Never use default filter settings.

©2009 Dan Rubin » http://sidebarcreative.com

Designing Virtual Realism London, June 2009

Never use default filter settings. EVER.

©2009 Dan Rubin » http://sidebarcreative.com

Designing Virtual Realism London, June 2009

Focus on subtle effects.

©2009 Dan Rubin » http://sidebarcreative.com

Designing Virtual Realism London, June 2009

Scanners +Cameras.

©2009 Dan Rubin » http://sidebarcreative.com

Designing Virtual Realism London, June 2009

USE THEM.

©2009 Dan Rubin » http://sidebarcreative.com

Designing Virtual Realism London, June 2009

If nothing else, add noise.

©2009 Dan Rubin » http://sidebarcreative.com

Designing Virtual Realism London, June 2009

Resources

©2009 Dan Rubin » http://sidebarcreative.com

Designing Virtual Realism London, June 2009

VirtualIn Defense of Eye Candy – Stephen P. Andersonhttp://www.alistapart.com/articles/indefenseofeyecandy/

Aesthetic-Usability Effect – Mark Boultonhttp://www.markboulton.co.uk/journal/comments/aesthetic_usability_effect/

PhysicalDon’t Make Me Think – Steve Krug

The Design of Everyday Things – Donald Norman

©2009 Dan Rubin » http://sidebarcreative.com

Designing Virtual Realism London, June 2009

Questions?

©2009 Dan Rubin » http://sidebarcreative.com

Designing Virtual Realism London, June 2009

fin.slideshare.net/danrubintwitter: @danrubin

top related