Your SlideShare is downloading. ×
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,807
views

Published on

Published in: Design, Technology, Business

0 Comments
5 Likes
Statistics
Notes
  • Be the first to comment

No Downloads
Views
Total Views
2,807
On Slideshare
0
From Embeds
0
Number of Embeds
3
Actions
Shares
0
Downloads
36
Comments
0
Likes
5
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