Your SlideShare is downloading. ×
Designing with Fireworks
Designing with Fireworks
Designing with Fireworks
Designing with Fireworks
Designing with Fireworks
Designing with Fireworks
Designing with Fireworks
Designing with Fireworks
Designing with Fireworks
Designing with Fireworks
Designing with Fireworks
Designing with Fireworks
Designing with Fireworks
Designing with Fireworks
Designing with Fireworks
Designing with Fireworks
Designing with Fireworks
Designing with Fireworks
Designing with Fireworks
Designing with Fireworks
Designing with Fireworks
Designing with Fireworks
Designing with Fireworks
Designing with Fireworks
Designing with Fireworks
Designing with Fireworks
Designing with Fireworks
Designing with Fireworks
Designing with Fireworks
Designing with Fireworks
Designing with Fireworks
Designing with Fireworks
Designing with Fireworks
Designing with Fireworks
Designing with Fireworks
Designing with Fireworks
Designing with Fireworks
Designing with Fireworks
Designing with Fireworks
Designing with Fireworks
Designing with Fireworks
Designing with Fireworks
Designing with Fireworks
Designing with Fireworks
Designing with Fireworks
Designing with Fireworks
Upcoming SlideShare
Loading in...5
×

Thanks for flagging this SlideShare!

Oops! An error has occurred.

×
Saving this for later? Get the SlideShare app to save on your phone or tablet. Read anywhere, anytime – even offline.
Text the download link to your phone
Standard text messaging rates apply

Designing with Fireworks

2,830

Published on

Published in: Design, Technology, Business
0 Comments
4 Likes
Statistics
Notes
  • Be the first to comment

No Downloads
Views
Total Views
2,830
On Slideshare
0
From Embeds
0
Number of Embeds
3
Actions
Shares
0
Downloads
36
Comments
0
Likes
4
Embeds 0
No embeds

Report content
Flagged as inappropriate Flag as inappropriate
Flag as inappropriate

Select your reason for flagging this presentation as inappropriate.

Cancel
No notes for slide

Transcript

  • 1. Designing with Fireworks Tips, Tricks and Techniques for Web-Centric Design Chuck Mallott DFWAUG . November 21, 2009
  • 2. Hi. That’s me. I♥
  • 3. (Shameless Plug) Foundation Fireworks by Grant Hinkson Craig Erskine Matt Heerema Matthew Keefe Hugh Griffith Chuck Mallott Yes, Amazon has short URLs! http://amzn.com/1430216182
  • 4. vs.
  • 5. vs.
  • 6. It’s Just a Tool Choose the tool that’s right for you.
  • 7. What is good design?
  • 8. “ 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. Jeffrey Veen
  • 9. What does good design look like?
  • 10. 1 Craftsmanship 2 Consistency 3 Subtlety
  • 11. Craftsmanship is ... “ “ ... when the last 1% takes 90% of the time. Joel Spolsky
  • 12. 1 Craftsmanship (some examples)
  • 13. This is a bracelet.
  • 14. This one’s nicer.
  • 15. This is a house.
  • 16. This one’s nicer.
  • 17. Rounded Corners
  • 18. Typography
  • 19. Typography small-caps italics! too much tracking cramped line-height everything is either bold or italics (or both)
  • 20. Typography
  • 21. Typography headline emphasized Optimal tracking better line-height only the important things are bold
  • 22. 2 Consistency (some examples)
  • 23. Alignment Grids are good.
  • 24. Alignment Grids are good.
  • 25. Alignment Looks ok, right?
  • 26. Take a closer look Alignment
  • 27. ides are our friends Gu Alignment
  • 28. Alignment
  • 29. Imagery, Iconography Same family.
  • 30. Imagery, Iconography
  • 31. Imagery, Iconography Same family.
  • 32. Imagery, Iconography
  • 33. Imagery, Iconography Not the same family.
  • 34. 3 Subtlety (some examples)
  • 35. Gradients, Shadows, Light A B
  • 36. Gradients, Shadows, Light
  • 37. Gradients, Shadows, Light
  • 38. In a Nutshell
  • 39. Attribution 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)
  • 40. The End. Thanks! @chuckmallott chuckmallott@gmail.com oaktreecreative.com

×