communication that works
TRANSCRIPT
Communication that works
vector
Understandingimage formats
vector vector
vector bitmap
bitmapwhat is a ?
bitmap
bitmap
bitmap
Adobe Photoshop
bmpjpgtiff
pnggif
bmptifftiff
pnggif
bmptiff
jpegpnggif
bmptiff
jpeggifgif
bmptiff
jpeggif
png
Your photo is a box of pixels
More dots =higher resolution
1000 PIXELS
250 PIXELS
100 PIXELS
Measure photos:pixels per inch
Measure photos:ppi
How many pixelsdo you need?
72ppi
300ppi
5 inches wide on the Web
How many pixels?
5” x 72ppi = 360 pixels
How wide in print?
360 ÷ 300ppi = 1.2 inches
vector
vector
vector
vector
Adobe Illustrator
*eps*ai
*eps*ai
*eps*ai
vector
Vectors cannot be used on the Web
Vectors can be converted to bitmaps
bitmap
Your mini-recap: Vector vs. bitmap Bitmaps based on pixels 72ppi for web; 300ppi for print Vectors do not depend on ppi Vectors don’t work on the web
Communication that works
Do not settle for lousy UI.
user interface
Two spheres
Own
Own Share
Own Share
Print adsBroadcast adsBrochuresPostersFront deskPostal mail
Own Share
Print adsBroadcast adsBrochuresPostersFront deskPostal mail
Media mentionsWord of mouth
Static
Own Share
Own Share
Web siteEmail campaignPhone apps*
Own Share
Web siteEmail campaignPhone apps*
FacebookTwitterLinkedInMySpaceYouTubeVimeoDiggRedditStumbleUpon
Own Share
Web siteEmail campaignPhone apps*
FlickrBlogsTumblrPosterousNingdeviantARTYelpFoursquareGowalla
Own Share
Web siteEmail campaignPhone apps*
Google+WikipediaAmazonAngie’s ListEpinionsFarkRotten TomatoesSlashdotetc. etc. etc.
Dynamic
Own
?Own Dynamic
(Do not settle for lousy UI.)
Your web site
URL
Social mediaBrochures
Ads
BlogsVideos
URL
Your web site
Social mediaBrochures
Ads
BlogsVideos
URL
Your web site
Menu on our old web siteVisitor InformationRelocation InformationBusiness DirectoryEmploymentHealth CareTechnologyOur CommunityChamber InformationMember Login
What did people seek?Visitor InformationRelocation InformationBusiness DirectoryEmploymentHealth CareTechnologyOur CommunityChamber InformationMember Login
What did people seek?Visitor InformationRelocation InformationBusiness DirectoryEmploymentHealth CareTechnologyOur CommunityChamber InformationMember Login
What did people seek?Visitor InformationRelocation InformationBusiness DirectoryEmploymentHealth CareTechnologyOur CommunityChamber InformationMember Login(Events / Calendar)(Graduate Retention)
Live Example:The Chamber’s web site
··
Do not settle for: Difficult-to-update pages Lo-o-o-o-ong URLs Necessity for <code> Hidden-too-deep info
Live Example:Emphasis Monthly
magazine
··
Do not settle for: Long boring stories Stories only one person cares about Leaving out what readers want
Live Example:Other materials
Do not settle for lousy UI.
Thank you!
fwchamber.org/jon
Photo credits1. Flickr / splorp / Grant Hutchinson2. Flickr / Shannon K / Shannon Kokoska3. Flickr / Grevel / Greta PPP7. Flickr / MikeBehnken / Mike Behnken8. Flickr / Neil Armstrong2 / Neil Kremer9. Flickr / Eduardo Amorim28. Flickr / timsamoff / Tim Samoff30. Flickr / theseanster93 / Sean Winters32. Flickr / Adam Foster | Codefor / Adam Foster60. Flickr / phdstudent64. Flickr / stuartpilbrow67. Flickr / ajmexico / Jamie68. Flickr / Nationaal Archief69. Flickr / CoCreatr / Bernd70. Archives of The News-Sentinel, Fort Wayne, Ind.76. Flickr / x-ray delta one / James Vaughan