Designing with Fireworks

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

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?
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.