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:

8. Umm, is it like…

9. http:///www.flickr.com/photos/cubagallery

10. http:///www.flickr.com/photos/cubagallery

11. hell yeah.

12. But not really.. :)

13. In real life…
http://www.flickr.com/photos/18697966@N00/

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

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

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

17. web design
is
how it looks.

18. à how it looks.

19. …in the words of
TIM GUN:

20. http://www.neighborsgo.com/photos/29153

21. Textbook examples

22. WFT?

23. Do I look familiar?
http://www.flickr.com/photos/jackdorsey/182613360/

24. tweet tweet
^_^

26. how about me?
http://www.flickr.com/photos/soxiam/2182204230/

27. HD+

29. who am i?
http://www.flickr.com/photos/yoroy/4170957653/in/pool-903403@N22

32. the point is:
successful projects
begin with a good DESIGN.
More great mockups at this link.

33. tools of the trad(itional)

34. tools of the interactive

35. tools, tools, tools,
Desktop Web Service
• ArtWeaver • Pixlr
• GIMP • Aviary
• Inkscape • Cacoo
• Balsamiq

36. Balsamiq
www.balsamiq.com

38. Pixlr
www.pixlr.com

40. Aviary
www.aviary.com

42. Inkscape
www.inkscape.org

44. I use inkscape for:
• (and a lot more)

45. Cacoo
www.cacoo.com

47. I use cacoo for:

48. Questions?
to learn more about Exist, visit:
www.exist.com
presented by
marcky.org presented by Marc Caballero
twitter.com/marcrobinsone

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