78

Start Thinking Visually _ CoSIDA 2015

Embed Size (px)

DESCRIPTION

Strategic Insight for the best design practices as we move forward as communicators.

Citation preview

Page 1: Start Thinking Visually _ CoSIDA 2015
Page 2: Start Thinking Visually _ CoSIDA 2015

THE BRAND

Page 3: Start Thinking Visually _ CoSIDA 2015

THE BRANDA brand is a name, term, design, or other feature that distinguishes one seller's product from those of others.

Page 4: Start Thinking Visually _ CoSIDA 2015

THE BRANDA brand is a name, term, design, or other feature that distinguishes one seller's product from those of others.

Page 5: Start Thinking Visually _ CoSIDA 2015

WHAT MAKES APPLE’S BRAND DIFFERENT

FROM MICROSOFT’S?

Page 6: Start Thinking Visually _ CoSIDA 2015

YOUR BRAND

Page 7: Start Thinking Visually _ CoSIDA 2015

LOGO

YOUR BRAND

Page 8: Start Thinking Visually _ CoSIDA 2015

LOGO

FONTS

YOUR BRAND

Page 9: Start Thinking Visually _ CoSIDA 2015

LOGO

FONTS

YOUR BRAND

serifsans serif

Page 10: Start Thinking Visually _ CoSIDA 2015

LOGO

FONTS COLORS

YOUR BRAND

Page 11: Start Thinking Visually _ CoSIDA 2015

LOGO

FONTS COLORS VOICE

YOUR BRAND

Page 12: Start Thinking Visually _ CoSIDA 2015

VOICE

AUTHORITATIVECALL TO ACTION

Page 13: Start Thinking Visually _ CoSIDA 2015

VOICE

AUTHORITATIVECALL TO ACTION

INFORMATIVE90% OF WHAT YOU PRODUCE

Page 14: Start Thinking Visually _ CoSIDA 2015

VOICE

AUTHORITATIVECALL TO ACTION

INFORMATIVE90% OF WHAT YOU PRODUCE

FUNA MUST!

Page 15: Start Thinking Visually _ CoSIDA 2015

VOICE

AUTHORITATIVECALL TO ACTION

INFORMATIVE90% OF WHAT YOU PRODUCE

FUNA MUST!

AUTHENTICYOUR CULTURE

Page 16: Start Thinking Visually _ CoSIDA 2015
Page 17: Start Thinking Visually _ CoSIDA 2015
Page 18: Start Thinking Visually _ CoSIDA 2015
Page 19: Start Thinking Visually _ CoSIDA 2015
Page 20: Start Thinking Visually _ CoSIDA 2015
Page 21: Start Thinking Visually _ CoSIDA 2015

MAKE YOUR IMPRESSION ...AND QUICKLY

Page 22: Start Thinking Visually _ CoSIDA 2015
Page 23: Start Thinking Visually _ CoSIDA 2015
Page 24: Start Thinking Visually _ CoSIDA 2015

AVER

AGE

ATTE

NTIO

N SP

AN O

F A

IN 2

000

?? 12

seco

nds

Page 25: Start Thinking Visually _ CoSIDA 2015

AVER

AGE

ATTE

NTIO

N SP

AN O

F A

IN 2

015

??

8.25

seco

nds

Page 26: Start Thinking Visually _ CoSIDA 2015

AVER

AGE

ATTE

NTIO

N SP

AN O

F A

9

seco

nds

Source: National Center for Biotechnology Information, U.S. National Library of Medicine, The Associated Press | Research Date: April 2nd, 2015

Page 27: Start Thinking Visually _ CoSIDA 2015

or less

PERCENT OF WORDS READ ONWEB PAGES WITH

111 words

49 %

Page 28: Start Thinking Visually _ CoSIDA 2015

or less

PERCENT OF WORDS READ ONWEB PAGES WITH

593 words

28 %Source: National Center for Biotechnology Information, U.S. National Library of Medicine, The Associated Press | Research Date: April 2nd, 2015

Page 29: Start Thinking Visually _ CoSIDA 2015

information

VISUALS GET

text-based

94 %

more views than

Page 30: Start Thinking Visually _ CoSIDA 2015

TIM

E M

AN

AG

EM

EN

T

& P

RE

PA

RA

TIO

N

• BEING PREPARED IS THE DIFFERENCE BETWEEN 9 RETWEETS AND 119 RETWEETS

• CERTAIN SITUATIONS CALL FOR CERTAIN TYPES OF GRAPHICS

• CONSTRUCT TEMPLATES TO YOUR LIKING AHEAD OF TIME -- PREPARATION BEFOREHAND IS VITAL

Page 31: Start Thinking Visually _ CoSIDA 2015

TIM

E M

AN

AG

EM

EN

T

& P

RE

PA

RA

TIO

N

• KEEP IN MIND AS TO WHAT’S IMPORTANT

• THERE ARE NO LIMITATIONS (YET) ON PUTTING INFORMATION OUT THERE - KEEP YOUR INTENT ON ONE, SINGLE IDEA OR TARGET ... NOT THREE OR FOUR AT ONCE

• SHARE THESE PLATFORMS FOR A CONSISTENT LOOK & FEEL

Page 32: Start Thinking Visually _ CoSIDA 2015

TEMPLATES ARE YOUR BEST FRIEND

Page 33: Start Thinking Visually _ CoSIDA 2015

2x1

1x2

1x1

SOCIAL MEDIA

Page 34: Start Thinking Visually _ CoSIDA 2015

SOCIAL MEDIA

1x1

Page 35: Start Thinking Visually _ CoSIDA 2015

SOCIAL MEDIA

MATCHUPSAWARDS

PROMOTIONSIN-GAME

PLAYER PROFILES

Page 36: Start Thinking Visually _ CoSIDA 2015

SOCIAL MEDIA

Page 37: Start Thinking Visually _ CoSIDA 2015

SOCIAL MEDIA

Page 38: Start Thinking Visually _ CoSIDA 2015

SOCIAL MEDIA

Page 39: Start Thinking Visually _ CoSIDA 2015

WEBSITE

ACHIEVEMENTSNEW HIRES

GAME PROMOTIONSFEATURE STORIES

Page 40: Start Thinking Visually _ CoSIDA 2015

WEBSITE

Page 41: Start Thinking Visually _ CoSIDA 2015

WEBSITE

Page 42: Start Thinking Visually _ CoSIDA 2015

EMAIL

IS YOUR BRAND REPRESENTED IN

YOUR EMAIL?

Page 43: Start Thinking Visually _ CoSIDA 2015

EMAIL

Page 44: Start Thinking Visually _ CoSIDA 2015

EMAIL

Page 45: Start Thinking Visually _ CoSIDA 2015

PRINT

FLYERSPOSTERS

ADSPOSTCARDS

Page 46: Start Thinking Visually _ CoSIDA 2015

PRINT

MEN’SBASKETBALL

/OhioStateMensBasketball @OhioStateHoops #GoBucksCONNECT WITH US

WOMEN’SBASKETBALL

/OhioStateWomensBasketball @OhioState_WBB #GoBucksCONNECT WITH US

WOMEN’SVOLLEYBALL

/OhioStateWomensVolleyball @ohiostatewvball #GoBucksCONNECT WITH US

Page 47: Start Thinking Visually _ CoSIDA 2015

TEMPLATES OVERVIEW

• Evaluate what makes sense to develop a template for (look at what you produced this past year)

• Different platforms require different templates/set-ups

• Keep them simple and concise

Page 48: Start Thinking Visually _ CoSIDA 2015

PHOTOGRAPHYCHOOSE YOUR PHOTOS WISELY

and create

Page 49: Start Thinking Visually _ CoSIDA 2015

As communicators, our goal is to get across the message in the most concise way.

Photography is a great tool to accomplish this.

Page 50: Start Thinking Visually _ CoSIDA 2015

EVOKE EMOTIONS

CONFIDENCEINTENSITY

FOCUSINVITING

JOYFUL

Page 51: Start Thinking Visually _ CoSIDA 2015

EVOKE EMOTIONS

Page 52: Start Thinking Visually _ CoSIDA 2015

PHOTO APPLICATIONS

Page 53: Start Thinking Visually _ CoSIDA 2015

PHOTO APPLICATIONS

Page 54: Start Thinking Visually _ CoSIDA 2015

PHOTO APPLICATIONS

Page 55: Start Thinking Visually _ CoSIDA 2015

US

IN

G G

RA

PH

IC

S

AS

NO

TE

S• AN ENTIRE PAGE, WHEN STARTING OUT A PHOTOSHOP DOCUMENT 8.5 x 11 in. (2550 x 3300), CAN EASILY BE USED AS BOTH A GRAPHIC AND A FULL PAGE FOR YOUR NOTES

• SHARE ON FACEBOOK AND SHRINK DOWN TO UNDER 6MB TO BE ABLE TO TWEET

• THE KEY IS GET AS MUCH PERTINENT INFORMATION AS POSSIBLE ON A PAGE WITHOUT OVERWHELMING THE CONSUMER

Page 56: Start Thinking Visually _ CoSIDA 2015

US

IN

G G

RA

PH

IC

S

AS

NO

TE

S• START OUT A GRAPHIC/TEMPLATE IN PHOTOSHOP AND IMPORT INTO InDESIGN & LEAVE ROOM FOR MALLEABLE INFO - TRANSFORM STATS AND OTHER INFO THERE

• DON’T USE WORDS WHEN YOU DON’T HAVE TO (I.E. ... PEOPLE RELATE TO FLAGS JUST AS WELL AS ‘CAN’ OR ‘GER’)

• EXPORT THIS ENTIRE PAGE AS A PDF - BRING IT INTO PHOTOSHOP AND SHARE IT SOCIALLY! THIS IS WHY SOMETIMES, THE LESS TEXT, THE BETTER! IT’S EASIER FOR PEOPLE TO PICK UP INFORMATION

FEB272015 | 7:30pm (CST) | COMPTONFAMILYICEARENA | SOUTH BEND, Ind. 38

GP G A PTS PIM +/-5 0 2 2 - - +3

GWG PPG SHG SOG SG%0 0 0 8 0.00

GP G A PTS PIM +/-5 0 0 0 - - +2

GWG PPG SHG SOG SG%0 0 0 1 0.00

GP MIN MIN% GA SAVES SOG4 241:42 80.11 7 107 114

SV% GAA SO WINS LOSSES.939 1.74 1 1 2

GP G A PTS PIM +/-5 1 1 2 - - -2

GWG PPG SHG SOG SG%0 1 0 16 6.25

GP G A PTS PIM +/-5 0 0 0 6 +1

GWG PPG SHG SOG SG%0 0 0 6 0.00

Page 57: Start Thinking Visually _ CoSIDA 2015

THIS IS A CHANCE TO BRING VISION TO LIFE!

IT SOUNDS REDUNDANT FROM THE LAST PAGE, BUT IT’S NOT - YOU CAN ALREADY HAVE SOMETHING IMPORTANT FROM YOUR NOTES THAT’S BURIED ON PAGE 29 - BUT THIS IS A WAY TO REALLY ARTICULATE THAT POINT IN A CREATIVE WAY THAT CAN RELATE TO MORE OF THE MASSES

PUT IMPORTANT NOTES IN UNTRADITIONAL PLACES

NOT ONLY WAS THIS GRAPHIC SHARED ON ALL SOCIAL MEDIA PLATFORMS, BUT IT WAS USED AS AN INSIDE COVER ON POSTSEASON MEDIA GUIDE - GRAPHICS CAN BE SIMPLY CONSTUCTED FOR RETWEETS AND EYEBALLS, BUT THEY CAN AND SHOULD BE EDUCATIONAL AS WELL

AN

D V

IC

E V

ER

SA

...

Page 58: Start Thinking Visually _ CoSIDA 2015

AN

D V

IC

E V

ER

SA

...

WHAT HAPPENS WHEN YOU GO TO TWEETDECK WHILE PUTTING THIS TOGETHER...

...RANDOMLY STUMBLED UPON THIS AS A CURRENTY AND PERFECT EXAMPLE OF KEEPING IT SIMPLE AND EFFECTIVE AS A NOTE

Page 59: Start Thinking Visually _ CoSIDA 2015

...THE TRANSITION IS NOT EASY!

...OKAY, THAT MIDDLE ONE IS JUST MEAN.

WE ARE NOT GRAPHIC DESIGN PROS

Page 60: Start Thinking Visually _ CoSIDA 2015

K.I

.S.S

. (K

eep

It S

impl

e, S

tupi

d)

...HUMAN EMOTIONIT’S PRETTY OBVIOUS GRAPHICS EVOKE

. . . AND YEAH, THE COOLER THE - THE BETTER

Page 61: Start Thinking Visually _ CoSIDA 2015

K.I

.S.S

. (K

eep

It S

impl

e, S

tupi

d)

...CAN LOOK SO AWESOMETHE SIMPLEST THING...

Page 62: Start Thinking Visually _ CoSIDA 2015

K.I

.S.S

. (K

eep

It S

impl

e, S

tupi

d)

OR

?

ARE WE...WHAT ARE WE NOW?!

WORK WITHIN YOUR BOUNDARIES

...BUT ALWAYS WORK TO GET BETTER. CREATE A SCHEDULE OF TUTORIALS OR GET AN OFFICE ACCOUNT TO A PREMIUM WEBSITE (I.E. --> LYNDA.COM)

BE ACCURATE WITH YOUR INFORMATION

IT’S MUCH EASIER (...AND FASTER) TO GET NOTICED ON SOCIAL MEDIA FOR A WRONG SCORE GRAPHIC THAN A TYPO IN A PRESS RELEASE

REMEMBER:LESS IS MORE

MAKE YOUR INFORMATION DIGESTIBLE - LOOK WHO CLUTTERED THIS PAGE IS! KEEP YOUR ELEMENTS CONCISE AND FOCUSED

Page 63: Start Thinking Visually _ CoSIDA 2015

...ESPECIALLY SIDsWHAT DOES 98% OF SOCIETY LOOK LIKE NOW

NOT

THIS IS HOW THE INFOMATION WE

DISSEMINATE IS NOW CONSUMED...

Page 64: Start Thinking Visually _ CoSIDA 2015
Page 65: Start Thinking Visually _ CoSIDA 2015

WORKFLOWMANAGING YOUR PROJECTS & ASSETS

Page 66: Start Thinking Visually _ CoSIDA 2015

SYSTEM SETUP

- EVALUATE WHAT YOU CURRENTLY USE

- ARE THERE AREAS OF IMPROVEMENT?

1

Page 67: Start Thinking Visually _ CoSIDA 2015

SYSTEM SETUP

- EVALUATE WHAT YOU CURRENTLY USE

- ARE THERE AREAS OF IMPROVEMENT?

FILE ORGANIZING

- A CONSISTENT NAMING STRUCTURE

- SEARCHABLE

1 2

Page 68: Start Thinking Visually _ CoSIDA 2015

EXAMPLES

Page 69: Start Thinking Visually _ CoSIDA 2015

EXAMPLESAcademic All-Big Ten HonoreesLucas Bailey, SophomoreRyan Borcherding, SeniorCarter Brown, JuniorTurner Evans, SeniorRobby Haus, JuniorKacy Kapinos, JuniorBen Karr, Senior

John Kelly, SophomoreRick Lewis, SeniorEvan Mulchrone, SeniorJohnny Pearson, SophomoreTyler Pfister, JuniorDavid Planning, SeniorCameron Stephens, SeniorJake Withers, Sophomore

Page 70: Start Thinking Visually _ CoSIDA 2015

EXAMPLESAcademic All-Big Ten HonoreesLucas Bailey, SophomoreRyan Borcherding, SeniorCarter Brown, JuniorTurner Evans, SeniorRobby Haus, JuniorKacy Kapinos, JuniorBen Karr, Senior

John Kelly, SophomoreRick Lewis, SeniorEvan Mulchrone, SeniorJohnny Pearson, SophomoreTyler Pfister, JuniorDavid Planning, SeniorCameron Stephens, SeniorJake Withers, Sophomore

Page 71: Start Thinking Visually _ CoSIDA 2015

EXAMPLES

Page 72: Start Thinking Visually _ CoSIDA 2015

EXAMPLES

Page 73: Start Thinking Visually _ CoSIDA 2015

EXAMPLES

Page 74: Start Thinking Visually _ CoSIDA 2015

EXAMPLES

Page 75: Start Thinking Visually _ CoSIDA 2015

REFERENCES INSPIRATION | TOOLS | DOWNLOADS

Page 76: Start Thinking Visually _ CoSIDA 2015

REFERENCESFONTS | TEXTURES | BRUSHES | PHOTOS

• Dafont.com (Free)

• Sportsfonts.squarespace.com ($)

• Brusheezy.com (Free)

• Fbrushes.com (Free)

• Designercandies.net (Free)

• Infogr.am (Free/$)

• Publicarchivedomain.com (Free)

• Stripegenerator.com (Free)

• Textures8.Com (Free)

• Cgtextures.com (Free)

• Canva.com (Free/$)

Page 77: Start Thinking Visually _ CoSIDA 2015

REFERENCESINSPIRATION | TUTORIALS

Lynda.com ($)

Tutsplus.com ($)

LayersMagazine.com (Free)

Tv.Adobe.com (FREE)

CreativeBloq.com (Free)

Skillshare.com ($)

Youtube.com (Free)

Behance.com

Dribbble.com

Teaminfographics.com

Pinterest.com

Twitter.com

Page 78: Start Thinking Visually _ CoSIDA 2015

ANDY DeVITO@DeVitoDesign

[email protected]

MARK [email protected]@bc.edu

THANK YOU