Good Design Matters In Social Media

2,185 views

Published on

Katie Laird and Erica Bogdan discuss the hows and whys of good design and social media marketing. Learn tips and tricks to get started creating awesome Twitter backgrounds and Facebook Fanpage images.

Published in: Design, Technology, Business
1 Comment
5 Likes
Statistics
Notes
No Downloads
Views
Total views
2,185
On SlideShare
0
From Embeds
0
Number of Embeds
4
Actions
Shares
0
Downloads
48
Comments
1
Likes
5
Embeds 0
No embeds

No notes for slide

Good Design Matters In Social Media

  1. 1. TOPICS WE’LL COVER…• Why Design is Important to Communicators• Marketing and Design Fundamentals• How to Create and Implement Graphics (For Free!)
  2. 2. DESIGN MATTERS (no, really, it does)
  3. 3. A worldwide learning community for professionals committed to improving the effectiveness of organizations through strategic communication.
  4. 4. Noise vs. Signal • 800 Million active Facebook users • 900 Million Facebook objects – Pages, groups, events, apps to interact with • 250 Million photos uploaded DAILY • Over 200 Million Twitter accounts • 2 Billion videos watched / day on YouTube • Over 350 Million websites on the Internethttp://blog.schipul.com/a-visual-schipulcon-data-set-we-are-all-connected/
  5. 5. Make your message count • Be clear • Be consistent • Be interesting • Be awesome http://www.flickr.com/photos/8743214@N04/2697931573/
  6. 6. Don’t be this doorhttp://www.flickr.com/photos/andrew-turnbull/4411650628
  7. 7. Be this door insteadhttp://www.flickr.com/photos/slopeypete/537913313
  8. 8. (GOOD)Design Makes Life Easier
  9. 9. Design speaks volumes• Am I in the right place?• Do I trust these people?• What is this _______ in a nutshell?• What are the important details?• This sounds cool, what do I do now?
  10. 10. Smart Communication + Good Designhttp://www.flickr.com/photos/95822817@N00/2238609065
  11. 11. MARKETING + DESIGNFUNDAMENTALS
  12. 12. BRANDING• Perceived Emotional Corporate Image As a Whole • The Companies Core Values • More Than Just Colors, Typefaces, Logo• Is the Foundation Which the Designer Builds Off From• Clear + Consistent Message
  13. 13. IDENTITY• Visual Aspect That Forms Part of the Overall Brand• Branding Standards Manual • Has Set Guidelines To Apply Identity to Visual Elements• Examples of Visual Devices • Signage • Marketing Collateral • Products + Packaging • SOCIAL MEDIA
  14. 14. LOGO• Identifies a Business in Its Simplest Form Via the Use of a Mark of Icon• Iconic Logos are: • Describable • Memorable • Effective Without Color • Scalable in Size • Relevant
  15. 15. AUDIENCE + MESSAGE• Who Is Your Target Demographic? • Gender • Age • Location• What Message Are you Communicating? • Clear • Concise • Direct
  16. 16. CONTENT IS KING (EVEN FOR GRAPHICS)
  17. 17. PRIMARY INFO• Logo (A MUST!!)• Contact Information• Location• Hours of Operation
  18. 18. SECONDARY INFO• Tagline• Additional Tab Links Information• Image Pertaining to Product• Image Source
  19. 19. FANPAGE GRAPHIC PROMOTIONS
  20. 20. FANPAGE GRAPHIC PROMOTIONS
  21. 21. FANPAGE GRAPHIC PROMOTIONS
  22. 22. FANPAGE GRAPHIC PROMOTIONS
  23. 23. EXAMPLES OFSOCIAL MEDIA DESIGN
  24. 24. FINDING IMAGES AND FONTS
  25. 25. • Free IMAGES – Make Sure it’s Okay to Use – Ask Artist/Photographer’s Permission – Example: • Compfight.com • Flickr.com• Paid – More Creative Control – Example: • Istock.com • Shutterstock.com
  26. 26. Http://Compfight.com
  27. 27. Http://IStock.com
  28. 28. Creative Commons
  29. 29. Where do I find CC content?
  30. 30. FONTS• Free – Examples: • FontSquirrel.com • Google.com/WebFonts • DaFont.com• Paid – Examples: • Fonts.com • Houseind.com • Emigre.com
  31. 31. Http://FontSquirrel.com
  32. 32. Http://Emigre.com
  33. 33. CREATINGGRAPHICS
  34. 34. GRAPHIC DIMENSIONS• Facebook – Ideal: 180 x 540 pixels• Twitter – Ideal : 1024 x 768 pixels – Content Area: 41 – 108 pixels• LinkedIn – Ideal: 400 x 180 pixels
  35. 35. ALTERNATIVES TO PHOTOSHOP• Google “Free Alternatives to Photoshop”• My Two Favorites: – Picnik • Picnik.com – Photoshop Express Editor • Photoshop.com/Tools/ExpressEditor – Gimp • GetGimp.com
  36. 36. Http://Picnik.com
  37. 37. Http://Photoshop.com/Tools/ExpressEditor
  38. 38. Http://GetGimp.com
  39. 39. LINKING TO YOUR SOCIAL MEDIA
  40. 40. MUY IMPORTANTE
  41. 41. UPLOADING YOUR GRAPHICS
  42. 42. WHAT WE TALKED ABOUT
  43. 43. OVERVIEW• Why Design is Important to Communicators• Marketing and Design Fundamentals• Creating and Implement Graphics

×