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

  • 1,695 views
Uploaded on

 

  • Full Name Full Name Comment goes here.
    Are you sure you want to
    Your message goes here
    Be the first to comment
No Downloads

Views

Total Views
1,695
On Slideshare
0
From Embeds
0
Number of Embeds
1

Actions

Shares
Downloads
5
Comments
0
Likes
1

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. PinoyWeb Designer’s Toolkit presented by Marc Caballero | brought to you by Exist.com
  • 2. Let’s get started.
  • 3. What is Web Design?
  • 4. Wikipedia Web design: is a skill of creating presentations of content that is delivered through the World Wide Web.
  • 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. therefore, it can be:
  • 7. Umm, is it like…
  • 8. http:///www.flickr.com/photos/cubagallery
  • 9. http:///www.flickr.com/photos/cubagallery
  • 10. hell yeah.
  • 11. But not really.. :)
  • 12. In real life… http://www.flickr.com/photos/18697966@N00/
  • 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. 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. 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. web design is how it looks.
  • 17. à how it looks.
  • 18. …in the words of TIM GUN:
  • 19. http://www.neighborsgo.com/photos/29153
  • 20. Textbook examples
  • 21. WFT?
  • 22. Do I look familiar? http://www.flickr.com/photos/jackdorsey/182613360/
  • 23. tweet tweet ^_^
  • 24. how about me? http://www.flickr.com/photos/soxiam/2182204230/
  • 25. HD+
  • 26. who am i? http://www.flickr.com/photos/yoroy/4170957653/in/pool-903403@N22
  • 27. the point is: successful projects begin with a good DESIGN. More great mockups at this link.
  • 28. tools of the trad(itional)
  • 29. tools of the interactive
  • 30. tools, tools, tools, Desktop Web Service • ArtWeaver • Pixlr • GIMP • Aviary • Inkscape • Cacoo • Balsamiq
  • 31. Balsamiq www.balsamiq.com
  • 32. Pixlr www.pixlr.com
  • 33. Aviary www.aviary.com
  • 34. Inkscape www.inkscape.org
  • 35. I use inkscape for: • (and a lot more)
  • 36. Cacoo www.cacoo.com
  • 37. I use cacoo for:
  • 38. Questions? to learn more about Exist, visit: www.exist.com presented by marcky.org presented by Marc Caballero twitter.com/marcrobinsone
  • 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