Marcky + Exist.com: Pinoy Web Designer's Toolkit Webinar slides

1,911 views

Published on

0 Comments
1 Like
Statistics
Notes
  • Be the first to comment

No Downloads
Views
Total views
1,911
On SlideShare
0
From Embeds
0
Number of Embeds
5
Actions
Shares
0
Downloads
7
Comments
0
Likes
1
Embeds 0
No embeds

No notes for slide

Marcky + Exist.com: Pinoy Web Designer's Toolkit Webinar slides

  1. 1. PinoyWeb Designer’s Toolkit presented by Marc Caballero | brought to you by Exist.com
  2. 2. Let’s get started.
  3. 3. What is Web Design?
  4. 4. Wikipedia Web design: is a skill of creating presentations of content that is delivered through the World Wide Web.
  5. 5. Wikipedia Web design: is a skill of creating presentations of content that is delivered through the World Wide Web. Click here for more definitions.
  6. 6. therefore, it can be:
  7. 7. Umm, is it like…
  8. 8. http:///www.flickr.com/photos/cubagallery
  9. 9. http:///www.flickr.com/photos/cubagallery
  10. 10. hell yeah.
  11. 11. But not really.. :)
  12. 12. In real life… http://www.flickr.com/photos/18697966@N00/
  13. 13. In real life: Web design • is the trade of a web designer; the creation of web pages, especially in terms of layout and presentation rather than functionality. – http://en.wiktionary.org/wiki/web_design
  14. 14. In real life: Web design • The production of the look and feel of a site and all its visual elements including page layout, background and spot imagery, color scheme, typography, navigation buttons, etc. – http://www.pavegraphics.com/glossary.htm
  15. 15. In real life: Web design • Web design is NOT web development. Think of it this way: web design is how it looks. – http://www.10thingsihateaboutyoursite.com/glossary
  16. 16. web design is how it looks.
  17. 17. à how it looks.
  18. 18. …in the words of TIM GUN:
  19. 19. http://www.neighborsgo.com/photos/29153
  20. 20. Textbook examples
  21. 21. WFT?
  22. 22. Do I look familiar? http://www.flickr.com/photos/jackdorsey/182613360/
  23. 23. tweet tweet ^_^
  24. 24. how about me? http://www.flickr.com/photos/soxiam/2182204230/
  25. 25. HD+
  26. 26. who am i? http://www.flickr.com/photos/yoroy/4170957653/in/pool-903403@N22
  27. 27. the point is: successful projects begin with a good DESIGN. More great mockups at this link.
  28. 28. tools of the trad(itional)
  29. 29. tools of the interactive
  30. 30. tools, tools, tools, Desktop Web Service • ArtWeaver • Pixlr • GIMP • Aviary • Inkscape • Cacoo • Balsamiq
  31. 31. Balsamiq www.balsamiq.com
  32. 32. Pixlr www.pixlr.com
  33. 33. Aviary www.aviary.com
  34. 34. Inkscape www.inkscape.org
  35. 35. I use inkscape for: • (and a lot more)
  36. 36. Cacoo www.cacoo.com
  37. 37. I use cacoo for:
  38. 38. Questions? to learn more about Exist, visit: www.exist.com presented by marcky.org presented by Marc Caballero twitter.com/marcrobinsone
  39. 39. The End. Thank you for attending. to learn more about Exist, visit: www.exist.com presented by marcky.org presented by Marc Caballero twitter.com/marcrobinsone

×