Loading presentation...

Present Remotely

Send the link below via email or IM

Copy

Present to your audience

Start remote presentation

  • Invited audience members will follow you as you navigate and present
  • People invited to a presentation do not need a Prezi account
  • This link expires 10 minutes after you close the presentation
  • A maximum of 30 users can follow your presentation
  • Learn more about this feature in our knowledge base article

Do you really want to delete this prezi?

Neither you, nor the coeditors you shared it with will be able to recover it again.

DeleteCancel

Make your likes visible on Facebook?

Connect your Facebook account to Prezi and let your likes appear on your timeline.
You can change this under Settings & Account at any time.

No, thanks

Visual Content for Social Media

No description
by

Aleksandra Atanasova

on 4 February 2015

Comments (0)

Please log in to add your comment.

Report abuse

Transcript of Visual Content for Social Media

pixel deep
Beauty is
CREATING VISUAL CONTENT
FOR USE ON SOCIAL MEDIA
only
Why use images on social media?
Visual content = still or moving images adapted for social sharing and used together with text.
photos
infographics
videos
GIFs
90%
of visual information is
transmitted to the brain
50,000
times faster than text
Images are processed
40%
of nerve fibers from the brain
are connected to the retina
65%
of people are visual learners
150%
Tweets with images get
92%
make purchases based on appearance
85%
place
color
as the #1 reason to make purchase
Visuals affect perceptions emotions
cognition and
behavior
vs
the set of all points in a plane that are
at a given distance from a given point
The meaning of
colors
Color increases brand recognition by 80%
Red -
Action, Appetite. One of the top 2
favorite
colors.
Orange
- Excitement, Adventure, Vitality. Popular with
children
.
Yellow
- Sun, Optimist, Creative.
Draws attention
, don't overuse.
Green
- Growth, Freshness, Ecology, Nature.
Balances emotions.
Blue
- Dignity, Intelligence, Reliability, Calmness, Peace.
#1 favorite color.
The most used color in corporate identity.
Purple
- Magic, Mystery, Nobility. Color
either loved or hated
.

Ads in color are read 42% more than B&W ads
Colors improve comprehension by 72%
more RTs than normal.
Visuals are social-media-friendly.
They're easily sharable and palatable.
Show, not tell
Emotional impact
Memorable
Visual content is king
Uploaded videos hit the
highest organic reach
on Facebook
Instagram
the most popular social media platform among teenagers. More monthly active users than
Twitter.
Don't tell

if you can
show
Create
original
visual content
Quotes Checklists Infographics Videos Slideshare
Pinterest is the world's
4th largest
driver of traffic
Users more
likely to
engage with brands
on visual content
Crowdsource
content
Pictures Images Graphics GIFs
Photo contests Poster contests
Add back
the words
Captions Hashtags

types of
visual
content
9
Screenshots
Eye catching
photography
Video
(embedded)
Data visualization
(charts,
graphs
)
Infographics
Comics
Memes
Quotes
Sketchnotes
GIFs
(Twitter)
Social Media
Image Size Guide

Header:
1500 x 500
Profile:
400 x 400
In-stream photo:
440 x 220
(880 x 440) Max 2 MB

Cover:
851 x 315
Profile: min
180 x 180
In-stream:
1200 x 1200
(1400 x 1400)

*PNG format better for logos / text
Fonts
Rules of thumb
Use up to
2
fonts together in a graphic
Most fonts in online tools are not cyrillized:
stick with Verdana or Calibri or Ariel
Times New Roman
Combine Serif with non-Serif
Complementary colors
(single and double)
Color palettes
Analog colors
Monochrome colors
Different color schemes can enhance or subdue the message.
Choose between:
matching colors, intensify the leading one
play with one color, vary hue and intensity
better contrast, avoid loud and cheap opposites (red/green)
Achromatic scheme
black and white ads are less visible than colored ones
Online palette tools
http://www.colorcombos.com/
http://paletton.com/
What to do with photos?
Photos
Free to use:
EP and DGs on Flickr: e.g.ECHO
Your own! beback.bg*
CC0 & CC license:
http://www.flickr.com
http://www.pixabay.com
http://www.pexels.com
http://www.youthmedia.eu/media/
https://unsplash.com/
http://www.autreplanete.com/ap-social-media-image-maker/

An online tool for resizing photos according to platforms:
http://ec.europa.eu/avservices/
Touch up
Add text / icons
Make a collage
Make a GIF / Vine/ slideshow
Use filters
Crop, change
transparency
Add textures
Choose a frame
Online tools
http://www.picmonkey.com/
https://pixlr.com/
(Editor, O-matic)
http://www.fotor.com/
(Edit a photo)
http://www.liveluvcreate.com/
http://www.canva.com
https://pixlr.com/
(Express)
http://quozio.com
http://recitethis.com
Write a quote
Information box
speech bubble
(20% text rule)
Add graphic elements
Online tools
for Facebook ads
https://www.facebook.com/ads/tools/text_overlay
Check the visual before boosting!
http://www.canva.com
(can choose custom dimensions!)
http://www.fotor.com/
http://www.photovisi.com/
Vary size and
number of photos
Range photos in
different shapes
Place them on a background
Online tools
Place the photos in moving GIFs / Vines
Make video slideshows (1 sec pro image)
How to deal with boring photos from events?
Tweet with 4 photos at once (max 2 MB)
multiple-photos on Facebook posts
Online tools
Videos
Videos have better reach when uploaded directly on Facebook.
[not as links]

Make video posts at least once a week to increase outreach.

NB! The length of the video: keep it
3 minutes max.
, longer are boring.



http://downloads.europarltv.europa.eu/

Use videos EC/EP with BG subtitles:
http://ec.europa.eu/avservices/
Convert YouTube videos into MP4
http://www.clipconverter.cc/
Create your own!
MovieMaker
http://www.photocollage.net
http://moovly.com
Infographics
Visual representations of information for better understanding of complex data
Make a concept
Pick data
Avoid long texts
An infographic is
not:
a chart
an essay
Fun to follow
Tips for creating infographics
Double check info
Every fancy design
should first offer value
Keep it social media friendly

Easy to remember
Use mild colors for background
Use icons, not words
Make it
visually appealing
(visible, shareable, not too long: 1000 x 1600 px)
Free vector images: http://www.flaticon.com/
Use big fonts: >14 px
Keep sentences short
Online
tools
for creating infographics
http://piktochart.com
To remove the watermark at the end of the
canvas, make it a longer than needed.
Very intuitive, offers an array of free icons by themes. Pick custom size and make it larger.
Offers the best charts
http://infogr.am
http://easel.ly
A lot of sample infographics
for inspiration.
Don't forget to add your logo before it goes viral :)
And keep in mind the corporate visual identity.
http://visme.co
Always use the Custom dimension to choose your own size, otherwise it gets stuck at 900 x 600 px
The basic free version is limited to 3 projects. Must remove the Visme logo afterwards.
http://makeagif.com
http://gifmaker.me/
When pinned on top of a tweet,
GIFs are moving!


Pin a GIF to show off with a past event,
make presentation or introduce people
http://kaboompics.com
http://www.keepcalm-o-matic.co.uk
http://www.pinwords.com
http://www.pictaculous.com/
(discovers colors in a photo)
http://awesomescreenshot.com/
Browser extension, better editing
http://offers.hubspot.com/free-stock-photos
HubSpot Free Stock Photos (No attribution!)
(CC0 No attribution!)
(CC0 No attribution!)
(Attribute under CC guidance!)
http://offers.hubspot.com/templates-shareable-graphics-social-media
(Free customizable graphics, no attribution!)
(CC0 No attribution!)
http://www.freepik.com/
(CC attribution differs for each visual!)
(CC0 No attribution!)
http://commons.wikimedia.org/wiki/Main_Page
(Attribute under CC guidance!)
http://unrestrictedstock.com/
(Attribution differs; vectors and stock pics)
(Attribution differs; vectors and stock pics)
http://foter.com/

(CC database, check license)
http://creative-commons.deviantart.com/
(CC attribution differs for each visual!)
http://www.bigfoto.com/
(Only links to attribute)
http://search.creativecommons.org/
(Biggest CC database, check license)
http://photopin.com/

(CC attribution differs)
http://morguefile.com/
(CC attribution differs)
http://powtoon.com
http://www.gratisography.com/
(CC0 No attribution!)
Full transcript