dirt on design / greg houston & merika ramundo

Greg Houston, Digitization and New Media AdministratorMerika Ramundo, Communications Officer

gregory.houston@mcgill.camerika.ramundo@mcgill.ca

The

on Design:

Tips and Tricks for creating promotional items at your library

Eat chocolate

Assemble the troops

Prepare your kit

Strategize! Plan!

Getting started

Why are you doing this?

Who is your audience?

What is your message?

How will the campaign be used?

Timing is everything!

Strategize! Plan!

Inspiration

At the heart of it all…

Inspiration from the outside in…

Idea Ping-Pong

Sketch to mockup

Rough mockups

Initial Sketches

Mockups

Visual guide for Library services.

GoogleWikipedia McGill Library

Research Accuracy Scale

Library – 1 Backpack - 0

Promotional Campaigns

2010 - 2011

2011 - 2012

2012 - 2013

2013 - 2014

Trials & Tribulations

Budget, Approvals, Outsourcing

McGill Library book bag re-design concept, 2012 Smoke-Free Terrace Campaign tentcard, May 2014

Collaborative Design, Translation & Last Minute Changes

Rights & Appropriation - Subway Map Concept (2011-12)

“If everyone in town comes to my plant and takes a free sample of what I make, I’ll go bankrupt. But if everyone in the world takes a free sample of one of my ideas (or at least one of my good ones), we’ll all get richer….Ideas can’t be stolen, because ideas don’t get smaller when they’re shared, they get bigger.”

http://ideas.ted.com/2014/02/03/the-big-mistake-we-all-make-about-ideas/

Photography

Typography

Colour

Vectors

Motion

Tips & tricks!

Photography

digital.library.mcgill.ca

Stock vs. Unique imagery

Quebec standard products : maple syrup and maple sugar.mcgill.worldcat.org/oclc/732289096

Courtesy: istockphoto.com

On-site photography

Photos courtesy of Klaus Fiedler.

Photo courtesy of Klaus Fiedler.

Studio photography

www.mcgill.ca/libraryBook of Hours, Use of Sarum, Flemish or English, c.1450.

Colour balancing: eyedropper tool & Xrite colourchecking chart

Studio photography

Judy, a glove puppetdigital.library.mcgill.ca/puppets

Puss in boots, the cover.digital.library.mcgill.ca/stories

Library banner.

Details

Old McGill 1916yearbooks.mcgill.ca

Details

Bookmarksyearbooks.mcgill.cadigital.library.mcgill.ca/warposters

Christmas cardThe illustrated London news.mcgill.worldcat.org/oclc/1752679

Typography

Typography

fontshop.com/glossary/

behance.net/Gallery/Periodic-Table-of-Typefaces/193759

www.joustmultimedia.com/blog/post/the-art-of-combining-fonts

So many choices!

Squash & stretch

Type families

Web and Print

All CAPS

Typography

turnarounddesign.com/what-does-typography-say-about-your-brand/

http://www.fionarobertsongraphics.co.uk/www.urbanfonts.com

Colours

Commercial illustration for the Canadian Pacific Railway by Peter Ewart

Swatches

Schemes

Pure vs. Rich Blacks

Colours

Kuler.adobe.com

Rich Black 50% Cyan, 50% Magenta, 25% Yellow, 100% Black

Pure Black 100% Black

http://help.adobe.com

Vectors

Fill objects

Pen Tool

Smart objects

Objects

Character animation

Motion tracking

Hand drawn style

Kinetic type/icons

Motion

Videos have been removedfor slideshare

Thank you!

gregory.houston@mcgill.camerika.ramundo@mcgill.ca

Would you like to dig deeper?

Websites that inspireMerika50 Best Design-Themed Pinterest Boards: http://www.creativebloq.com/inspiration/pinterest-boards-812533Library infographic on Pinterest: http://www.pinterest.com/yeoldefort/library-infographics/Fast Company: http://www.fastcompany.comPSFK: http://www.psfk.com/John Cotton Dana Awards: http://www.ebscohost.com/academic/john-cotton-danaI Love Charts Tumblr: http://ilovecharts.tumblr.com/TedTalks Design: http://www.ted.com/topics/designTedTalks Marketing: http://www.ted.com/topics/marketingNYPL: http://www.nypl.org/Comic Sans Criminal: http://www.comicsanscriminal.com/ Books that inspireMerikaSteal Like An Artist by Justin Kleon: http://austinkleon.com/steal/Big Book of Graphic Design: http://www.goodreads.com/book/show/324969.The_Big_Book_of_Graphic_Design Blogs that inspireMerikaMitch Joel’s blog “Six Pixels of Separation”: http://www.twistimage.com/blog/Seth Godin’s blog: http://sethgodin.typepad.com/

Marketing & Design ResourcesPresentationsPrezi (presentation tool): http://prezi.com/

The Dirt on Design “Crib Sheet”

The Dirt on Design “Crib Sheet”

TypographyCreate your own info graphics! http://www.easel.ly/Kinetic typography motion graphics: http://www.creativebloq.com/typography/examples-kinetic-typography-11121304 FontsMy Font: http://www.myfonts.com/WhatTheFont/dafont: http://www.dafont.com/Typography app! http://notegraphy.com/ Free or almost free icons for signage http://www.flaticon.com/ http://thenounproject.com/https://www.iconfinder.com/ Photographic rights & permissions (waivers) – links to samples & guidelines: http://www.sfu.ca/clf/styleguide/photography.htmlhttp://www.sfu.ca/starrynights//Resources/ConsentToUsePersonalInformation-2013ADULT.pdfhttps://uwaterloo.ca/brand-guidelines/visual-identity/photography ContentPublic Domain/Creative CommonsCreative Commons Flickr: https://www.flickr.com/creativecommons/Getty Publications Virtual Library: http://www.getty.edu/publications/virtuallibrary/index.htmlThe Public Domain Review: http://publicdomainreview.org/Bodleian Library/Vatican digitized manuscripts: http://bav.bodleian.ox.ac.uk/