design is in the details
DESCRIPTION
Design is in the Details is a presentation that is dedicated to showing you that the small things really do matter in design. My colleague Dan Rubin and I compare CNN and Fox News, showing how subtleties in padding, spacing and even contrast can make any site look more professional. We end with tips and tricks that we use on a daily basis and a reveal of a quick redesign of Fox News done especially for the presentation. This goes well with the WebVisions 2008 podcast of the same name (once they release it at webvisionsevent.com).TRANSCRIPT
![Page 1: Design Is In The Details](https://reader033.vdocument.in/reader033/viewer/2022060117/5584eea3d8b42a73618b4bdd/html5/thumbnails/1.jpg)
DESIGNIS IN THEDETAILS
Bryan Veloso & Dan Rubin
S01
![Page 2: Design Is In The Details](https://reader033.vdocument.in/reader033/viewer/2022060117/5584eea3d8b42a73618b4bdd/html5/thumbnails/2.jpg)
HI! I’MBRYANO_o;
Introduction
S02
![Page 3: Design Is In The Details](https://reader033.vdocument.in/reader033/viewer/2022060117/5584eea3d8b42a73618b4bdd/html5/thumbnails/3.jpg)
Introduction
S03
![Page 4: Design Is In The Details](https://reader033.vdocument.in/reader033/viewer/2022060117/5584eea3d8b42a73618b4bdd/html5/thumbnails/4.jpg)
AND I’MDAN¬_¬;
Introduction
S04
![Page 5: Design Is In The Details](https://reader033.vdocument.in/reader033/viewer/2022060117/5584eea3d8b42a73618b4bdd/html5/thumbnails/5.jpg)
Introduction
S05
![Page 6: Design Is In The Details](https://reader033.vdocument.in/reader033/viewer/2022060117/5584eea3d8b42a73618b4bdd/html5/thumbnails/6.jpg)
WHY AREWE HERE?
Introduction
S06
![Page 7: Design Is In The Details](https://reader033.vdocument.in/reader033/viewer/2022060117/5584eea3d8b42a73618b4bdd/html5/thumbnails/7.jpg)
SMALLTHINGSMATTER
Introduction
S07
![Page 8: Design Is In The Details](https://reader033.vdocument.in/reader033/viewer/2022060117/5584eea3d8b42a73618b4bdd/html5/thumbnails/8.jpg)
WHAT THISIS NOT:
Introduction
S08
![Page 9: Design Is In The Details](https://reader033.vdocument.in/reader033/viewer/2022060117/5584eea3d8b42a73618b4bdd/html5/thumbnails/9.jpg)
WHATYOU’LLLEARN:
Introduction
S09
![Page 10: Design Is In The Details](https://reader033.vdocument.in/reader033/viewer/2022060117/5584eea3d8b42a73618b4bdd/html5/thumbnails/10.jpg)
LAYOUT,TYPE &PIXELS
Introduction
S10
![Page 11: Design Is In The Details](https://reader033.vdocument.in/reader033/viewer/2022060117/5584eea3d8b42a73618b4bdd/html5/thumbnails/11.jpg)
LET YOURLAYOUTBREATHE
Demonstration
S11
![Page 12: Design Is In The Details](https://reader033.vdocument.in/reader033/viewer/2022060117/5584eea3d8b42a73618b4bdd/html5/thumbnails/12.jpg)
Demonstration
S12
![Page 13: Design Is In The Details](https://reader033.vdocument.in/reader033/viewer/2022060117/5584eea3d8b42a73618b4bdd/html5/thumbnails/13.jpg)
Demonstration
S13
![Page 14: Design Is In The Details](https://reader033.vdocument.in/reader033/viewer/2022060117/5584eea3d8b42a73618b4bdd/html5/thumbnails/14.jpg)
Demonstration
S14
![Page 15: Design Is In The Details](https://reader033.vdocument.in/reader033/viewer/2022060117/5584eea3d8b42a73618b4bdd/html5/thumbnails/15.jpg)
Demonstration
S15
![Page 16: Design Is In The Details](https://reader033.vdocument.in/reader033/viewer/2022060117/5584eea3d8b42a73618b4bdd/html5/thumbnails/16.jpg)
Demonstration
S16
![Page 17: Design Is In The Details](https://reader033.vdocument.in/reader033/viewer/2022060117/5584eea3d8b42a73618b4bdd/html5/thumbnails/17.jpg)
Demonstration
S17
![Page 18: Design Is In The Details](https://reader033.vdocument.in/reader033/viewer/2022060117/5584eea3d8b42a73618b4bdd/html5/thumbnails/18.jpg)
Demonstration
S18
![Page 19: Design Is In The Details](https://reader033.vdocument.in/reader033/viewer/2022060117/5584eea3d8b42a73618b4bdd/html5/thumbnails/19.jpg)
Demonstration
S19
![Page 20: Design Is In The Details](https://reader033.vdocument.in/reader033/viewer/2022060117/5584eea3d8b42a73618b4bdd/html5/thumbnails/20.jpg)
NOWLET’SCOMPARE
Demonstration
S20
![Page 21: Design Is In The Details](https://reader033.vdocument.in/reader033/viewer/2022060117/5584eea3d8b42a73618b4bdd/html5/thumbnails/21.jpg)
Demonstration
S21
![Page 22: Design Is In The Details](https://reader033.vdocument.in/reader033/viewer/2022060117/5584eea3d8b42a73618b4bdd/html5/thumbnails/22.jpg)
Demonstration
S22
![Page 23: Design Is In The Details](https://reader033.vdocument.in/reader033/viewer/2022060117/5584eea3d8b42a73618b4bdd/html5/thumbnails/23.jpg)
Demonstration
S23
![Page 24: Design Is In The Details](https://reader033.vdocument.in/reader033/viewer/2022060117/5584eea3d8b42a73618b4bdd/html5/thumbnails/24.jpg)
USERANGEKERNING
Demonstration
S24
![Page 25: Design Is In The Details](https://reader033.vdocument.in/reader033/viewer/2022060117/5584eea3d8b42a73618b4bdd/html5/thumbnails/25.jpg)
Demonstration
S25
![Page 26: Design Is In The Details](https://reader033.vdocument.in/reader033/viewer/2022060117/5584eea3d8b42a73618b4bdd/html5/thumbnails/26.jpg)
Demonstration
S26
![Page 27: Design Is In The Details](https://reader033.vdocument.in/reader033/viewer/2022060117/5584eea3d8b42a73618b4bdd/html5/thumbnails/27.jpg)
SIGNAL ANDNOISE
Demonstration
S27
![Page 28: Design Is In The Details](https://reader033.vdocument.in/reader033/viewer/2022060117/5584eea3d8b42a73618b4bdd/html5/thumbnails/28.jpg)
SIGNAL ANDNOISE
Demonstration
S28
![Page 29: Design Is In The Details](https://reader033.vdocument.in/reader033/viewer/2022060117/5584eea3d8b42a73618b4bdd/html5/thumbnails/29.jpg)
Demonstration
S29
![Page 30: Design Is In The Details](https://reader033.vdocument.in/reader033/viewer/2022060117/5584eea3d8b42a73618b4bdd/html5/thumbnails/30.jpg)
WHENBLACKISN’T
Demonstration
S30
![Page 31: Design Is In The Details](https://reader033.vdocument.in/reader033/viewer/2022060117/5584eea3d8b42a73618b4bdd/html5/thumbnails/31.jpg)
USE YOUREYES
Demonstration
S31
![Page 32: Design Is In The Details](https://reader033.vdocument.in/reader033/viewer/2022060117/5584eea3d8b42a73618b4bdd/html5/thumbnails/32.jpg)
SRSLY,USE UREYES
Demonstration
S32
![Page 33: Design Is In The Details](https://reader033.vdocument.in/reader033/viewer/2022060117/5584eea3d8b42a73618b4bdd/html5/thumbnails/33.jpg)
Demonstration
S33
![Page 34: Design Is In The Details](https://reader033.vdocument.in/reader033/viewer/2022060117/5584eea3d8b42a73618b4bdd/html5/thumbnails/34.jpg)
FLAT IS BORING
Demonstration
S34
![Page 35: Design Is In The Details](https://reader033.vdocument.in/reader033/viewer/2022060117/5584eea3d8b42a73618b4bdd/html5/thumbnails/35.jpg)
DEPTHHAPPENS
Demonstration
S35
![Page 36: Design Is In The Details](https://reader033.vdocument.in/reader033/viewer/2022060117/5584eea3d8b42a73618b4bdd/html5/thumbnails/36.jpg)
LIGHTVS.DARK
Demonstration
S36
![Page 37: Design Is In The Details](https://reader033.vdocument.in/reader033/viewer/2022060117/5584eea3d8b42a73618b4bdd/html5/thumbnails/37.jpg)
MINT SCREEN
Demonstration
S37
![Page 38: Design Is In The Details](https://reader033.vdocument.in/reader033/viewer/2022060117/5584eea3d8b42a73618b4bdd/html5/thumbnails/38.jpg)
MINT SCREEN
Demonstration
S38
![Page 39: Design Is In The Details](https://reader033.vdocument.in/reader033/viewer/2022060117/5584eea3d8b42a73618b4bdd/html5/thumbnails/39.jpg)
MINT SCREEN
Demonstration
S39
![Page 40: Design Is In The Details](https://reader033.vdocument.in/reader033/viewer/2022060117/5584eea3d8b42a73618b4bdd/html5/thumbnails/40.jpg)
Demonstration
S40
![Page 41: Design Is In The Details](https://reader033.vdocument.in/reader033/viewer/2022060117/5584eea3d8b42a73618b4bdd/html5/thumbnails/41.jpg)
PIXEL**CKING
Demonstration
S41
![Page 42: Design Is In The Details](https://reader033.vdocument.in/reader033/viewer/2022060117/5584eea3d8b42a73618b4bdd/html5/thumbnails/42.jpg)
PIXELHACKING
Demonstration
S42
![Page 43: Design Is In The Details](https://reader033.vdocument.in/reader033/viewer/2022060117/5584eea3d8b42a73618b4bdd/html5/thumbnails/43.jpg)
MOAR SCREENS
Demonstration
S43
![Page 44: Design Is In The Details](https://reader033.vdocument.in/reader033/viewer/2022060117/5584eea3d8b42a73618b4bdd/html5/thumbnails/44.jpg)
Demonstration
S44
![Page 45: Design Is In The Details](https://reader033.vdocument.in/reader033/viewer/2022060117/5584eea3d8b42a73618b4bdd/html5/thumbnails/45.jpg)
Demonstration
S45
![Page 46: Design Is In The Details](https://reader033.vdocument.in/reader033/viewer/2022060117/5584eea3d8b42a73618b4bdd/html5/thumbnails/46.jpg)
Demonstration
S46
![Page 47: Design Is In The Details](https://reader033.vdocument.in/reader033/viewer/2022060117/5584eea3d8b42a73618b4bdd/html5/thumbnails/47.jpg)
MOAR SCREENS
Demonstration
S47
![Page 48: Design Is In The Details](https://reader033.vdocument.in/reader033/viewer/2022060117/5584eea3d8b42a73618b4bdd/html5/thumbnails/48.jpg)
MOAR SCREENS
Demonstration
S48
![Page 49: Design Is In The Details](https://reader033.vdocument.in/reader033/viewer/2022060117/5584eea3d8b42a73618b4bdd/html5/thumbnails/49.jpg)
MOAR SCREENS
Demonstration
S49
![Page 50: Design Is In The Details](https://reader033.vdocument.in/reader033/viewer/2022060117/5584eea3d8b42a73618b4bdd/html5/thumbnails/50.jpg)
KNOWWHEN TOQUIT
Demonstration
S50
![Page 51: Design Is In The Details](https://reader033.vdocument.in/reader033/viewer/2022060117/5584eea3d8b42a73618b4bdd/html5/thumbnails/51.jpg)
SPACING, SPACING
Education
S51
![Page 52: Design Is In The Details](https://reader033.vdocument.in/reader033/viewer/2022060117/5584eea3d8b42a73618b4bdd/html5/thumbnails/52.jpg)
BORDERPATROL
Education
S52
![Page 53: Design Is In The Details](https://reader033.vdocument.in/reader033/viewer/2022060117/5584eea3d8b42a73618b4bdd/html5/thumbnails/53.jpg)
SIMPLE CONTENT SPACING
Education
S53
![Page 54: Design Is In The Details](https://reader033.vdocument.in/reader033/viewer/2022060117/5584eea3d8b42a73618b4bdd/html5/thumbnails/54.jpg)
THE RULE OF TEN
Education
S54
![Page 55: Design Is In The Details](https://reader033.vdocument.in/reader033/viewer/2022060117/5584eea3d8b42a73618b4bdd/html5/thumbnails/55.jpg)
SUPER-FLUOUS DETAILS
Education
S55
![Page 56: Design Is In The Details](https://reader033.vdocument.in/reader033/viewer/2022060117/5584eea3d8b42a73618b4bdd/html5/thumbnails/56.jpg)
TIPS & SHORT-CUTS
Education
S56
![Page 57: Design Is In The Details](https://reader033.vdocument.in/reader033/viewer/2022060117/5584eea3d8b42a73618b4bdd/html5/thumbnails/57.jpg)
Education
S57
![Page 58: Design Is In The Details](https://reader033.vdocument.in/reader033/viewer/2022060117/5584eea3d8b42a73618b4bdd/html5/thumbnails/58.jpg)
SHIFT+ARROW(←↑→↓)
Education
S58
![Page 59: Design Is In The Details](https://reader033.vdocument.in/reader033/viewer/2022060117/5584eea3d8b42a73618b4bdd/html5/thumbnails/59.jpg)
LAYERBLENDINGMODES
Education
S59
![Page 60: Design Is In The Details](https://reader033.vdocument.in/reader033/viewer/2022060117/5584eea3d8b42a73618b4bdd/html5/thumbnails/60.jpg)
MOAR LAYER HACKING
Education
S60
![Page 61: Design Is In The Details](https://reader033.vdocument.in/reader033/viewer/2022060117/5584eea3d8b42a73618b4bdd/html5/thumbnails/61.jpg)
⌘+⇧+C=COPY MERGED
Education
S61
![Page 62: Design Is In The Details](https://reader033.vdocument.in/reader033/viewer/2022060117/5584eea3d8b42a73618b4bdd/html5/thumbnails/62.jpg)
THEREVEAL
Education
S62
![Page 63: Design Is In The Details](https://reader033.vdocument.in/reader033/viewer/2022060117/5584eea3d8b42a73618b4bdd/html5/thumbnails/63.jpg)
Education
S63
![Page 64: Design Is In The Details](https://reader033.vdocument.in/reader033/viewer/2022060117/5584eea3d8b42a73618b4bdd/html5/thumbnails/64.jpg)
Education
S64
![Page 65: Design Is In The Details](https://reader033.vdocument.in/reader033/viewer/2022060117/5584eea3d8b42a73618b4bdd/html5/thumbnails/65.jpg)
THEREVEAL
Education
S65
![Page 66: Design Is In The Details](https://reader033.vdocument.in/reader033/viewer/2022060117/5584eea3d8b42a73618b4bdd/html5/thumbnails/66.jpg)
THEREVEAL
Education
S66
![Page 67: Design Is In The Details](https://reader033.vdocument.in/reader033/viewer/2022060117/5584eea3d8b42a73618b4bdd/html5/thumbnails/67.jpg)
DESIGN.ISINTHEDETAILS.com
Education
S67
![Page 68: Design Is In The Details](https://reader033.vdocument.in/reader033/viewer/2022060117/5584eea3d8b42a73618b4bdd/html5/thumbnails/68.jpg)
THANKS!_̂̂ v
Education
S68