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

Designing with Fireworks

9e28c771b33ed3fd0f726347a72f56ab?s=47 Chuck Mallott
February 13, 2012

Designing with Fireworks

A presentation I made to DFW Adobe Users Group in November 2009.

9e28c771b33ed3fd0f726347a72f56ab?s=128

Chuck Mallott

February 13, 2012
Tweet

Transcript

  1. Tips, Tricks and Techniques for Web-Centric Design Chuck Mallott DFWAUG

    . November 21, 2009 Designing with Fireworks
  2. Hi. I ♥ That’s me.

  3. (Shameless Plug) Foundation Fireworks by Grant Hinkson Craig Erskine Matt

    Heerema Matthew Keefe Hugh Griffith Chuck Mallott http://amzn.com/1430216182 Yes, Amazon has short URLs!
  4. vs.

  5. vs.

  6. It’s Just a Tool Choose the tool that’s right for

    you.
  7. What is good design?

  8. “ “ Jeffrey Veen I’ve been amazed at how often

    those outside the discipline of design assume that what designers do is decoration. Good design is problem solving.
  9. What does good design look like?

  10. None
  11. None
  12. None
  13. None
  14. None
  15. None
  16. Craftsmanship Consistency Subtlety 1 2 3

  17. “ “ Joel Spolsky Craftsmanship is ... ... when the

    last 1% takes 90% of the time.
  18. Craftsmanship (some examples) 1

  19. This is a bracelet.

  20. This one’s nicer.

  21. This is a house.

  22. This one’s nicer.

  23. Rounded Corners

  24. Typography

  25. Typography everything is either bold or italics (or both) small-caps

    italics! too much tracking cramped line-height
  26. Typography

  27. Typography headline emphasized only the important things are bold Optimal

    tracking better line-height
  28. Consistency (some examples) 2

  29. Grids are good. Alignment

  30. Alignment Grids are good.

  31. Looks ok, right? Alignment

  32. Take a closer look Alignment

  33. Alignment Guides are our friends

  34. Alignment

  35. Imagery, Iconography Same family.

  36. Imagery, Iconography

  37. Imagery, Iconography Same family.

  38. Imagery, Iconography

  39. Imagery, Iconography Not the same family.

  40. Subtlety (some examples) 3

  41. Gradients, Shadows, Light A B

  42. Gradients, Shadows, Light

  43. Gradients, Shadows, Light

  44. In a Nutshell

  45. Hammer - http://www.flickr.com/photos/tudedude/2995889682/ Lego bracelet - http://www.flickr.com/photos/mypicturebook/358304179/ Copper bracelet -

    http://www.flickr.com/photos/morningskyjewelry/2370211049/ Craftsman bungalow - http://www.flickr.com/photos/jtuason/986443953/ Ranch house - http://www.flickr.com/photos/awiseacre/326396271/ Tiger Cubs - http://www.flickr.com/photos/33365010@N06/3245197932/ Good vs. Great Designers - http://www.cameronmoll.com/archives/001266.html Social Media Icons - Komodo Media (http://komodomedia.com) Attribution
  46. oaktreecreative.com @chuckmallott chuckmallott@gmail.com Thanks! The End.