neflin: creating digital ads

65

Upload: diana-silveira

Post on 19-Feb-2017

350 views

Category:

Technology


0 download

TRANSCRIPT

Page 1: NEFLIN: Creating Digital Ads
Page 2: NEFLIN: Creating Digital Ads

Agenda Images 101 Basic Tips Colors Fonts Creation Tools Images Creating Ads on your own: GIMP/PowerPoint & more

Page 3: NEFLIN: Creating Digital Ads

Why visual?

Page 4: NEFLIN: Creating Digital Ads

Posts with an image every 75-100 words

attracted on average 30 more shares than those

without.

Source: http://goo.gl/9thm5l

Page 5: NEFLIN: Creating Digital Ads

Graphics leave a lasting

impression“Your mind only retains

about 20% of the written information it takes in, compared to the 80% it

retains from what you see and do, because visual

information is processed 60,000 times quicker

than written information.”

Source: http://goo.gl/9thm5l

Page 6: NEFLIN: Creating Digital Ads

Types of Images

Page 7: NEFLIN: Creating Digital Ads

jpgGood for photosCompressing can cause you to lose detail

Page 8: NEFLIN: Creating Digital Ads

pngGood for photos * fine linesDoesn’t lose detailCan be transparent

Page 9: NEFLIN: Creating Digital Ads

gifNot good for pictures line art, like logos, with solid areas of the same color.Can be transparent

Page 10: NEFLIN: Creating Digital Ads

Gifs can be animated***use sparingly***

Image: http://goo.gl/bWLpSc

Page 11: NEFLIN: Creating Digital Ads

Picture Sizing

Page 12: NEFLIN: Creating Digital Ads

DimensionsPlugin: page ruler

Page 13: NEFLIN: Creating Digital Ads

File Size The larger the file size: Increases Resolution Increases Load Time

“large high quality images should be kept between 100K and 60K.

Smaller images should be closer to 30K and lower.”

Source: https://goo.gl/M2aUI6

Page 14: NEFLIN: Creating Digital Ads

Pixlr Edit Image Size Edit Image Compression

Page 15: NEFLIN: Creating Digital Ads

Open Graph ImagesOpen graph images are the images that automatically appear when you share a link to a blog post on social media.Tags in this image are important: title, description, preview image, WordPress – Featured Image

Page 16: NEFLIN: Creating Digital Ads

Creating images with words

Page 17: NEFLIN: Creating Digital Ads

Keep It SimpleoWhite space is goodoFocus on the message

Image: https://goo.gl/kKiSCf

Page 18: NEFLIN: Creating Digital Ads

From Boost Blog Traffic

Page 19: NEFLIN: Creating Digital Ads

Watch your background

Flower Arrangements

Flower Arrangements

Page 20: NEFLIN: Creating Digital Ads

Use emotions

Late Night HoursFor Finals

Late Night HoursFor Finals

Page 21: NEFLIN: Creating Digital Ads

ColorsoRed, Purple and

Pink promote sharingoGreen, Black, Blue and

Yellow all stop people from sharing

Image & Source: https://goo.gl/osH4bW

Page 22: NEFLIN: Creating Digital Ads

Full Infographic: http://brandongaille.com/psychology-colors-marketing/

Page 23: NEFLIN: Creating Digital Ads

Fonts

Image: http://goo.gl/0WDZ06

Page 24: NEFLIN: Creating Digital Ads

considerationso Emotiono Designo Audienceo Readabili

ty

Can you read it? Do you want to?Can you read it? Do you want to?Can you read it? Do you want to?

Can you read it? Do you want to?

Page 25: NEFLIN: Creating Digital Ads

Serif v sans serif

Ultimate Infographic: http://goo.gl/BGQi9

Page 26: NEFLIN: Creating Digital Ads

Font sourcesDafont.comFont SquirrelFont SpringGoogle Fonts

Page 27: NEFLIN: Creating Digital Ads

General Guidelines

Page 28: NEFLIN: Creating Digital Ads

Full Infographic: Vennage

Page 29: NEFLIN: Creating Digital Ads

5 Golden Rules Pull me in and then be engaging Give me something Be relevant Keep it simple Be shareable

Source: http://goo.gl/Tlgmy4

Page 30: NEFLIN: Creating Digital Ads

Creation tools

Page 31: NEFLIN: Creating Digital Ads

Canva

Page 32: NEFLIN: Creating Digital Ads
Page 33: NEFLIN: Creating Digital Ads

BeFunky

Page 34: NEFLIN: Creating Digital Ads

PicMonkey

Page 35: NEFLIN: Creating Digital Ads

PlaceIt

Page 36: NEFLIN: Creating Digital Ads

Make your own lnfographicsVenngageInfo.gramPicktochart.com

image

Page 37: NEFLIN: Creating Digital Ads

Before Thursday Try out one of the sites we discussed today, share images with me Download GIMP if possible: https://www.gimp.org/

Page 38: NEFLIN: Creating Digital Ads

Contact Diana Silveira

[email protected]

Page 39: NEFLIN: Creating Digital Ads
Page 40: NEFLIN: Creating Digital Ads
Page 41: NEFLIN: Creating Digital Ads
Page 42: NEFLIN: Creating Digital Ads

Review Questions about Part 1? What did you try?

Page 43: NEFLIN: Creating Digital Ads

Finding images

Page 45: NEFLIN: Creating Digital Ads

Digital Ads: Considerations

Page 46: NEFLIN: Creating Digital Ads

Create multiple ads for single events/resources.- Fresh Content- Different Audiences

Page 47: NEFLIN: Creating Digital Ads

“The best online display creative relies on a single image, a provocative headline and brief copy.” Quote: LinkedIn Article https://goo.gl/XACxxw

Images: http://goo.gl/6glVoK; http://goo.gl/rTmYnmhttp://goo.gl/tim3be

Page 48: NEFLIN: Creating Digital Ads

Make sure the ad

destination page is clear

Page 49: NEFLIN: Creating Digital Ads

Include aCall to ActionLikeSubscribeCome inVisitDownloadWhat other words should we use?

Page 50: NEFLIN: Creating Digital Ads

Creating Your Own Ads

Page 51: NEFLIN: Creating Digital Ads

What size?

Page 52: NEFLIN: Creating Digital Ads

Infographic: http://goo.gl/NM7KQX

Handy Guide

Page 53: NEFLIN: Creating Digital Ads

Using PowerPoint1. Create Custom Size2. Add Background image3. Add Text & Additional

Graphics4. Compress5. Save as JPG

Page 54: NEFLIN: Creating Digital Ads

GIMPhttps://www.gimp.org/

Page 55: NEFLIN: Creating Digital Ads
Page 56: NEFLIN: Creating Digital Ads

Photoshop

Elements

Page 58: NEFLIN: Creating Digital Ads
Page 59: NEFLIN: Creating Digital Ads

Checklist to Success

Keep it CleanMessage should be

specificUse proper sizing

Stand OutCopy must entice &

explainClear Call to action

Target a specific audience

Checklist created from: http://goo.gl/2laoHv

Page 60: NEFLIN: Creating Digital Ads

What is success?• Use Google Analytic “Campaigns” to measure

Use different referring URL to track clicks

Page 61: NEFLIN: Creating Digital Ads

Additional tips/resources can you add? Facebook and Twitter (hootsuite) offer great feedback

Page 62: NEFLIN: Creating Digital Ads

Additional Resources

Page 63: NEFLIN: Creating Digital Ads

Creative Market

https://creativemarket.com/

Page 65: NEFLIN: Creating Digital Ads

Contact Diana Silveira

[email protected] Slideshare.net/dee987