Upgrade to Pro — share decks privately, control downloads, hide ads and more …

Design Eye for the Developer Guy

Dan Barber
March 23, 2013

Design Eye for the Developer Guy

Think you can't design? Think again! Dan will show you how following some simple guidelines and techniques can make your work not just more functional and usable, but also more beautiful.

Dan Barber

March 23, 2013
Tweet

More Decks by Dan Barber

Other Decks in Design

Transcript

  1. Design Eye
    for the
    Developer Guy

    View Slide

  2. http://danbarber.me
    @danbee
    Dan Barber

    View Slide

  3. new bamboo
    http://new-bamboo.co.uk

    View Slide

  4. What is Design?

    View Slide

  5. Keep it simple

    View Slide

  6. Stick to conventions

    View Slide

  7. Sweat the details

    View Slide

  8. Grid
    Colour
    Typography

    View Slide

  9. Grid

    View Slide

  10. View Slide

  11. View Slide

  12. Golden Ratio
    1:1.618...
    ϕ - Phi

    View Slide

  13. View Slide

  14. b = a ⨯ 1.618 a

    View Slide

  15. The Hitchhiker’s Guide to the Galaxy has a
    few things to say on the subject of towels.
    A towel, it says, is about the most massively
    useful thing an interstellar hitch hiker can
    have. Partly it has great practical value — you can wrap it
    around you for warmth as you bound across the cold moons
    of Jaglan Beta; you can lie on it on the brilliant marble-
    sanded beaches of Santraginus V, inhaling the heady sea
    vapours; you can sleep under it beneath the stars which shine
    so redly on the desert world of Kakrafoon; use it to sail a mini
    raft down the slow heavy river Moth;
    About Aside
    About Portfolio Contact Me
    My Great Website
    "Life," said Marvin dolefully,
    "loathe it or ignore it, you
    can't like it."

    View Slide

  16. The Hitchhiker’s Guide to the Galaxy has a
    few things to say on the subject of towels.
    A towel, it says, is about the most massively
    useful thing an interstellar hitch hiker can
    have. Partly it has great practical value — you can wrap it
    around you for warmth as you bound across the cold moons
    of Jaglan Beta; you can lie on it on the brilliant marble-
    sanded beaches of Santraginus V, inhaling the heady sea
    vapours; you can sleep under it beneath the stars which shine
    so redly on the desert world of Kakrafoon; use it to sail a mini
    raft down the slow heavy river Moth;
    About Aside
    About Portfolio Contact Me
    My Great Website
    "Life," said Marvin dolefully,
    "loathe it or ignore it, you
    can't like it."

    View Slide

  17. Colour

    View Slide

  18. #518F00
    rgb(81, 143, 00)
    RGB

    View Slide

  19. R
    G
    B
    Y
    M
    C

    View Slide

  20. Warm
    Cool

    View Slide

  21. Fire/
    Passion
    Growth/
    Stability
    Calm/
    Sadness
    Vibrant/
    Energetic
    Happiness/
    Sunshine
    Luxury/
    Romance
    Cold/
    Analytical

    View Slide

  22. Hue

    180°

    View Slide

  23. Saturation

    View Slide

  24. Value

    View Slide

  25. hsl(86, 100%, 28%)
    HSV/HSL

    View Slide

  26. Monochromatic

    View Slide

  27. Analogous

    View Slide

  28. Complementary

    View Slide

  29. View Slide

  30. Split Complementary

    View Slide

  31. http://colorschemedesigner.com

    View Slide

  32. Typography

    View Slide

  33. Choose no more than
    two typefaces

    View Slide

  34. Times
    Georgia
    Cochin
    Chaparral

    View Slide

  35. Helvetica
    Futura
    Gill Sans
    Avenir

    View Slide

  36. The Hitch Hiker’s Guide to the Galaxy is a wholly remarkable
    book. It has been compiled and recompiled many times over
    many years and under many different editorships. It contains
    contributions from countless numbers of travellers and
    researchers.
    The introduction begins like this:
    “Space,” it says, “is big. Really big. You just won’t believe
    how vastly hugely mindboggingly big it is. I mean you may
    think it’s a long way down the road to the chemist, but that’s
    just peanuts to space. Listen…” and so on.
    (After a while the style settles down a bit and it begins to
    tell you things you really need to know, like the fact that the
    fabulously beautiful planet Bethselamin is now so worried

    View Slide

  37. The Hitch Hiker’s Guide to the Galaxy is a wholly remarkable
    book. It has been compiled and recompiled many times over
    many years and under many different editorships. It contains
    contributions from countless numbers of travellers and
    researchers.
    The introduction begins like this:
    “Space,” it says, “is big. Really big. You just won’t believe
    how vastly hugely mindboggingly big it is. I mean you may
    think it’s a long way down the road to the chemist, but that’s
    just peanuts to space. Listen…” and so on.
    (After a while the style settles down a bit and it begins to
    tell you things you really need to know, like the fact that the
    fabulously beautiful planet Bethselamin is now so worried
    Measure

    View Slide

  38. The Hitch Hiker’s Guide to the Galaxy is a wholly remarkable book. It has been compiled and
    recompiled many times over many years and under many different editorships. It contains
    contributions from countless numbers of travellers and researchers.
    The introduction begins like this:
    “Space,” it says, “is big. Really big. You just won’t believe how vastly hugely mindboggingly big
    it is. I mean you may think it’s a long way down the road to the chemist, but that’s just peanuts to
    space. Listen…” and so on.
    (After a while the style settles down a bit and it begins to tell you things you really need to
    know, like the fact that the fabulously beautiful planet Bethselamin is now so worried about the
    cumulative erosion by ten billion visiting tourists a year that any net imbalance between the
    amount you eat and the amount you excrete whilst on the planet is surgically removed from your
    bodyweight when you leave: so every time you go to the lavatory it is vitally important to get a
    receipt.)

    View Slide

  39. The Hitch Hiker’s Guide to
    the Galaxy is a wholly
    remarkable book. It has been
    compiled and recompiled
    many times over many years
    and under many different
    editorships. It contains
    contributions from countless
    numbers of travellers and
    researchers.
    The introduction begins
    like this:
    “Space,” it says, “is big.

    View Slide

  40. The Hitch Hiker’s Guide to the Galaxy is a wholly remarkable
    book. It has been compiled and recompiled many times over
    many years and under many different editorships. It contains
    contributions from countless numbers of travellers and
    researchers.
    The introduction begins like this:
    “Space,” it says, “is big. Really big. You just won’t believe
    how vastly hugely mindboggingly big it is. I mean you may
    think it’s a long way down the road to the chemist, but that’s
    just peanuts to space. Listen…” and so on.
    (After a while the style settles down a bit and it begins to
    tell you things you really need to know, like the fact that the
    fabulously beautiful planet Bethselamin is now so worried
    Leading

    View Slide

  41. The Hitch Hiker’s Guide to the Galaxy is a wholly remarkable
    book. It has been compiled and recompiled many times over
    many years and under many different editorships. It contains
    contributions from countless numbers of travellers and
    researchers.
    The introduction begins like this:
    “Space,” it says, “is big. Really big. You just won’t believe
    how vastly hugely mindboggingly big it is. I mean you may
    think it’s a long way down the road to the chemist, but that’s
    just peanuts to space. Listen…” and so on.
    (After a while the style settles down a bit and it begins to
    tell you things you really need to know, like the fact that the
    fabulously beautiful planet Bethselamin is now so worried
    about the cumulative erosion by ten billion visiting tourists a
    year that any net imbalance between the amount you eat and
    the amount you excrete whilst on the planet is surgically
    removed from your bodyweight when you leave: so every time
    you go to the lavatory it is vitally important to get a receipt.)

    View Slide

  42. The Hitch Hiker’s Guide to the Galaxy is a wholly remarkable
    book. It has been compiled and recompiled many times over
    many years and under many different editorships. It contains
    contributions from countless numbers of travellers and
    researchers.
    The introduction begins like this:
    “Space,” it says, “is big. Really big. You just won’t believe
    how vastly hugely mindboggingly big it is. I mean you may
    think it’s a long way down the road to the chemist, but that’s

    View Slide

  43. http://danbarber.me/design-for-developers/
    Further Reading

    View Slide

  44. FIN

    View Slide