If you’ve been looking to supercharge your social media strategy, you probably know a lot about the benefits of using images.
But, how much do you know about actually creating scientifically shareable images?
Turns out, there’s tons of actionable, research-backed advice on how to create social media images that get shared—the ideal colors, fonts, text, and more, all leveraging what we know about design, psychology and the Internet to get more shares and engagement.
By the end of this article you’re going to be fully aware of how to make images that your readers can’t help but share. All backed by science.
A shareable social media image is made up of five components:
In the article you’re going to learn how you can take advantage of all of these elements, and put them together to create the best social images you possibly can.
Before I carry on, there’s one thing I do need to mention:
You need to treat your images as content.
And not just any sort of content. I mean the epic kind, that’s going to add a ton of value to your reader’s life. Because that’s the only content people share, right?
If you’re creating images because you feel you need to – and just scatter them throughout your news feed – you’re not going to get anywhere.
Your images should:
So, be sure that the images you use – or make – aren’t just there for the sake of it. Treat them as content and put a high value on what goes on them.
Emotion is the biggest piece of the sharing puzzle. And it’s the driving force behind all five points on this list – so it deserves a lot of attention. So, what makes an image emotional?
As it turns out, there are a lot of factors:
You don’t have to be a graphic designer to create solid social media images. In fact, far from it. I’ve run twitter feeds for months without a single minute of design under my belt.
All it takes is a little knowledge of how design works, and what it takes to make something your audience wants to share.
Firstly, there isn’t a magic bullet of design that goes viral. At least not to the current research. But there is a principle of design that, when harnessed, can go a really long way.
Simplicity.
The psychology of design shows that people are most responsive – and more likely to engage – with images or logos that are laid out in a clean and simple way. That’s because if people are presented with too much information, it can be overwhelming and force them to switch off.
For example, this study on smoking warnings showed that when smokers were presented with too much graphic or negative information, they were actually more likely to smoke because they paid less attention to the images.
Basically, simple designs cut through the noise and make your message easier to digest.
Which of these two images is easier for you to process, and has the biggest impact?
This one:
Or this one:
The second one right? It’s a no brainer. Clear and crisp cuts it. Two colors, one font – that’s it.
There’s no arguing with the message either. It goes right through the noise, and into the hearts (and minds) of your reader.
If you look at most articles on highly shareable images – like this one from Jeff Bullas – all the ‘types’ of image have this simplicity in common too.
You don’t need to go too far to see it in action either. All it takes is a quick glance at the Buffer twitter feed to see simple, clear and crisp layouts getting a lot of shares:
Here’s some simple tips on how to create simplicity, and powerful emotion, in your images:
It’s also really helpful to know the sizes for each platform you’re using too. But, there’s a wonderful – and constantly updated – guide to that right here.
Relevancy is important in content marketing. Making sure that what you’re doing fits who you’re doing it for. But, never has that been more important than when you’re choosing an image.
Let me explain:
90% of the information the brain processes is visual, and it’s processed 60,000x faster than anything you read. That means when your brain first sees an image, it’s trying to join the dots between what you see and what you should be seeing.
Essentially, your brain is trying to figure out if the image makes sense.
If the image doesn’t fit your:
Then you’re going to drive your audience away from the image—and the share button—and right onto the next post in their feed.
And while standout images that don’t make sense might make your reader stop and look, it’s not going to make them share. Which is why you’re here, right?
I want you to flip your thinking on choosing an image. Instead of looking at it as, “Does this make sense for me to share it?” I want you to think of it this way:
“Does this make sense for my audience to share it?”
Which might sound like a small adjustment, but it makes a big difference to how you look at images. Because, you have to then consider how that image would look to their community, as well as your own.
To get a feel for what’s relevant, and what’s not, you you need to do a little research into your own niche and the authorities who are sharing images. And, the images their followers are sharing.
Take a couple of minutes to try this activity:
Good question, well phrased.
What counts as relevant for a company with, well, nothing relevant to photograph? Well, there’s one thing you and your audience have in common:
You’re both people.
Take the American Airlines twitter feed, @AmericanAir. There’s not too much that’s visual about their business, but people use their services every single day.
So why not photograph them having a great time doing it?
All relevant really means is that your images have to make sense to the reader. And, if you’re a company who can’t find a visual representation of what you do, use the failsafe of showing people enjoying it.
Abstract images – visuals that make their point through representation – get used a lot around social media. For example, Buffer uses them a lot on their social feeds.
But do they counts as relevant images?
The answer is: it depends on the goal.
As Kevan discussed in this article on creating twitter visuals, abstract visuals can still have an impact on shares and engagement, because any image is better than not using an image at all. But, as you saw earlier, simple designs have a big impact.
So if you just want to increase engagement and make a point, you can use abstract images all you want.
However, if you’re looking for maximum shares and engagement, your best choice is to go with a clear explanatory image—or a simple, easy-to-digest design—so the reader has to do less work to figure out what you’re trying to say.
A few weeks ago I went to the theatre to watch a comedy show. The guys on stage picked apart comedy through the ages—from Cavemen through to Chris Rock—and talked about what makes comedy funny. And about halfway through the show they said a line that has never left me:
“It’s not about what makes you laugh, it’s about what makes the audience laugh”
The same can be applied to content, and the images you’re creating. It’s not about what you would share, it’s about what your audience would share.
When you’re choosing or creating your images, ask yourself these questions:
If you can answer yes to all of these questions, you’ve got a relevant image that your audience can respond to.
Colors are powerful.
In fact, according to Neil Patel, they are 85% of the reason you choose to buy a product. And from a quick glance at my bookshelf, over half of all the books I’ve bought on impulse have orange on the cover—a color that fuels the impulse emotion.
There’s been a lot of research into how different colors affect people from different cultures and places, or how they can back up a point that’s being made.
For example, here’s a great infographic about the impact of different colors on people from around the world.
But, not much has been known about how colors impact readers sharing habits:
Until now.
A recent study from Georgia Tech examined over 1,000,000 Pinterest images between 2009 and 2011, and looked at the color trends between the highest and lowest shared images.
The results?
That’s because those three colors—red, purple and pink—all drive carnal, visceral emotions, such as failure and sexual arousal, in both men and women.
When you’re creating your next image, then, try making the points you want to stand out in either of these three colors for maximum shares.
Now you know the colors that work, that doesn’t mean you suddenly have to start drowning your images in Red, Pink and Purple. Instead, try to use the colors to make standout points in your images.
Take a look at this image I created for the Share As Image Blog, on why you should add images to your blog posts:
By highlighting the important pieces of information, this image alone brought in over 60 shares (out of 125) for the piece. It’s a simple tweak, but by making the points you want your readers to resonate with in those shareable colors, you can create a nice spike in your shares.
But, what if your image doesn’t have text?
You can still apply the same principles by making the focal point of your image stand out in one of those colors, too:
Or you can adjust the background to the image you’ve used:
The idea is to work these colors into your image where they fit, not to just force them in there because you feel you have to. These colors will increase the shares you have, but don’t damage your content just to make use of them.
It’s easy to think that your font is a simple design choice.
But the truth is that it’s the body language of your image. It says a lot to your reader without you even realizing it.
Not sure what I mean? Take a look at this image:
There’s a huge difference between the two, right?
Fonts have been shown to impact everything from your political beliefs, to whether you’re an optimist or a pessimist and how long someone will read an article for.
But what do they have to do with how your image can get more shares?
Simple. It’s all about emotion. Creating it can:
So, it boils down to the message you’re trying to put out – and the emotion you want to evoke. This slideshow has a great list of fonts and the emotions they create:
The aim here is to think beyond the words you’ve written; and make sure the font is a match for what you’re saying. Doing that isn’t as complex as you’d think, though. Here’s a simple three step guide to help you choose the best font for your image:
Okay, now you’ve seen the emotional power of choosing the right font. But what about the text you’ve actually written – how do you optimize that for sharing success?
Well it turns out there is no magic formula for text on images. All it really has to do is answer these questions:
The more powerful the message, though, the better the chance of the image being shared. For example, take a look at the This Girl Can campaign from the UK.
Their marketing strategy was simple: use motivational pictures of real women with a strong message on top, to spread the message – and increase the awareness – of women in sport and exercise.
The results are staggering:
And, they’re not only staggering from an emotional point of view. They managed to build a 62,500 person following in less than a year, and the engagement on all of their updates is high too.
Although the original message isn’t a Hashtag on the image, it’s still become one that their followers use every single day.
But, what should you do if you don’t have a Hashtag or message? Don’t worry; you can still get up to 847% more shares.
By using quotes in your image, you can take a boring mundane tweet and turn it into a really powerful image. As long as it fits the above checklist, of course. Take a message you want to share, and quickly turn it into a shareable social media image, like this one:
Okay, let’s do a quick round-up of everything you’ve learned so far.
An image needs six elements to get shared:
Where do you go from here? Well, I’ve got a little task for you, if you choose to accept it. Don’t worry, this blog post won’t self destruct if you don’t.
طراحی بنرهای تبلیغاتی در موفقیت تبلیغات اینترنتی شما بسیار تاثیرگذار است. بنرهای تبلیغاتی یکی از مفیدترین روشهای بازاریابی آنلاین در دنیای امروزی میباشد. تمام شرکتها از بنرهای تبلیغاتی در فرمهای گوناگون استفاده میکنند. این روش تبلیغاتی به دلیل مقرونبهصرفهبودن، رسانهای موثر در آگاهی شرکت برای اندازهگیری میزان تاثیر این روش میباشد. از طرفی طراحیهای متفاوتی برای بنرهای تبلیغاتی در نظر گرفته میشود که این روش را خاص مینماید.
حال در نظر بگیرید که مشتری از شما درخواست یک بنر تبلیغاتی دارد. وظیفه شما به عنوان طراح بنر تبلیغاتی این است که کاری کنید تا این بنرها توسط بینندهها، دیده شوند! در زیر، نکات و راهنماییهایی برای طراحی بنرهای تبلیغاتی موفق آورده ایم. با بلاگ ادنگاه در ادامهی این مطلب همراه باشید.
۱- از سایزهای استاندارد و تاثیرگذار استفاده کنید.
بر اساس اطلاعات ارائه شده توسط Google Adsense موفقترین سایزهای بنر به شرح زیر میباشد:
در حالت ایدهآل، شما فضایی را در وبسایت خریداری میکنید که بینندهها بدون بالا پایین کردن صفحه آن را ببینند و از طرفی نزدیک به محتوای اصلی وبسایت نیز باشد.
۲- سلسله مراتب را رعایت کنید.
اولین و مهمترین اصل میگوید: طراحی بنرهای تبلیغاتی برای دو منظور انجام میشوند. اول معروف شدن برند و دوم بالا رفتن ترافیک وبسایت.
همچنین بنرها سه جزء مهم دارند:
اول، لوگوی شرکت شما: لوگوی شرکت شما باید در راستای معرفی شما به مشتریان طراحی شود. مطمئن شوید که لوگوی شما به لحاظ بصری، برترین باشد، اما نه برتر از ارزش پیشنهادی برند و درخواست انجام فعالیت.
دوم، ارزش پیشنهادی برند: ارزش پیشنهادی برند، ویترینی از خدمات یا محصول شماست و توجه مشتریان را با محصولات جذاب، پیشنهادها و قیمتهای ویژه و از این قبیل، به خود جلب مینماید. برای مثال جملاتی مانند «کیفیت بالا»، :«تخفیف ۵۰ درصدی»، «پیشنهادی خاص برای مدتی محدود» یا «رایگان» از همین دست ارزشهای پیشنهادی میباشد. این جملات باید بیشتر فضای بنر تبلیغاتی شما را دربرگیرد و اولین عباراتی باشند که نظر مشتریان را جلب نمایند.
سوم، فرخوان برای اقدام [CTA: Call to Action]: فراخوان برای اقدام، معمولا نوشته یا دکمهای به شکل «کلیک کنید»، «بیشتر ببینید» یا «ثبت نام کنید» میباشد. این گزینه باید در مرکز بنر تبلیغاتی قرار گیرد تا مشتریان برای کلیک روی آنها برانگیخته شوند.
ساده طراحی کنید و متن هوشمندانهای داشته باشید. بینندهها معمولا نگاهی گذرا و در حد ثانیه به بنر شما دارند.
۴- از دکمهها به طور مناسب استفاده نمایید.
بسته به نوع طراحی بنرهای تبلیغاتی، دکمهها به دلیل تاثیرشان در افزایش نرخ CTR (یعنی نسبت تعداد نمایشهای بنر در مقابل تعداد دفعاتی که بینندهها روی آن کلیک کردهاند)، مهم میباشند. اگر مایل هستید تا از دکمهها در بنر خود استفاده نمایید، آنها را در قسمت پایین، سمت راست بنر قرار دهید. همچنین از رنگهای مختلف استفاده نمایید و جایگاه دکمهها را در بین سایر عبارات بنر، ثابت قرار دهید.
۵- بنر شما باید چارچوی مشخصی داشته باشد.
چشم بینندهها به طور معمول به موضوع داخل قاب، توجه مینماید. بنابراین از داشتن چارچوبی مشخص به همراه ابزارهای گرافیکی، مخصوصا در لبهی قابها، برای بنر خود مطمئن شوید. اگر زمینه بنر شما سفید است، به طور معمول باید قابی خاکستری برای آن تعریف کنید تا مرزها را مشخص نمایید. اگر زمینه بنر شما سفید نیست، میتوانید از رنگهای نامحسوسی مانند دودی استفاده نمایید.
۶- متن بنرها را طوری تنظیم کنید که با یک نگاه خوانده شوند.
تیتر و نوشته را در سایزهای مختلف بنویسید. دقت کنید که هم تیتر و هم نوشته، ۴ یا کمتر از ۴ خط باشند. از فونتهای شکسته یا چاپی و یا بسیار درشت استفاده نکنید. دقت کنید که از حروف بزرگ استفاده نکنید و سایز فونت شما مناسب باشد.
۷- مطمئن شوید که طراحی سازگار با برند شرکت دارید.
بنر شما به صفحه فرود وبسایت شما لینک میشود. مطمئن شوید که طراحی بنرهای تبلیغاتی شما سازگار با برند شرکت شما باشد و صفحه فرود خود را نیز طوری طراحی کنید که بیننده را گیج نکند.
۸- از فرمتهای صحیح استفاده نمایید.
JPG، PNG و GIF یا فایلهای ادوبی فلش، پسوندهایی هستند که بنر شما را تحویل بیننده میدهند و شما باید با نرمافزارهایی مانند ادوبی ایلاستریتور، فتوشاپ یا فلش کار کنید تا این پسوندها را درست کنید. در نظر داشته باشید که بنرهای فلش در تمام دستگاهها خوانده نمیشوند. بنابراین بنرها را همواره با پسوند GIF درست کنید تا بازدیدکنندهی را از دست ندهید.
توجه کنید که از مدتی پیش، مرورگرهای پراستفادهی دنیای اینترنت، از جمله گوگل کروم و موزیلا فایرفاکس، نمایش بنرهای فلش را با محدودیت و ممنوعیت مواجه کردهاند. از اینرو، عمر استفاده از فلش در بنرهای تبلیغاتی به نوعی پایان یافته است.
۹- حجم بنر کم باشد.
هرچقدر حجم بنر شما کمتر باشد، بهتر است. بر اساس اطلاعات ارائه شده در Google Adwords حجم بنر باید کمتر از ۱۵۰ کیلوبایت باشد. بنر شما باید قبل از اینکه بینندهها به محل دیگری از وبسایت مراجعه نمایند، لود شده تا دیده شود.
۱۰- از تصاویر، درست و فقط در مواقعی که نیاز دارید استفاده نمایید.
تصاویر، فایلهای گرافیکی و عکسهای مرتبط را در جهت افزایش تاثیر پیامتان به بازدید کنندهها، انتخاب نمایید. دقت کنید که این تصاویر باید مستقیما به محصول مشتری شما مرتبط باشد. هیچ مفهوم انتزاعی در این میان وجود ندارد. در صورتی که توانایی مالی برای کار با سوپر مدلها یا عکاسهای حرفهای را ندارید، از میلیونها عکس موجود در اینترنت استفاده کنید.
۱۱- حس ضرورت را به بیننده القا کنید.
حس دیداری ضرورت را با نوشتههای خود به همراه ایجاد تضاد و رنگهای مختلف القا کنید. تبلیغات اینترنتی نباید همیشه نامحسوس باشند. گاهی باید حس ضرورت را در بیننده ایجاد نمود.
۱۲- از رنگ های مناسب استفاده کنید.
هر رنگی دارای بعد مخصوص به خود می باشد و مهم است که بدانیم میخواهیم چه حسی را در بیننده برانگیزیم. انتخاب رنگ باید در راس کار ما باشد. زیرا رنگها اولین چیزی هستند که توسط بینندهها دیده میشوند. رنگها همچنین، ذهنی هستند و در فرهنگهای مختلف، ابعاد مختلفی نیز دارند. بنابراین مطمئن شوید که مخاطب خود را میشناسید و سپس از رنگها استفاده کنید. در زیر، لیست رنگها و حسی که این رنگها در میان مخاطبان غربی ایجاد میکنند، آورده شده است. تبلیغ شما میتواند ترکیبی از رنگ های زیر باشد تا در مجموع، حس مناسبی را بسازد.
قرمز: همراه است با خطر، شور و شوق، عصبانیت، هیجان، سرعت و عشق. جذابترین و قویترین رنگ برای همه بینندهها. همچنین در تحریک اشتها نیز موثر است و بیشتر برای ایجاد تعادل کاربرد دارد.
نارنجی: همراه است با انرژی و خوشحالی. این رنگ به تاثیرگذاری قرمز نیست و انرژی این رنگ را نیز ندارد. بهترین گزینه برای دکمه فراخوان برای اقدام [CTA] میباشد.
زرد: همراه است با شوخ طبعی، نور آفتاب، خوشبینی و انرژی. سایههایی از رنگ زرد در بنر، میتواند توجه بیننده را جلب نماید و از رنگهای نارنجی و قرمز نیز با انرژیتر است و باید به صورت عاقلانهای در بنر استفاده گردد. استفاده زیاد از رنگ زرد چشم بیننده را اذیت میکند، زیرا بیشترین بازتاب را نسبت به سایر رنگها دارد.
سبز: همراه است با سلامتی، خنکی، ثروت، محیط زیست، رشد، پرورش و شروعی تازه. سبز، بهترین رنگ در دید بازدیدکننده میباشد.
آبی: همراه است با امنیت، اعتماد، وضوح، آرامش، خِرَد، رسمیت، ظرافت، حقیقت، رفع خستگی، سردی و مردانگی.
بنفش: همراه است با لوکس بودن، وفاداری، افراط، خِرَد، جادو، جاهطلبی، زنانگی و خلاقیت. این رنگ به بیننده حس آرامش را تلقین مینماید.
صورتی: یادآور عشق، شیرینی، زنانگی و نوزادان. بهترین رنگ برای معرفی زنانگی!
مشکی: همراه است با انحصارطلبی، شیطان، رمزآلودی، قدرت، پرستیژ، غم و تشریفات. نوشته مشکی روی پس زمینه سفید، خواناترین ترکیب رنگی است.
سفید: همراه است با خلوص، پاکی، مدرنیته، بیتفاوتی، سادگی، صداقت، بیگناهی، بکر بودن و خوبی.
قهوهای: یادآور طبیعت، چوب، چرم و فروتنی. برای رنگ پسزمینه و متن مناسب است.
خاکستری: یادآور بیطرفی و عملگرایی. در صورتی که از این رنگ در پسزمینه استفاده نمایید، تاثیر سایر رنگ ها را تشدید میکنید.
در نهایت، هنگامی که تبلیغات خود را طراحی میکنید، مطمئن شوید که از حالت RGB استفاده کردهاید. در نظر داشته باشید که بنر شما، تنها روی صفحه نمایش دیده خواهد شد.
۱۳- از انیمیشنها استفاده کنید.
تبلیغات انیمیشندار، معمولا بهتر و تاثیرگذارتر از تبلیغات ثابت هستند. فقط باید مراقب این باشید که حواس بیننده را از موضوع اصلی تبلیغ خود پرت نکنید. از انیمیشنهای ساده که کمتر از ۱۵ ثانیه هستند استفاده کنید. مطمئن شوید که بیش از سه بار تکرار نشوند. همچنین آخرین فریم انیمیشن شما باید منتج به فراخوان برای اقدام [CTA] باشد.
۱۴- تبلیغ را مکمل، اما برجستهتر از وبسایت میزبان طراحی کنید.
در صورتی که تبلیغ شما به صورت دیداری در وبسایت میزبان حل شود، احتمالا به دنبال جلب اعتماد بینندههای این وبسایت میباشد. اما مراقب باشید که زیاد هم حل نشوید. تبلیغ شما نیاز به دیده شدن و کلیک خوردن دارد.
این نکتهها تنها دستورالعملهای عمومی برای طراحی بنرهای تبلیغاتی بودند و قطعا فضایی برای تجربه هر کدام وجود خواهد داشت. همچنین به این نکته توجه داشته باشید که یک بنر تبلیغاتی خوب، صرفا بنری نیست که ظاهری زیبا داشته باشد. بنری خوب است که عملکرد بهتری داشته باشد. ممکن است زشتترین چیز در دنیا باشد، اما با عملکرد خوب، تبدیل به یک طرح موفق خواهد شد.