simple ideas to get big results with graphics

39

Upload: boston-college-athletics

Post on 02-Aug-2016

217 views

Category:

Documents


0 download

DESCRIPTION

A presentation on how to implement simple ideas into your visual communications plans for the 2016 CoSIDA Convention in Dallas, Texas.

TRANSCRIPT

Page 1: Simple Ideas to Get Big Results with Graphics
Page 2: Simple Ideas to Get Big Results with Graphics
Page 3: Simple Ideas to Get Big Results with Graphics

WHAT STANDS OUT TO YOU MORE...

Page 4: Simple Ideas to Get Big Results with Graphics

WHAT?? WHATCHYA MEAN THIS DOESN’T LOOK GOOD?

Page 5: Simple Ideas to Get Big Results with Graphics

WHAT?? THIS DOESN’T LOOK GOOD EITHER?

Page 6: Simple Ideas to Get Big Results with Graphics

TWO CATEGORIES OF VISUALS ON SOCIAL MEDIA

1) RECRUITING GRAPHICS

2) INFORMATIONAL GRAPHICS

Page 7: Simple Ideas to Get Big Results with Graphics
Page 8: Simple Ideas to Get Big Results with Graphics
Page 9: Simple Ideas to Get Big Results with Graphics

WHO ARE WE AS COMMUNICATORS

TRYING TO IMPRESS?

Page 10: Simple Ideas to Get Big Results with Graphics
Page 11: Simple Ideas to Get Big Results with Graphics
Page 12: Simple Ideas to Get Big Results with Graphics

SPACE

Page 13: Simple Ideas to Get Big Results with Graphics
Page 14: Simple Ideas to Get Big Results with Graphics
Page 15: Simple Ideas to Get Big Results with Graphics
Page 16: Simple Ideas to Get Big Results with Graphics
Page 17: Simple Ideas to Get Big Results with Graphics
Page 18: Simple Ideas to Get Big Results with Graphics
Page 19: Simple Ideas to Get Big Results with Graphics
Page 20: Simple Ideas to Get Big Results with Graphics
Page 21: Simple Ideas to Get Big Results with Graphics
Page 22: Simple Ideas to Get Big Results with Graphics
Page 23: Simple Ideas to Get Big Results with Graphics
Page 24: Simple Ideas to Get Big Results with Graphics
Page 25: Simple Ideas to Get Big Results with Graphics
Page 26: Simple Ideas to Get Big Results with Graphics
Page 27: Simple Ideas to Get Big Results with Graphics
Page 28: Simple Ideas to Get Big Results with Graphics
Page 29: Simple Ideas to Get Big Results with Graphics
Page 30: Simple Ideas to Get Big Results with Graphics
Page 31: Simple Ideas to Get Big Results with Graphics
Page 32: Simple Ideas to Get Big Results with Graphics
Page 33: Simple Ideas to Get Big Results with Graphics
Page 34: Simple Ideas to Get Big Results with Graphics
Page 35: Simple Ideas to Get Big Results with Graphics
Page 36: Simple Ideas to Get Big Results with Graphics
Page 37: Simple Ideas to Get Big Results with Graphics

Just goes to show you how important COLOR can be perceived.

I used emojis here because they’re probably the most commonly used “icons” in today’s visual culture, but I’m not necessarily honing in on solely twitter usage

A lot of what I want to show here is how there are several ways to use things that don’t even need to be done in photoshop to convey a clear message

Don’t even need to photoshop anything in the first image, but you can see how easily and clearly that visual conveys what’s going on

The one below has a similar effect

LESS words - the brain can process these things

Words are processed by our short-term memory where we can only retain about seven bits of information -- Images, on the other hand, go directly into long-term memory where they are indelibly etched.

Take caution with icons - even though they are most certainly effective ... if those four icons on the bottom stood on their own, I don’t think we’d know what they mean - but the Red Sox did a nice job of accompanying it with quick acronyms to get the point across

Let’s take a break from looking at graphics for a second.

Anyone answer me this question: Why does this work? But why does this work?

Google takes a minimalist approach to its website, the top website in the WORLD ... it strips the subject down to its bare bones. Removing all these superfluous elements leaves the ‘core’ essentials, free from distraction

In this context, negative is a positive. Negative space is just the empty space between visual elements. More empty space means more emphasis on existing elements. In the above example of the Google homepage, it’s impossible for users to have trouble finding the search function. Negative space helps prevent information from overwhelming users.

By removing anything that isn’t necessary to the page’s goal, designers ensure that users have a less stressful and more engaging experience. The most challenging aspect of executing proper use of negative space is in not removing so much that users have to search unnecessarily for the features they need – that would defeat the purpose of minimalist design. While negative space is often also called white space, it doesn’t have to be white. Some sites use full-color backgrounds to energize empty space

I don’t have much to say about this, but just take a quick look at some of these offerings from Squarespace ... notice anything about ‘em?

As the design field, particularly on web and mobile, focuses more and more on user experience, designers need to create the most usable and attractive sites possible. Carefully applied, minimalist principles can help designers make attractive and effective sites with fewer elements, simplifying and improving users’ online interactions.

It’s good to revise the less is more adage:

LESS IS MORE IF LESS DOES MORE.

I don’t follow the Red Sox, but someone retweeted something and it actually stopped me in my tracks. A woman by the name of Marissa

McClain I believe is responsible for these.

It didn’t floor me beacuse Rick Porcello had flames shooting out of his eyeballs.

It was because in that IMMEDIATE moment, I knew what was being conveyed and I wanted to interact with it. I immediately felt like he was speaking just to me because of how simple, yet elegant this was put together

In a study by the University of Basel, Department of Psychology, Center for Cognitive Psychology and Methodology, Switzerland -- it was found that impressions can be formed very quickly, based on whatever information is available within the first 39 milliseconds

Within a fraction of time, people build a first visceral “gut feeling” that helps them to decide whether they are going to stay or keep going

- Users can form – in a very short time – reliable judgements of attractiveness or trust, and that these judgements depend on factors such as context or visual complexity

- imagery of high visual complexity lead to a more negative first impression than ones with medium or low complexity

I think without us just standing up here and scrolling through imagery...you kind of understand the point

I could NOT be more thankful for all of the accounts out there that feature high-quality, beautiful art. There’s a reason it gains lots of traction.

But these tactics we’ve just quickly, quickly shown here are something all of you can do with just a little tutelage, if you don’t already know how. Just some elements that can help you feel like you’re making a difference without having the full skill-set of a graphic designer

You’re communicators. Not artists.

Let’s briefly get into how you as the designer (OR LEO) came up with these templates to:

Unify your brand and your look for that season (or however long you intend that look to last)

Be able to diversify your look so you’re not limiting yourself to just ONE look - but several different looks to be to keep things fresh, yet let make sure your fan base is seeing that collateral and IMMEDIATELY identify that it’s Miami you’re pushing

Kyle, if you don’t mind - may I just jump in to speak really quickly about why we have to keep talking about brand...

I know that the word “BRAND” is like the biggest buzzword there is.

Honestly, about 80% of the time, I don’t really know what it means either - it has SO many different connotations

Page 38: Simple Ideas to Get Big Results with Graphics

Just goes to show you how important COLOR can be perceived.

I used emojis here because they’re probably the most commonly used “icons” in today’s visual culture, but I’m not necessarily honing in on solely twitter usage

A lot of what I want to show here is how there are several ways to use things that don’t even need to be done in photoshop to convey a clear message

Don’t even need to photoshop anything in the first image, but you can see how easily and clearly that visual conveys what’s going on

The one below has a similar effect

LESS words - the brain can process these things

Words are processed by our short-term memory where we can only retain about seven bits of information -- Images, on the other hand, go directly into long-term memory where they are indelibly etched.

Take caution with icons - even though they are most certainly effective ... if those four icons on the bottom stood on their own, I don’t think we’d know what they mean - but the Red Sox did a nice job of accompanying it with quick acronyms to get the point across

Let’s take a break from looking at graphics for a second.

Anyone answer me this question: Why does this work? But why does this work?

Google takes a minimalist approach to its website, the top website in the WORLD ... it strips the subject down to its bare bones. Removing all these superfluous elements leaves the ‘core’ essentials, free from distraction

In this context, negative is a positive. Negative space is just the empty space between visual elements. More empty space means more emphasis on existing elements. In the above example of the Google homepage, it’s impossible for users to have trouble finding the search function. Negative space helps prevent information from overwhelming users.

By removing anything that isn’t necessary to the page’s goal, designers ensure that users have a less stressful and more engaging experience. The most challenging aspect of executing proper use of negative space is in not removing so much that users have to search unnecessarily for the features they need – that would defeat the purpose of minimalist design. While negative space is often also called white space, it doesn’t have to be white. Some sites use full-color backgrounds to energize empty space

I don’t have much to say about this, but just take a quick look at some of these offerings from Squarespace ... notice anything about ‘em?

As the design field, particularly on web and mobile, focuses more and more on user experience, designers need to create the most usable and attractive sites possible. Carefully applied, minimalist principles can help designers make attractive and effective sites with fewer elements, simplifying and improving users’ online interactions.

It’s good to revise the less is more adage:

LESS IS MORE IF LESS DOES MORE.

I don’t follow the Red Sox, but someone retweeted something and it actually stopped me in my tracks. A woman by the name of Marissa McClain I believe is responsible for these.

It didn’t floor me beacuse Rick Porcello had flames shooting out of his eyeballs.

It was because in that IMMEDIATE moment, I knew what was being conveyed and I wanted to interact with it. I immediately felt like he was speaking just to me because of how simple, yet elegant this was put together

In a study by the University of Basel, Department of Psychology, Center for Cognitive Psychology and Methodology, Switzerland -- it was found that impressions can be formed very quickly, based on whatever information is available within the first 39 milliseconds

Within a fraction of time, people build a first visceral “gut feeling” that helps them to decide whether they are going to stay or keep going

- Users can form – in a very short time – reliable judgements of attractiveness or trust, and that these judgements depend on factors such as context or visual complexity

- imagery of high visual complexity lead to a more negative first impression than ones with medium or low complexity

I think without us just standing up here and scrolling through imagery...you kind of understand the point

I could NOT be more thankful for all of the accounts out there that feature high-quality, beautiful art. There’s a reason it gains lots of traction.

But these tactics we’ve just quickly, quickly shown here are something all of you can do with just a little tutelage, if you don’t already know how. Just some elements that can help you feel like you’re making a difference without having the full skill-set of a graphic designer

You’re communicators. Not artists.

Let’s briefly get into how you as the designer (OR LEO) came up with these templates to:

Unify your brand and your look for that season (or however long you intend that look to last)

Be able to diversify your look so you’re not limiting yourself to just ONE look - but several different looks to be to keep things fresh, yet let make sure your fan base is seeing that collateral and IMMEDIATELY identify that it’s Miami you’re pushing

Kyle, if you don’t mind - may I just jump in to speak really quickly about why we have to keep talking about brand...

I know that the word “BRAND” is like the biggest buzzword there is.

Honestly, about 80% of the time, I don’t really know what it means either - it has SO many different connotations

Page 39: Simple Ideas to Get Big Results with Graphics