Blog Camp#BlogCamp<br />Blog design<br />Dafydd Prichard<br />@lliwedd<br />
A quick word about cite<br />Established 2000<br />We specialise in online marketing communications<br />Our team of 10 in...
Colour<br />Typography<br />Usability<br />Visual content<br />Social<br />
Jacob Nielsen<br />http://www.useit.com<br />
Implications of the F Pattern<br />Users won't read your text thoroughly in a word-by-word manner. <br />The first two par...
http://kuler.adobe.com/#themes/<br />http://www.colourlovers.com/palettes/add<br />http://www.colorcombos.com/<br />
AaGg  Mm  Xx <br />Serif font: Times<br />AaGg  Mm  Xx <br />Sans-Serif font: Arial<br />
Typography resources<br />http://www.w3schools.com/css/css_websafe_fonts.asp<br />http://www.ampsoft.net/webdesign-l/Windo...
Visual content <br />Images. As well as photos and illustrations, you can consider graphs and infographics<br />Resources ...
http://www.istockphoto.com/<br />http://www.gettyimages.co.uk/<br />http://www.sxc.hu/home<br />http://www.deviantart.com<...
SEO<br />
http://www.pregnantorbaby.blogspot.com/http://www.katgotthecream.blogspot.com/http://www.frecklesfamily.com/http://www.tra...
And finally, a question<br />How can blogging provide half<br />an hour peace and quiet away from the kids…?<br />
Thank You!<br />Dafydd Prichard<br />#BlogCamp<br />Blog design<br />Dafydd Prichard<br />@lliwedd<br />
Upcoming SlideShare
Loading in...5
×

Blog camp-02 2011

322

Published on

presentation given to Manchester blogcamp, June 2011

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

  • Be the first to like this

No Downloads
Views
Total Views
322
On Slideshare
0
From Embeds
0
Number of Embeds
0
Actions
Shares
0
Downloads
2
Comments
0
Likes
0
Embeds 0
No embeds

No notes for slide

Blog camp-02 2011

  1. 1. Blog Camp#BlogCamp<br />Blog design<br />Dafydd Prichard<br />@lliwedd<br />
  2. 2. A quick word about cite<br />Established 2000<br />We specialise in online marketing communications<br />Our team of 10 includes creative, technical and marketing<br />What we do<br />Web design - corporate, catalogues, microsites, etc<br />Social media communications - particularly Facebook apps, blogs<br />E-commerce<br />Search engine optimisation (SEO)<br />Email marketing<br />Online marketing - planning and implementation<br />Support<br />Hosting and reporting<br />
  3. 3.
  4. 4.
  5. 5.
  6. 6.
  7. 7.
  8. 8.
  9. 9.
  10. 10.
  11. 11.
  12. 12.
  13. 13.
  14. 14.
  15. 15.
  16. 16.
  17. 17.
  18. 18.
  19. 19.
  20. 20.
  21. 21. Colour<br />Typography<br />Usability<br />Visual content<br />Social<br />
  22. 22. Jacob Nielsen<br />http://www.useit.com<br />
  23. 23. Implications of the F Pattern<br />Users won't read your text thoroughly in a word-by-word manner. <br />The first two paragraphs must state the most important information<br />Start subheads, paragraphs, and bullet points with information-carrying words<br />
  24. 24.
  25. 25. http://kuler.adobe.com/#themes/<br />http://www.colourlovers.com/palettes/add<br />http://www.colorcombos.com/<br />
  26. 26. AaGg Mm Xx <br />Serif font: Times<br />AaGg Mm Xx <br />Sans-Serif font: Arial<br />
  27. 27.
  28. 28.
  29. 29.
  30. 30. Typography resources<br />http://www.w3schools.com/css/css_websafe_fonts.asp<br />http://www.ampsoft.net/webdesign-l/WindowsMacFonts.html<br />
  31. 31. Visual content <br />Images. As well as photos and illustrations, you can consider graphs and infographics<br />Resources like iStockPhoto, Flickr and DeviantArt are free or low-cost<br />Moving image – consider using video and audio<br />YouTube<br />Vimeo<br />Audioboo<br />Pull out quotes<br />Create images like cloud tags<br />Beware of using photos from `photo Libraries without paying – AP and Getty regularly track down perpetrators! <br />
  32. 32. http://www.istockphoto.com/<br />http://www.gettyimages.co.uk/<br />http://www.sxc.hu/home<br />http://www.deviantart.com<br />http://www.flickr.com<br />
  33. 33.
  34. 34.
  35. 35.
  36. 36.
  37. 37. SEO<br />
  38. 38.
  39. 39.
  40. 40.
  41. 41.
  42. 42. http://www.pregnantorbaby.blogspot.com/http://www.katgotthecream.blogspot.com/http://www.frecklesfamily.com/http://www.travellingwren.com/http://www.squidgyboo.com/http://thefivefsblog.blogspot.com/<br />
  43. 43.
  44. 44. And finally, a question<br />How can blogging provide half<br />an hour peace and quiet away from the kids…?<br />
  45. 45.
  46. 46.
  47. 47. Thank You!<br />Dafydd Prichard<br />#BlogCamp<br />Blog design<br />Dafydd Prichard<br />@lliwedd<br />
  1. A particular slide catching your eye?

    Clipping is a handy way to collect important slides you want to go back to later.

×