details make the difference, web design world 2008, boston
DESCRIPTION
TRANSCRIPT
![Page 1: Details Make the Difference, Web Design World 2008, Boston](https://reader033.vdocuments.us/reader033/viewer/2022051608/5456f2dbaf795998788b4f62/html5/thumbnails/1.jpg)
Details Make the Difference
» Dan RubinSidebar Creative
Web Design World Boston, 2008
![Page 2: Details Make the Difference, Web Design World 2008, Boston](https://reader033.vdocuments.us/reader033/viewer/2022051608/5456f2dbaf795998788b4f62/html5/thumbnails/2.jpg)
©2008 Dan Rubin » http://superfluousbanter.org/presentations/2008/
Details Make the Difference Web Design World Boston, 2008
Me, according to nGen works @ http://happywebbies.com/
Hi!
![Page 3: Details Make the Difference, Web Design World 2008, Boston](https://reader033.vdocuments.us/reader033/viewer/2022051608/5456f2dbaf795998788b4f62/html5/thumbnails/3.jpg)
©2008 Dan Rubin » http://superfluousbanter.org/presentations/2008/
Details Make the Difference Web Design World Boston, 2008
Web StandardsCreativity
Dan Rubin(and 9 other guys)
by
![Page 4: Details Make the Difference, Web Design World 2008, Boston](https://reader033.vdocuments.us/reader033/viewer/2022051608/5456f2dbaf795998788b4f62/html5/thumbnails/4.jpg)
©2008 Dan Rubin » http://superfluousbanter.org/presentations/2008/
Details Make the Difference Web Design World Boston, 2008
✓ Proportional design✓ Borders, lines and layer modes✓ Texture, Depth and Light Effects✓ a bunch of other interesting stuff
What we’re talking about:
![Page 5: Details Make the Difference, Web Design World 2008, Boston](https://reader033.vdocuments.us/reader033/viewer/2022051608/5456f2dbaf795998788b4f62/html5/thumbnails/5.jpg)
©2008 Dan Rubin » http://superfluousbanter.org/presentations/2008/
Details Make the Difference Web Design World Boston, 2008
Why are we here?
![Page 6: Details Make the Difference, Web Design World 2008, Boston](https://reader033.vdocuments.us/reader033/viewer/2022051608/5456f2dbaf795998788b4f62/html5/thumbnails/6.jpg)
©2008 Dan Rubin » http://superfluousbanter.org/presentations/2008/
Details Make the Difference Web Design World Boston, 2008
Details define howa design feels.
![Page 7: Details Make the Difference, Web Design World 2008, Boston](https://reader033.vdocuments.us/reader033/viewer/2022051608/5456f2dbaf795998788b4f62/html5/thumbnails/7.jpg)
©2008 Dan Rubin » http://superfluousbanter.org/presentations/2008/
Details Make the Difference Web Design World Boston, 2008
It’s all about balance.
![Page 8: Details Make the Difference, Web Design World 2008, Boston](https://reader033.vdocuments.us/reader033/viewer/2022051608/5456f2dbaf795998788b4f62/html5/thumbnails/8.jpg)
©2008 Dan Rubin » http://superfluousbanter.org/presentations/2008/
Details Make the Difference Web Design World Boston, 2008
Proportion
![Page 9: Details Make the Difference, Web Design World 2008, Boston](https://reader033.vdocuments.us/reader033/viewer/2022051608/5456f2dbaf795998788b4f62/html5/thumbnails/9.jpg)
©2008 Dan Rubin » http://superfluousbanter.org/presentations/2008/
Details Make the Difference Web Design World Boston, 2008
Create patterns for margins and padding.
![Page 10: Details Make the Difference, Web Design World 2008, Boston](https://reader033.vdocuments.us/reader033/viewer/2022051608/5456f2dbaf795998788b4f62/html5/thumbnails/10.jpg)
©2008 Dan Rubin » http://superfluousbanter.org/presentations/2008/
Details Make the Difference Web Design World Boston, 2008
![Page 11: Details Make the Difference, Web Design World 2008, Boston](https://reader033.vdocuments.us/reader033/viewer/2022051608/5456f2dbaf795998788b4f62/html5/thumbnails/11.jpg)
©2008 Dan Rubin » http://superfluousbanter.org/presentations/2008/
Details Make the Difference Web Design World Boston, 2008
CNN.com margins, padding, borders:
6, 12, 18px
![Page 12: Details Make the Difference, Web Design World 2008, Boston](https://reader033.vdocuments.us/reader033/viewer/2022051608/5456f2dbaf795998788b4f62/html5/thumbnails/12.jpg)
©2008 Dan Rubin » http://superfluousbanter.org/presentations/2008/
Details Make the Difference Web Design World Boston, 2008
![Page 13: Details Make the Difference, Web Design World 2008, Boston](https://reader033.vdocuments.us/reader033/viewer/2022051608/5456f2dbaf795998788b4f62/html5/thumbnails/13.jpg)
©2008 Dan Rubin » http://superfluousbanter.org/presentations/2008/
Details Make the Difference Web Design World Boston, 2008
12px
![Page 14: Details Make the Difference, Web Design World 2008, Boston](https://reader033.vdocuments.us/reader033/viewer/2022051608/5456f2dbaf795998788b4f62/html5/thumbnails/14.jpg)
©2008 Dan Rubin » http://superfluousbanter.org/presentations/2008/
Details Make the Difference Web Design World Boston, 2008
12px
12px
![Page 15: Details Make the Difference, Web Design World 2008, Boston](https://reader033.vdocuments.us/reader033/viewer/2022051608/5456f2dbaf795998788b4f62/html5/thumbnails/15.jpg)
©2008 Dan Rubin » http://superfluousbanter.org/presentations/2008/
Details Make the Difference Web Design World Boston, 2008
6px
6px
![Page 16: Details Make the Difference, Web Design World 2008, Boston](https://reader033.vdocuments.us/reader033/viewer/2022051608/5456f2dbaf795998788b4f62/html5/thumbnails/16.jpg)
©2008 Dan Rubin » http://superfluousbanter.org/presentations/2008/
Details Make the Difference Web Design World Boston, 2008
18px
![Page 17: Details Make the Difference, Web Design World 2008, Boston](https://reader033.vdocuments.us/reader033/viewer/2022051608/5456f2dbaf795998788b4f62/html5/thumbnails/17.jpg)
©2008 Dan Rubin » http://superfluousbanter.org/presentations/2008/
Details Make the Difference Web Design World Boston, 2008
p.s. their body copy defaults to 12px
![Page 18: Details Make the Difference, Web Design World 2008, Boston](https://reader033.vdocuments.us/reader033/viewer/2022051608/5456f2dbaf795998788b4f62/html5/thumbnails/18.jpg)
©2008 Dan Rubin » http://superfluousbanter.org/presentations/2008/
Details Make the Difference Web Design World Boston, 2008
Why should we love patterns?
![Page 19: Details Make the Difference, Web Design World 2008, Boston](https://reader033.vdocuments.us/reader033/viewer/2022051608/5456f2dbaf795998788b4f62/html5/thumbnails/19.jpg)
©2008 Dan Rubin » http://superfluousbanter.org/presentations/2008/
Details Make the Difference Web Design World Boston, 2008
Patterns make it easier to do the right thing.
![Page 20: Details Make the Difference, Web Design World 2008, Boston](https://reader033.vdocuments.us/reader033/viewer/2022051608/5456f2dbaf795998788b4f62/html5/thumbnails/20.jpg)
©2008 Dan Rubin » http://superfluousbanter.org/presentations/2008/
Details Make the Difference Web Design World Boston, 2008
![Page 21: Details Make the Difference, Web Design World 2008, Boston](https://reader033.vdocuments.us/reader033/viewer/2022051608/5456f2dbaf795998788b4f62/html5/thumbnails/21.jpg)
©2008 Dan Rubin » http://superfluousbanter.org/presentations/2008/
Details Make the Difference Web Design World Boston, 2008
![Page 22: Details Make the Difference, Web Design World 2008, Boston](https://reader033.vdocuments.us/reader033/viewer/2022051608/5456f2dbaf795998788b4f62/html5/thumbnails/22.jpg)
©2008 Dan Rubin » http://superfluousbanter.org/presentations/2008/
Details Make the Difference Web Design World Boston, 2008
![Page 23: Details Make the Difference, Web Design World 2008, Boston](https://reader033.vdocuments.us/reader033/viewer/2022051608/5456f2dbaf795998788b4f62/html5/thumbnails/23.jpg)
©2008 Dan Rubin » http://superfluousbanter.org/presentations/2008/
Details Make the Difference Web Design World Boston, 2008
Typography
![Page 24: Details Make the Difference, Web Design World 2008, Boston](https://reader033.vdocuments.us/reader033/viewer/2022051608/5456f2dbaf795998788b4f62/html5/thumbnails/24.jpg)
©2008 Dan Rubin » http://superfluousbanter.org/presentations/2008/
Details Make the Difference Web Design World Boston, 2008
Use relative text sizes to create balance.
![Page 25: Details Make the Difference, Web Design World 2008, Boston](https://reader033.vdocuments.us/reader033/viewer/2022051608/5456f2dbaf795998788b4f62/html5/thumbnails/25.jpg)
©2008 Dan Rubin » http://superfluousbanter.org/presentations/2008/
Details Make the Difference Web Design World Boston, 2008
9121518212436
Relative text sizes create balance
Relative text sizes create balance
Relative text sizes create balanceRelative text sizes create balanceRelative text sizes create balanceRelative text sizes create balanceRelative text sizes create balance
![Page 26: Details Make the Difference, Web Design World 2008, Boston](https://reader033.vdocuments.us/reader033/viewer/2022051608/5456f2dbaf795998788b4f62/html5/thumbnails/26.jpg)
©2008 Dan Rubin » http://superfluousbanter.org/presentations/2008/
Details Make the Difference Web Design World Boston, 2008
Range kerning
![Page 27: Details Make the Difference, Web Design World 2008, Boston](https://reader033.vdocuments.us/reader033/viewer/2022051608/5456f2dbaf795998788b4f62/html5/thumbnails/27.jpg)
©2008 Dan Rubin » http://superfluousbanter.org/presentations/2008/
Details Make the Difference Web Design World Boston, 2008
aka “tracking” or “letter-spacing”
![Page 28: Details Make the Difference, Web Design World 2008, Boston](https://reader033.vdocuments.us/reader033/viewer/2022051608/5456f2dbaf795998788b4f62/html5/thumbnails/28.jpg)
©2008 Dan Rubin » http://superfluousbanter.org/presentations/2008/
Details Make the Difference Web Design World Boston, 2008
![Page 29: Details Make the Difference, Web Design World 2008, Boston](https://reader033.vdocuments.us/reader033/viewer/2022051608/5456f2dbaf795998788b4f62/html5/thumbnails/29.jpg)
©2008 Dan Rubin » http://superfluousbanter.org/presentations/2008/
Details Make the Difference Web Design World Boston, 2008
![Page 30: Details Make the Difference, Web Design World 2008, Boston](https://reader033.vdocuments.us/reader033/viewer/2022051608/5456f2dbaf795998788b4f62/html5/thumbnails/30.jpg)
©2008 Dan Rubin » http://superfluousbanter.org/presentations/2008/
Details Make the Difference Web Design World Boston, 2008
Pretty Type
![Page 31: Details Make the Difference, Web Design World 2008, Boston](https://reader033.vdocuments.us/reader033/viewer/2022051608/5456f2dbaf795998788b4f62/html5/thumbnails/31.jpg)
©2008 Dan Rubin » http://superfluousbanter.org/presentations/2008/
Details Make the Difference Web Design World Boston, 2008
Don’t be afraidto experiment.
![Page 32: Details Make the Difference, Web Design World 2008, Boston](https://reader033.vdocuments.us/reader033/viewer/2022051608/5456f2dbaf795998788b4f62/html5/thumbnails/32.jpg)
©2008 Dan Rubin » http://superfluousbanter.org/presentations/2008/
Details Make the Difference Web Design World Boston, 2008
Gradient Overlay: White to Black, 20% OpacityStroke: White, 5px, 20% OpacityInner Glow: White, Screen, 5px, 60% Opacity
![Page 33: Details Make the Difference, Web Design World 2008, Boston](https://reader033.vdocuments.us/reader033/viewer/2022051608/5456f2dbaf795998788b4f62/html5/thumbnails/33.jpg)
©2008 Dan Rubin » http://superfluousbanter.org/presentations/2008/
Details Make the Difference Web Design World Boston, 2008
Grids
![Page 34: Details Make the Difference, Web Design World 2008, Boston](https://reader033.vdocuments.us/reader033/viewer/2022051608/5456f2dbaf795998788b4f62/html5/thumbnails/34.jpg)
©2008 Dan Rubin » http://superfluousbanter.org/presentations/2008/
Details Make the Difference Web Design World Boston, 2008
Using grids removes the guesswork.
![Page 35: Details Make the Difference, Web Design World 2008, Boston](https://reader033.vdocuments.us/reader033/viewer/2022051608/5456f2dbaf795998788b4f62/html5/thumbnails/35.jpg)
©2008 Dan Rubin » http://superfluousbanter.org/presentations/2008/
Details Make the Difference Web Design World Boston, 2008
Grids are just anothersimple pattern.
![Page 36: Details Make the Difference, Web Design World 2008, Boston](https://reader033.vdocuments.us/reader033/viewer/2022051608/5456f2dbaf795998788b4f62/html5/thumbnails/36.jpg)
©2008 Dan Rubin » http://superfluousbanter.org/presentations/2008/
Details Make the Difference Web Design World Boston, 2008
![Page 37: Details Make the Difference, Web Design World 2008, Boston](https://reader033.vdocuments.us/reader033/viewer/2022051608/5456f2dbaf795998788b4f62/html5/thumbnails/37.jpg)
©2008 Dan Rubin » http://superfluousbanter.org/presentations/2008/
Details Make the Difference Web Design World Boston, 2008
![Page 38: Details Make the Difference, Web Design World 2008, Boston](https://reader033.vdocuments.us/reader033/viewer/2022051608/5456f2dbaf795998788b4f62/html5/thumbnails/38.jpg)
©2008 Dan Rubin » http://superfluousbanter.org/presentations/2008/
Details Make the Difference Web Design World Boston, 2008
![Page 39: Details Make the Difference, Web Design World 2008, Boston](https://reader033.vdocuments.us/reader033/viewer/2022051608/5456f2dbaf795998788b4f62/html5/thumbnails/39.jpg)
©2008 Dan Rubin » http://superfluousbanter.org/presentations/2008/
Details Make the Difference Web Design World Boston, 2008
![Page 40: Details Make the Difference, Web Design World 2008, Boston](https://reader033.vdocuments.us/reader033/viewer/2022051608/5456f2dbaf795998788b4f62/html5/thumbnails/40.jpg)
©2008 Dan Rubin » http://superfluousbanter.org/presentations/2008/
Details Make the Difference Web Design World Boston, 2008
![Page 41: Details Make the Difference, Web Design World 2008, Boston](https://reader033.vdocuments.us/reader033/viewer/2022051608/5456f2dbaf795998788b4f62/html5/thumbnails/41.jpg)
©2008 Dan Rubin » http://superfluousbanter.org/presentations/2008/
Details Make the Difference Web Design World Boston, 2008
![Page 42: Details Make the Difference, Web Design World 2008, Boston](https://reader033.vdocuments.us/reader033/viewer/2022051608/5456f2dbaf795998788b4f62/html5/thumbnails/42.jpg)
©2008 Dan Rubin » http://superfluousbanter.org/presentations/2008/
Details Make the Difference Web Design World Boston, 2008
Grid = Boxbreak out of it.
![Page 43: Details Make the Difference, Web Design World 2008, Boston](https://reader033.vdocuments.us/reader033/viewer/2022051608/5456f2dbaf795998788b4f62/html5/thumbnails/43.jpg)
©2008 Dan Rubin » http://superfluousbanter.org/presentations/2008/
Details Make the Difference Web Design World Boston, 2008
Remember, grids are just helpful guides.
![Page 44: Details Make the Difference, Web Design World 2008, Boston](https://reader033.vdocuments.us/reader033/viewer/2022051608/5456f2dbaf795998788b4f62/html5/thumbnails/44.jpg)
©2008 Dan Rubin » http://superfluousbanter.org/presentations/2008/
Details Make the Difference Web Design World Boston, 2008
![Page 45: Details Make the Difference, Web Design World 2008, Boston](https://reader033.vdocuments.us/reader033/viewer/2022051608/5456f2dbaf795998788b4f62/html5/thumbnails/45.jpg)
©2008 Dan Rubin » http://superfluousbanter.org/presentations/2008/
Details Make the Difference Web Design World Boston, 2008
![Page 46: Details Make the Difference, Web Design World 2008, Boston](https://reader033.vdocuments.us/reader033/viewer/2022051608/5456f2dbaf795998788b4f62/html5/thumbnails/46.jpg)
©2008 Dan Rubin » http://superfluousbanter.org/presentations/2008/
Details Make the Difference Web Design World Boston, 2008
![Page 47: Details Make the Difference, Web Design World 2008, Boston](https://reader033.vdocuments.us/reader033/viewer/2022051608/5456f2dbaf795998788b4f62/html5/thumbnails/47.jpg)
©2008 Dan Rubin » http://superfluousbanter.org/presentations/2008/
Details Make the Difference Web Design World Boston, 2008
![Page 48: Details Make the Difference, Web Design World 2008, Boston](https://reader033.vdocuments.us/reader033/viewer/2022051608/5456f2dbaf795998788b4f62/html5/thumbnails/48.jpg)
©2008 Dan Rubin » http://superfluousbanter.org/presentations/2008/
Details Make the Difference Web Design World Boston, 2008
![Page 49: Details Make the Difference, Web Design World 2008, Boston](https://reader033.vdocuments.us/reader033/viewer/2022051608/5456f2dbaf795998788b4f62/html5/thumbnails/49.jpg)
©2008 Dan Rubin » http://superfluousbanter.org/presentations/2008/
Details Make the Difference Web Design World Boston, 2008
![Page 50: Details Make the Difference, Web Design World 2008, Boston](https://reader033.vdocuments.us/reader033/viewer/2022051608/5456f2dbaf795998788b4f62/html5/thumbnails/50.jpg)
©2008 Dan Rubin » http://superfluousbanter.org/presentations/2008/
Details Make the Difference Web Design World Boston, 2008
![Page 51: Details Make the Difference, Web Design World 2008, Boston](https://reader033.vdocuments.us/reader033/viewer/2022051608/5456f2dbaf795998788b4f62/html5/thumbnails/51.jpg)
©2008 Dan Rubin » http://superfluousbanter.org/presentations/2008/
Details Make the Difference Web Design World Boston, 2008
![Page 52: Details Make the Difference, Web Design World 2008, Boston](https://reader033.vdocuments.us/reader033/viewer/2022051608/5456f2dbaf795998788b4f62/html5/thumbnails/52.jpg)
©2008 Dan Rubin » http://superfluousbanter.org/presentations/2008/
Details Make the Difference Web Design World Boston, 2008
![Page 53: Details Make the Difference, Web Design World 2008, Boston](https://reader033.vdocuments.us/reader033/viewer/2022051608/5456f2dbaf795998788b4f62/html5/thumbnails/53.jpg)
©2008 Dan Rubin » http://superfluousbanter.org/presentations/2008/
Details Make the Difference Web Design World Boston, 2008
Texture
![Page 54: Details Make the Difference, Web Design World 2008, Boston](https://reader033.vdocuments.us/reader033/viewer/2022051608/5456f2dbaf795998788b4f62/html5/thumbnails/54.jpg)
©2008 Dan Rubin » http://superfluousbanter.org/presentations/2008/
Details Make the Difference Web Design World Boston, 2008
Reality is rarelysmooth.
![Page 55: Details Make the Difference, Web Design World 2008, Boston](https://reader033.vdocuments.us/reader033/viewer/2022051608/5456f2dbaf795998788b4f62/html5/thumbnails/55.jpg)
©2008 Dan Rubin » http://superfluousbanter.org/presentations/2008/
Details Make the Difference Web Design World Boston, 2008
Add subtle textureto your designs.
![Page 56: Details Make the Difference, Web Design World 2008, Boston](https://reader033.vdocuments.us/reader033/viewer/2022051608/5456f2dbaf795998788b4f62/html5/thumbnails/56.jpg)
©2008 Dan Rubin » http://superfluousbanter.org/presentations/2008/
Details Make the Difference Web Design World Boston, 2008
![Page 57: Details Make the Difference, Web Design World 2008, Boston](https://reader033.vdocuments.us/reader033/viewer/2022051608/5456f2dbaf795998788b4f62/html5/thumbnails/57.jpg)
©2008 Dan Rubin » http://superfluousbanter.org/presentations/2008/
Details Make the Difference Web Design World Boston, 2008
![Page 58: Details Make the Difference, Web Design World 2008, Boston](https://reader033.vdocuments.us/reader033/viewer/2022051608/5456f2dbaf795998788b4f62/html5/thumbnails/58.jpg)
©2008 Dan Rubin » http://superfluousbanter.org/presentations/2008/
Details Make the Difference Web Design World Boston, 2008
![Page 59: Details Make the Difference, Web Design World 2008, Boston](https://reader033.vdocuments.us/reader033/viewer/2022051608/5456f2dbaf795998788b4f62/html5/thumbnails/59.jpg)
©2008 Dan Rubin » http://superfluousbanter.org/presentations/2008/
Details Make the Difference Web Design World Boston, 2008
![Page 60: Details Make the Difference, Web Design World 2008, Boston](https://reader033.vdocuments.us/reader033/viewer/2022051608/5456f2dbaf795998788b4f62/html5/thumbnails/60.jpg)
©2008 Dan Rubin » http://superfluousbanter.org/presentations/2008/
Details Make the Difference Web Design World Boston, 2008
Lines & Gradients
![Page 61: Details Make the Difference, Web Design World 2008, Boston](https://reader033.vdocuments.us/reader033/viewer/2022051608/5456f2dbaf795998788b4f62/html5/thumbnails/61.jpg)
©2008 Dan Rubin » http://superfluousbanter.org/presentations/2008/
Details Make the Difference Web Design World Boston, 2008
![Page 62: Details Make the Difference, Web Design World 2008, Boston](https://reader033.vdocuments.us/reader033/viewer/2022051608/5456f2dbaf795998788b4f62/html5/thumbnails/62.jpg)
©2008 Dan Rubin » http://superfluousbanter.org/presentations/2008/
Details Make the Difference Web Design World Boston, 2008
![Page 63: Details Make the Difference, Web Design World 2008, Boston](https://reader033.vdocuments.us/reader033/viewer/2022051608/5456f2dbaf795998788b4f62/html5/thumbnails/63.jpg)
©2008 Dan Rubin » http://superfluousbanter.org/presentations/2008/
Details Make the Difference Web Design World Boston, 2008
![Page 64: Details Make the Difference, Web Design World 2008, Boston](https://reader033.vdocuments.us/reader033/viewer/2022051608/5456f2dbaf795998788b4f62/html5/thumbnails/64.jpg)
©2008 Dan Rubin » http://superfluousbanter.org/presentations/2008/
Details Make the Difference Web Design World Boston, 2008
Layer Styles
![Page 65: Details Make the Difference, Web Design World 2008, Boston](https://reader033.vdocuments.us/reader033/viewer/2022051608/5456f2dbaf795998788b4f62/html5/thumbnails/65.jpg)
©2008 Dan Rubin » http://superfluousbanter.org/presentations/2008/
Details Make the Difference Web Design World Boston, 2008
Layer Styles(patterns strike again)
![Page 66: Details Make the Difference, Web Design World 2008, Boston](https://reader033.vdocuments.us/reader033/viewer/2022051608/5456f2dbaf795998788b4f62/html5/thumbnails/66.jpg)
©2008 Dan Rubin » http://superfluousbanter.org/presentations/2008/
Details Make the Difference Web Design World Boston, 2008
![Page 67: Details Make the Difference, Web Design World 2008, Boston](https://reader033.vdocuments.us/reader033/viewer/2022051608/5456f2dbaf795998788b4f62/html5/thumbnails/67.jpg)
©2008 Dan Rubin » http://superfluousbanter.org/presentations/2008/
Details Make the Difference Web Design World Boston, 2008
![Page 68: Details Make the Difference, Web Design World 2008, Boston](https://reader033.vdocuments.us/reader033/viewer/2022051608/5456f2dbaf795998788b4f62/html5/thumbnails/68.jpg)
©2008 Dan Rubin » http://superfluousbanter.org/presentations/2008/
Details Make the Difference Web Design World Boston, 2008
Tactile
![Page 69: Details Make the Difference, Web Design World 2008, Boston](https://reader033.vdocuments.us/reader033/viewer/2022051608/5456f2dbaf795998788b4f62/html5/thumbnails/69.jpg)
©2008 Dan Rubin » http://superfluousbanter.org/presentations/2008/
Details Make the Difference Web Design World Boston, 2008
Invite peopleto touch your GUI.
![Page 70: Details Make the Difference, Web Design World 2008, Boston](https://reader033.vdocuments.us/reader033/viewer/2022051608/5456f2dbaf795998788b4f62/html5/thumbnails/70.jpg)
©2008 Dan Rubin » http://superfluousbanter.org/presentations/2008/
Details Make the Difference Web Design World Boston, 2008
![Page 71: Details Make the Difference, Web Design World 2008, Boston](https://reader033.vdocuments.us/reader033/viewer/2022051608/5456f2dbaf795998788b4f62/html5/thumbnails/71.jpg)
©2008 Dan Rubin » http://superfluousbanter.org/presentations/2008/
Details Make the Difference Web Design World Boston, 2008
![Page 72: Details Make the Difference, Web Design World 2008, Boston](https://reader033.vdocuments.us/reader033/viewer/2022051608/5456f2dbaf795998788b4f62/html5/thumbnails/72.jpg)
©2008 Dan Rubin » http://superfluousbanter.org/presentations/2008/
Details Make the Difference Web Design World Boston, 2008
Depth
![Page 73: Details Make the Difference, Web Design World 2008, Boston](https://reader033.vdocuments.us/reader033/viewer/2022051608/5456f2dbaf795998788b4f62/html5/thumbnails/73.jpg)
©2008 Dan Rubin » http://superfluousbanter.org/presentations/2008/
Details Make the Difference Web Design World Boston, 2008
Add dimension to improve recognition.
![Page 74: Details Make the Difference, Web Design World 2008, Boston](https://reader033.vdocuments.us/reader033/viewer/2022051608/5456f2dbaf795998788b4f62/html5/thumbnails/74.jpg)
©2008 Dan Rubin » http://superfluousbanter.org/presentations/2008/
Details Make the Difference Web Design World Boston, 2008
![Page 75: Details Make the Difference, Web Design World 2008, Boston](https://reader033.vdocuments.us/reader033/viewer/2022051608/5456f2dbaf795998788b4f62/html5/thumbnails/75.jpg)
©2008 Dan Rubin » http://superfluousbanter.org/presentations/2008/
Details Make the Difference Web Design World Boston, 2008
Light Effects
![Page 76: Details Make the Difference, Web Design World 2008, Boston](https://reader033.vdocuments.us/reader033/viewer/2022051608/5456f2dbaf795998788b4f62/html5/thumbnails/76.jpg)
©2008 Dan Rubin » http://superfluousbanter.org/presentations/2008/
Details Make the Difference Web Design World Boston, 2008
![Page 77: Details Make the Difference, Web Design World 2008, Boston](https://reader033.vdocuments.us/reader033/viewer/2022051608/5456f2dbaf795998788b4f62/html5/thumbnails/77.jpg)
©2008 Dan Rubin » http://superfluousbanter.org/presentations/2008/
Details Make the Difference Web Design World Boston, 2008
Almost any imagecan create an effect.
![Page 78: Details Make the Difference, Web Design World 2008, Boston](https://reader033.vdocuments.us/reader033/viewer/2022051608/5456f2dbaf795998788b4f62/html5/thumbnails/78.jpg)
©2008 Dan Rubin » http://superfluousbanter.org/presentations/2008/
Details Make the Difference Web Design World Boston, 2008
Photo: sxc.hu #1005399
![Page 79: Details Make the Difference, Web Design World 2008, Boston](https://reader033.vdocuments.us/reader033/viewer/2022051608/5456f2dbaf795998788b4f62/html5/thumbnails/79.jpg)
©2008 Dan Rubin » http://superfluousbanter.org/presentations/2008/
Details Make the Difference Web Design World Boston, 2008
![Page 80: Details Make the Difference, Web Design World 2008, Boston](https://reader033.vdocuments.us/reader033/viewer/2022051608/5456f2dbaf795998788b4f62/html5/thumbnails/80.jpg)
©2008 Dan Rubin » http://superfluousbanter.org/presentations/2008/
Details Make the Difference Web Design World Boston, 2008
![Page 81: Details Make the Difference, Web Design World 2008, Boston](https://reader033.vdocuments.us/reader033/viewer/2022051608/5456f2dbaf795998788b4f62/html5/thumbnails/81.jpg)
©2008 Dan Rubin » http://superfluousbanter.org/presentations/2008/
Details Make the Difference Web Design World Boston, 2008
![Page 82: Details Make the Difference, Web Design World 2008, Boston](https://reader033.vdocuments.us/reader033/viewer/2022051608/5456f2dbaf795998788b4f62/html5/thumbnails/82.jpg)
©2008 Dan Rubin » http://superfluousbanter.org/presentations/2008/
Details Make the Difference Web Design World Boston, 2008
Darken
![Page 83: Details Make the Difference, Web Design World 2008, Boston](https://reader033.vdocuments.us/reader033/viewer/2022051608/5456f2dbaf795998788b4f62/html5/thumbnails/83.jpg)
©2008 Dan Rubin » http://superfluousbanter.org/presentations/2008/
Details Make the Difference Web Design World Boston, 2008
Multiply
![Page 84: Details Make the Difference, Web Design World 2008, Boston](https://reader033.vdocuments.us/reader033/viewer/2022051608/5456f2dbaf795998788b4f62/html5/thumbnails/84.jpg)
©2008 Dan Rubin » http://superfluousbanter.org/presentations/2008/
Details Make the Difference Web Design World Boston, 2008
Luminosity
![Page 85: Details Make the Difference, Web Design World 2008, Boston](https://reader033.vdocuments.us/reader033/viewer/2022051608/5456f2dbaf795998788b4f62/html5/thumbnails/85.jpg)
©2008 Dan Rubin » http://superfluousbanter.org/presentations/2008/
Details Make the Difference Web Design World Boston, 2008
Putting it to use
![Page 86: Details Make the Difference, Web Design World 2008, Boston](https://reader033.vdocuments.us/reader033/viewer/2022051608/5456f2dbaf795998788b4f62/html5/thumbnails/86.jpg)
©2008 Dan Rubin » http://superfluousbanter.org/presentations/2008/
Details Make the Difference Web Design World Boston, 2008
Fixing Fox.
![Page 87: Details Make the Difference, Web Design World 2008, Boston](https://reader033.vdocuments.us/reader033/viewer/2022051608/5456f2dbaf795998788b4f62/html5/thumbnails/87.jpg)
©2008 Dan Rubin » http://superfluousbanter.org/presentations/2008/
Details Make the Difference Web Design World Boston, 2008
![Page 88: Details Make the Difference, Web Design World 2008, Boston](https://reader033.vdocuments.us/reader033/viewer/2022051608/5456f2dbaf795998788b4f62/html5/thumbnails/88.jpg)
©2008 Dan Rubin » http://superfluousbanter.org/presentations/2008/
Details Make the Difference Web Design World Boston, 2008
![Page 89: Details Make the Difference, Web Design World 2008, Boston](https://reader033.vdocuments.us/reader033/viewer/2022051608/5456f2dbaf795998788b4f62/html5/thumbnails/89.jpg)
©2008 Dan Rubin » http://superfluousbanter.org/presentations/2008/
Details Make the Difference Web Design World Boston, 2008
But wait,there’s more...
![Page 90: Details Make the Difference, Web Design World 2008, Boston](https://reader033.vdocuments.us/reader033/viewer/2022051608/5456f2dbaf795998788b4f62/html5/thumbnails/90.jpg)
©2008 Dan Rubin » http://superfluousbanter.org/presentations/2008/
Details Make the Difference Web Design World Boston, 2008
![Page 91: Details Make the Difference, Web Design World 2008, Boston](https://reader033.vdocuments.us/reader033/viewer/2022051608/5456f2dbaf795998788b4f62/html5/thumbnails/91.jpg)
©2008 Dan Rubin » http://superfluousbanter.org/presentations/2008/
Details Make the Difference Web Design World Boston, 2008
![Page 92: Details Make the Difference, Web Design World 2008, Boston](https://reader033.vdocuments.us/reader033/viewer/2022051608/5456f2dbaf795998788b4f62/html5/thumbnails/92.jpg)
©2008 Dan Rubin » http://superfluousbanter.org/presentations/2008/
Details Make the Difference Web Design World Boston, 2008
![Page 93: Details Make the Difference, Web Design World 2008, Boston](https://reader033.vdocuments.us/reader033/viewer/2022051608/5456f2dbaf795998788b4f62/html5/thumbnails/93.jpg)
©2008 Dan Rubin » http://superfluousbanter.org/presentations/2008/
Details Make the Difference Web Design World Boston, 2008
![Page 94: Details Make the Difference, Web Design World 2008, Boston](https://reader033.vdocuments.us/reader033/viewer/2022051608/5456f2dbaf795998788b4f62/html5/thumbnails/94.jpg)
©2008 Dan Rubin » http://superfluousbanter.org/presentations/2008/
Details Make the Difference Web Design World Boston, 2008
![Page 95: Details Make the Difference, Web Design World 2008, Boston](https://reader033.vdocuments.us/reader033/viewer/2022051608/5456f2dbaf795998788b4f62/html5/thumbnails/95.jpg)
©2008 Dan Rubin » http://superfluousbanter.org/presentations/2008/
Details Make the Difference Web Design World Boston, 2008
http://superfluousbanter.org/presentations/2008/
(download the slides here)
![Page 96: Details Make the Difference, Web Design World 2008, Boston](https://reader033.vdocuments.us/reader033/viewer/2022051608/5456f2dbaf795998788b4f62/html5/thumbnails/96.jpg)
©2008 Dan Rubin » http://superfluousbanter.org/presentations/2008/
Details Make the Difference Web Design World Boston, 2008
Q&A