Successfully reported this slideshow.
We use your LinkedIn profile and activity data to personalize ads and to show you more relevant ads. You can change your ad preferences anytime.

How to design for social media

11,964 views

Published on

A quick tutorial on the design limitations of Facebook, Twitter and YouTube

  • DOWNLOAD THIS BOOKS INTO AVAILABLE FORMAT (2019 Update) ......................................................................................................................... ......................................................................................................................... Download Full PDF EBOOK here { https://soo.gd/irt2 } ......................................................................................................................... Download Full EPUB Ebook here { https://soo.gd/irt2 } ......................................................................................................................... Download Full doc Ebook here { https://soo.gd/irt2 } ......................................................................................................................... Download PDF EBOOK here { https://soo.gd/irt2 } ......................................................................................................................... Download EPUB Ebook here { https://soo.gd/irt2 } ......................................................................................................................... Download doc Ebook here { https://soo.gd/irt2 } ......................................................................................................................... ......................................................................................................................... ................................................................................................................................... eBook is an electronic version of a traditional print book THIS can be read by using a personal computer or by using an eBook reader. (An eBook reader can be a software application for use on a computer such as Microsoft's free Reader application, or a book-sized computer THIS is used solely as a reading device such as Nuvomedia's Rocket eBook.) Users can purchase an eBook on diskette or CD, but the most popular method of getting an eBook is to purchase a downloadable file of the eBook (or other reading material) from a Web site (such as Barnes and Noble) to be read from the user's computer or reading device. Generally, an eBook can be downloaded in five minutes or less ......................................................................................................................... .............. Browse by Genre Available eBooks .............................................................................................................................. Art, Biography, Business, Chick Lit, Children's, Christian, Classics, Comics, Contemporary, Cookbooks, Manga, Memoir, Music, Mystery, Non Fiction, Paranormal, Philosophy, Poetry, Psychology, Religion, Romance, Science, Science Fiction, Self Help, Suspense, Spirituality, Sports, Thriller, Travel, Young Adult, Crime, Ebooks, Fantasy, Fiction, Graphic Novels, Historical Fiction, History, Horror, Humor And Comedy, ......................................................................................................................... ......................................................................................................................... .....BEST SELLER FOR EBOOK RECOMMEND............................................................. ......................................................................................................................... Blowout: Corrupted Democracy, Rogue State Russia, and the Richest, Most Destructive Industry on Earth,-- The Ride of a Lifetime: Lessons Learned from 15 Years as CEO of the Walt Disney Company,-- Call Sign Chaos: Learning to Lead,-- StrengthsFinder 2.0,-- Stillness Is the Key,-- She Said: Breaking the Sexual Harassment Story THIS Helped Ignite a Movement,-- Atomic Habits: An Easy & Proven Way to Build Good Habits & Break Bad Ones,-- Everything Is Figureoutable,-- What It Takes: Lessons in the Pursuit of Excellence,-- Rich Dad Poor Dad: What the Rich Teach Their Kids About Money THIS the Poor and Middle Class Do Not!,-- The Total Money Makeover: Classic Edition: A Proven Plan for Financial Fitness,-- Shut Up and Listen!: Hard Business Truths THIS Will Help You Succeed, ......................................................................................................................... .........................................................................................................................
       Reply 
    Are you sure you want to  Yes  No
    Your message goes here
  • DOWNLOAD FULL BOOKS, INTO AVAILABLE FORMAT ......................................................................................................................... ......................................................................................................................... ,DOWNLOAD FULL. PDF EBOOK here { https://tinyurl.com/yyxo9sk7 } ......................................................................................................................... ,DOWNLOAD FULL. EPUB Ebook here { https://tinyurl.com/yyxo9sk7 } ......................................................................................................................... ,DOWNLOAD FULL. doc Ebook here { https://tinyurl.com/yyxo9sk7 } ......................................................................................................................... ,DOWNLOAD FULL. PDF EBOOK here { https://tinyurl.com/yyxo9sk7 } ......................................................................................................................... ,DOWNLOAD FULL. EPUB Ebook here { https://tinyurl.com/yyxo9sk7 } ......................................................................................................................... ,DOWNLOAD FULL. doc Ebook here { https://tinyurl.com/yyxo9sk7 } ......................................................................................................................... ......................................................................................................................... ......................................................................................................................... .............. Browse by Genre Available eBooks ......................................................................................................................... Art, Biography, Business, Chick Lit, Children's, Christian, Classics, Comics, Contemporary, Cookbooks, Crime, Ebooks, Fantasy, Fiction, Graphic Novels, Historical Fiction, History, Horror, Humor And Comedy, Manga, Memoir, Music, Mystery, Non Fiction, Paranormal, Philosophy, Poetry, Psychology, Religion, Romance, Science, Science Fiction, Self Help, Suspense, Spirituality, Sports, Thriller, Travel, Young Adult,
       Reply 
    Are you sure you want to  Yes  No
    Your message goes here
  • More Than 600 Free Downloadable Old Bucharest Pictures http://www.bucuresti.hi2.ro
       Reply 
    Are you sure you want to  Yes  No
    Your message goes here

How to design for social media

  1. 1. page 1 © 2010 Luckie & Company.
  2. 2. OVERVIEW FACEBOOK TWITTER YOUTUBEpage 2 QUESTIONS © 2010 Luckie & Company.
  3. 3. OVERVIEW How Is Social Media Like Sharecropping? FACEBOOK TWITTER YOUTUBEpage 3 QUESTIONS © 2010 Luckie & Company.
  4. 4. OVERVIEW What We’ll Be Covering SOCIAL MEDIASpecifications “ In a way, businesses working social media channels are sharecroppers. So are all the users. They labor on the services, both creating and receiving value. But they dont own the fields they cultivate, and can be put off the land whenever it ” suits the landlord. Valeria Maltoni, ConversationAgent.com4 © 2010 Luckie & Company.
  5. 5. OVERVIEW What We’ll Be Covering SOCIAL MEDIA Specifications Outside of blogging, few social media channels offer great flexibility in design. We’re left to make the most with what we have — and adapt as we must. 5 © 2010 Luckie & Company.
  6. 6. OVERVIEW FACEBOOK Carving Out An Identity On The World’s Largest Network TWITTER YOUTUBEpage 6 QUESTIONS © 2010 Luckie & Company.
  7. 7. FACEBOOKCarving Out An Identity On The World’s Largest Network SPECIFICATIONS Imagery Specs Facebook offers three major areas for design customization: • Profile/page image • Icon/avatar • Custom tab apps © 2010 Luckie & Company.
  8. 8. FACEBOOKCarving Out An Identity On The World’s Largest Network SPECIFICATIONS Imagery Specs © 2010 Luckie & Company.
  9. 9. FACEBOOKCarving Out An Identity On The World’s Largest Network SPECIFICATIONS Imagery Specs © 2010 Luckie & Company.
  10. 10. FACEBOOKCarving Out An Identity On The World’s Largest Network SPECIFICATIONS Imagery Specs 200x600 520x540 pixels pixels Optimal feature space (can be taller, but loses browser viewability) © 2010 Luckie & Company.
  11. 11. FACEBOOKCarving Out An Identity On The World’s Largest Network SPECIFICATIONS Imagery Specs Profile icons (or avatars), which are used with each of a Page’s status updates, are cropped from the main profile image. So it’s important to plan carefully for where you want your profile icon to “live” in the main Page image. © 2010 Luckie & Company.
  12. 12. FACEBOOKCarving Out An Identity On The World’s Largest Network SPECIFICATIONS Imagery Specs © 2010 Luckie & Company.
  13. 13. FACEBOOKCarving Out An Identity On The World’s Largest Network SPECIFICATIONS Imagery Specs 176 x 176 pixels No matter where you place the profile icon in your Page image, be sure to leave a 12-pixel border around the logo to prevent the edges from being cropped. 176 x 176 pixels © 2010 Luckie & Company.
  14. 14. FACEBOOKCarving Out An Identity On The World’s Largest Network EXAMPLES Examples of Brand Imagery © 2010 Luckie & Company.
  15. 15. FACEBOOKCarving Out An Identity On The World’s Largest Network EXAMPLES Examples of Brand Imagery © 2010 Luckie & Company.
  16. 16. FACEBOOKCarving Out An Identity On The World’s Largest Network EXAMPLES Examples of Brand Imagery Of course, you can always pick another part of your image to be your icon. © 2010 Luckie & Company.
  17. 17. FACEBOOKCarving Out An Identity On The World’s Largest Network EXAMPLES Examples of Brand Imagery © 2010 Luckie & Company.
  18. 18. FACEBOOKCarving Out An Identity On The World’s Largest Network EXAMPLES Examples of Brand Imagery © 2010 Luckie & Company.
  19. 19. FACEBOOKCarving Out An Identity On The World’s Largest Network EXAMPLES Examples of Brand Imagery Some other pages worth following: © 2010 Luckie & Company.
  20. 20. FACEBOOKCarving Out An Identity On The World’s Largest Network EXAMPLES Examples of Brand Imagery © 2010 Luckie & Company.
  21. 21. FACEBOOKCarving Out An Identity On The World’s Largest Network EXAMPLES Examples of Brand Imagery © 2010 Luckie & Company.
  22. 22. FACEBOOKCarving Out An Identity On The World’s Largest Network EXAMPLES Examples of Brand Imagery © 2010 Luckie & Company.
  23. 23. FACEBOOKCarving Out An Identity On The World’s Largest Network EXAMPLES Examples of Brand Imagery Big names that have done surprisingly little with their branding: © 2010 Luckie & Company.
  24. 24. FACEBOOKCarving Out An Identity On The World’s Largest Network EXAMPLES Examples of Brand Imagery © 2010 Luckie & Company.
  25. 25. FACEBOOKCarving Out An Identity On The World’s Largest Network EXAMPLES Examples of Brand Imagery © 2010 Luckie & Company.
  26. 26. FACEBOOKCarving Out An Identity On The World’s Largest Network EXAMPLES Examples of Brand Imagery © 2010 Luckie & Company.
  27. 27. FACEBOOKCarving Out An Identity On The World’s Largest Network SPECIFICATIONS Imagery Specs Facebook advertising is another channel with strict limitations on design and copy. © 2010 Luckie & Company.
  28. 28. FACEBOOKCarving Out An Identity On The World’s Largest Network SPECIFICATIONSImagery Specs Headline: 25 characters (including spaces) Destination URL: Only listed if it links out of Facebook. Image: 110 x 80 pixels max. Body copy: 135 characters (including spaces) © 2010 Luckie & Company.
  29. 29. FACEBOOKCarving Out An Identity On The World’s Largest Network SPECIFICATIONS Imagery Specs Facebook appears to be phasing out the “vertical” ad design (image above copy) in favor of the horizontal layout previously used in premium ad buys. However, the specs remain the same. © 2010 Luckie & Company.
  30. 30. FACEBOOKCarving Out An Identity On The World’s Largest Network SPECIFICATIONS Imagery Specs Best practices: • Faces perform best • Shorter copy is better • Keep viewers in Facebook • Promotions, freebies and events perform well • Drive “Likes” by explaining the benefits you offer • Ask questions Samples via http://blog.wildfireapp.com/ © 2010 Luckie & Company.
  31. 31. OVERVIEW FACEBOOK TWITTER Branding the Twitter Experience YOUTUBEpage 31 QUESTIONS © 2010 Luckie & Company.
  32. 32. TWITTERBranding the Twitter Experience SPECIFICATIONS Imagery Specs Twitter is even more limited than Facebook. Your design elements are whittled down to: • Background • Icon © 2010 Luckie & Company.
  33. 33. TWITTERBranding the Twitter Experience SPECIFICATIONS Imagery Specs © 2010 Luckie & Company.
  34. 34. TWITTERBranding the Twitter Experience SPECIFICATIONS Imagery Specs Twitter’s background specs: • 800K file size limit • Can be tiled or top-left justified • Can customize colors for background, text, links, sidebar and sidebar border © 2010 Luckie & Company.
  35. 35. TWITTERBranding the Twitter Experience SPECIFICATIONS Imagery Specs New Twitter formatting elements: © 2010 Luckie & Company.
  36. 36. TWITTERBranding the Twitter Experience SPECIFICATIONS Imagery Specs New Twitter formatting elements: Toolbar: 40 pixels tall, full width Background: Minimum 1200 pixels wide to fit layout © 2010 Luckie & Company.
  37. 37. TWITTERBranding the Twitter Experience SPECIFICATIONS Imagery Specs New Twitter formatting elements: Sidebar: 380-500 pixels wide Tweet stream: 75% opacity 540 pixels wide © 2010 Luckie & Company.
  38. 38. TWITTERBranding the Twitter Experience SPECIFICATIONS Imagery Specs © 2010 Luckie & Company.
  39. 39. TWITTERBranding the Twitter Experience SPECIFICATIONS Imagery Specs © 2010 Luckie & Company.
  40. 40. OVERVIEW FACEBOOK TWITTER YOUTUBE Developing an Effective Brand Channelpage 40 QUESTIONS © 2010 Luckie & Company.
  41. 41. YOUTUBEDeveloping an Effective Brand Channel BRAND CHANNEL YouTube Channels Explained Unfortunately, YouTube reserves most of its branding opportunities for high-dollar ad clients ($250K+) Otherwise, your design choices are: • Background (256K maximum file size) • Icon (can be pulled from video still) • Color scheme • Video still selections © 2010 Luckie & Company.
  42. 42. YOUTUBEDeveloping an Effective Brand Channel EXAMPLES Branded and User Channels Examples Branded: © 2010 Luckie & Company.
  43. 43. YOUTUBEDeveloping an Effective Brand Channel STRATEGY Broaden the Reach of Social Programs VEHICLE PAGE FPO FACEBOOK FANPAGE BRAND CHANNEL CAMPAIGNCHANNEL © 2010 Luckie & Company.
  44. 44. YOUTUBEDeveloping an Effective Brand Channel EXAMPLES Branded and User Channels Examples Branded: © 2010 Luckie & Company.
  45. 45. YOUTUBEDeveloping an Effective Brand Channel EXAMPLES Branded and User Channels Examples Branded: © 2010 Luckie & Company.
  46. 46. YOUTUBEDeveloping an Effective Brand Channel EXAMPLES Branded and User Channels Examples Unbranded: © 2010 Luckie & Company.
  47. 47. YOUTUBEDeveloping an Effective Brand Channel EXAMPLES Branded and User Channels Examples Unbranded: © 2010 Luckie & Company.
  48. 48. OVERVIEW FACEBOOK TWITTER YOUTUBEpage 48 QUESTIONS Fire Away © 2010 Luckie & Company.
  49. 49. THANKS FOR YOUR TIME David Griner Director of Digital Content Luckie & Co. TheSocialPath.compage 49 Twitter.com/Griner © 2010 Luckie & Company.

×