polishing interfaces
Post on 28-Jan-2015
127 Views
Preview:
DESCRIPTION
TRANSCRIPT
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
top related