polishing interfaces

POLISHING

InterfacesAndrew Maier

Sunday, March 28, 2010

Andrew Maier

andrew@uxbooth.com@andrewmaier

Interaction Designer &User Experience Enthusiast

Sunday, March 28, 2010

Follow Alonghttp://designerandrew.com/files/polish.zip

Sunday, March 28, 2010

Interface Types

Sunday, March 28, 2010

ArtisticSunday, March 28, 2010

Sunday, March 28, 2010

Sunday, March 28, 2010

Sunday, March 28, 2010

ARTSY

Sunday, March 28, 2010

VISUAL ART

Sunday, March 28, 2010

NOTICED

Sunday, March 28, 2010

IMPRESSION

Sunday, March 28, 2010

BRITTLE

Sunday, March 28, 2010

Application

Sunday, March 28, 2010

Sunday, March 28, 2010

Sunday, March 28, 2010

Sunday, March 28, 2010

SIMPLE

Sunday, March 28, 2010

OS’s

Sunday, March 28, 2010

UNNOTICED

Sunday, March 28, 2010

IMPRESSION

Sunday, March 28, 2010

RESILIENT

Sunday, March 28, 2010

Polishe! .Sunday, March 28, 2010

Sunday, March 28, 2010

Sunday, March 28, 2010

Sunday, March 28, 2010

Sunday, March 28, 2010

HOLISTIC

Sunday, March 28, 2010

INFLUENCED

Sunday, March 28, 2010

PATTERNS

Sunday, March 28, 2010

NOTICED

Sunday, March 28, 2010

IMPRESSION

Sunday, March 28, 2010

RESILIENT

Sunday, March 28, 2010

INTERFACE Creation

Sunday, March 28, 2010

1 ESTABLISH a

ThemeSunday, March 28, 2010

• Grunge

•Minimalist, Typography

•Metallic, UI

• Abstract/Transparency, HUD

•Web 2.0

Establish a Theme

Sunday, March 28, 2010

Gru

nge

Imag

e us

ed w

ith p

erm

issi

on fr

om C

ollis

Ta’

eed

Sunday, March 28, 2010

Min

imal

ist

Imag

e us

ed w

ith p

erm

issi

on fr

om C

ollis

Ta’

eed

Sunday, March 28, 2010

Brus

hed

Met

alIm

age

used

with

per

mis

sion

from

Col

lis T

a’ee

d

Sunday, March 28, 2010

Abs

trac

tIm

age

used

with

per

mis

sion

from

Col

lis T

a’ee

d

Sunday, March 28, 2010

Web

2.0

Imag

e us

ed w

ith p

erm

issi

on fr

om C

ollis

Ta’

eed

Sunday, March 28, 2010

2 PICK a SENSIBLE

LayoutSunday, March 28, 2010

Sunday, March 28, 2010

Sunday, March 28, 2010

Sunday, March 28, 2010

Sunday, March 28, 2010

Sunday, March 28, 2010

Sunday, March 28, 2010

3 GET WITH THE

PolishSunday, March 28, 2010

Lighting Effects

‣ Drop Shadow

‣ Bevel

‣ Gloss/Glare/Glow

‣ Photo Effects (dodge/burn)

Other Effects

‣ Texture & Patterns

‣ Dither

‣ Blur/ Wet Floor

‣ Color/Hue (icons, etc)

Polish Techniques

Sunday, March 28, 2010

Things to Avoid‣ Over Polish

‣ Breaking your own conventions

‣ Over/Under–contrast

‣ Bad anti-aliasing & pixel hinting

Sunday, March 28, 2010

INAction

Sunday, March 28, 2010

Sunday, March 28, 2010

Sunday, March 28, 2010

Sunday, March 28, 2010

Sunday, March 28, 2010

DEMO

Sunday, March 28, 2010

NEXT Steps

Sunday, March 28, 2010

PRACTICE

Sunday, March 28, 2010

INSPIRE

Sunday, March 28, 2010

READ

Sunday, March 28, 2010

DISCUSS

Sunday, March 28, 2010

Get Inspiration

http://bestwebgallery.com

http://abduzeedo.com

Sunday, March 28, 2010

Collect Inspiration

http://emberapp.com

Sunday, March 28, 2010

The Non-Designer's Design BookRobin Williams

Sunday, March 28, 2010

Sexy Web DesignElliot Jay Stocks

Sunday, March 28, 2010

The Visual Display of Quantitative InformationEdward R. Tufte

Sunday, March 28, 2010

http://psd.tutsplus.com/category/tutorials

http://tutorial9.net

Sunday, March 28, 2010

http://istockphoto.com

http://bittbox.com/category/freebies

Sunday, March 28, 2010

http://iconfinder.net

http://smashingmagazine.com/category/fonts

Sunday, March 28, 2010

http://uxbooth.com

Sunday, March 28, 2010

Fin @andrewmaierandrew@uxbooth.com

Sunday, March 28, 2010