media design for libraries: adding that extra pop

Media Designfor Libraries

Adding that extra pop!

PrinciplesProximity▫ Contrast▫ Alignment▫ Repetition

Proximity ▫ Contrast▫ Alignment▫ Repetition

› organize the information

› group related information together

› make divisions clear

Proximity ▫ Contrast▫ Alignment▫ Repetition

http://asm201.wordpress.com/magazine-cover/

Proximity ▫ Contrast▫ Alignment▫ Repetition

http://sidekickgraphics.com/business-printing/design-101-proximity/

Proximity ▫ Contrast▫ Alignment▫ Repetition

http://sidekickgraphics.com/business-printing/design-101-proximity/

Proximity▫ Contrast▫ Alignment▫ Repetition

› if it’s different, make it look different

› change up the size, color, and/or font

› create dominance and hierarchy

Proximity▫ Contrast▫ Alignment▫ Repetition

http://librariandesignshare.org/2013/11/04/making-your-library-promotion-pop/

Proximity▫ Contrast▫ Alignment▫ Repetition

http://librariandesignshare.org/2012/12/13/circ-desk-sign-for-kindles/

Proximity▫ Contrast▫ Alignment▫ Repetition

› Use left alignment for long paragraphs – not centered.

› Use centered alignment when you have a few elements.

› Use alignment to create balance.

Proximity▫ Contrast▫ Alignment▫ Repetition

http://www.printwand.com/blog/basic-alignment-principles-in-graphic-design-with-examples

Proximity▫ Contrast▫ Alignment▫ Repetition

http://www.printwand.com/blog/basic-alignment-principles-in-graphic-design-with-examples

Proximity▫ Contrast▫ Alignment▫ Repetition

http://www.printwand.com/blog/basic-alignment-principles-in-graphic-design-with-examples

Proximity▫ Contrast▫ Alignment▫ Repetition

http://asm201.wordpress.com/magazine-cover/

Proximity▫ Contrast▫ Alignment▫ Repetition

› Format all main headings the same way – maybe in a different font from the body text.

› Repeat elements throughout the piece such as color, shapes, line thickness, etc.

Proximity▫ Contrast▫ Alignment▫ Repetition

http://librariandesignshare.org/2014/03/04/a-breath-of-fresh-air/http://librariandesignshare.org/2014/08/04/attention-teens/

Proximity▫ Contrast▫ Alignment▫ Repetition

Proximity▫ Contrast▫ Alignment▫ Repetition

ElementsColors ▫ type ▫ images

Colors ▫ type ▫ images

http://coschedule.com/blog/color-psychology-marketing/

› use color-wheel-pro.com/ color-meaning.html

› use the colorzilla.com extension to identify colors from webpages

› use kuler.com to search for color inspiration and develop your own color palette

Colors ▫ type ▫ images

Colors ▫ type ▫ images

Colors ▫ type ▫ images

http://www.papercutinteractive.com/blog/entry/why-type-matters#.U_Sl0vm4bmd http://www.papercutinteractive.com/blog/entry/why-type-matters#.U_Sl0vm4bmd

Colors ▫ Type ▫ images

Serif Type – Letters with short lines coming off the edges. Viewed as more formal and traditional. Best suited for print.

A f l shttp://blog.pickcrew.com/the-science-behind-fonts-and-how-they-make-you-feel/

Colors ▫ Type ▫ images

A f l s

Sans-serif Type – Letters without serifs. Viewed as informal or modern. Best suited for digital.

http://blog.pickcrew.com/the-science-behind-fonts-and-how-they-make-you-feel/

Colors ▫ Type ▫ images

Script Type – often used in formal invitations. Not ideal for body copy.

Decorative Type – Informal typefaces viewed as original. Best suited for headlines but not body copy.

http://blog.pickcrew.com/the-science-behind-fonts-and-how-they-make-you-feel/

Colors ▫ Type ▫ images

› try to use no more than two typefaces: a heading typeface and a body typeface

› never use comic sans

› don’t use papyrus either

› use dafont.com to find free fonts

Colors ▫ Type ▫ images

Colors ▫ Type ▫ images

Photos and illustrations are a HUGE part of a promotional piece. They add to the appeal and grab the attention of the viewer.

› use photographs for a more profession look

› use illustrations to express concepts or imagination

› orientate your image so that it faces the text

Colors ▫ Type ▫ images

Colors ▫ Type ▫ images

Colors ▫ Type ▫ images

› thinkstockimages.com

› istockphoto.com

› search.creativecommons.org [free] – creative commons images MUST be attributed

Colors ▫ Type ▫ images

Templatesnewsletters ▫ Videos ▫ Graphics

Newsletters ▫ Videos ▫ Graphics

Email newsletters can be sent out to thousands of people for little cost.

Print newsletters are great for people to pick up from the library and take home with them.

Newsletters ▫ Videos ▫ Graphics

› MailChimp with fewer than 2,000 subscribers, you can send up to 12,000 emails per month for free or buy additional email credits (300 emails for $9)

› MailKitchen

› Elite Email

Newsletters ▫ Videos ▫ Graphics

› find easy-to-use printable templates for MS Publisher and MS Word.

Newsletters ▫ Videos ▫ Graphics

Newsletters ▫ Videos ▫ Graphics

Newsletters ▫ Videos ▫ Graphics

If a picture is worth a thousand words, a video is worth even more.

Newsletters ▫ Videos ▫ Graphics

Newsletters ▫ Videos ▫ Graphics

Newsletters ▫ Videos ▫ Graphics

Newsletters ▫ Videos ▫ Graphics

Newsletters ▫ Videos ▫ Graphics

› dig.ccmixter.org (with attribution)

› musopen.org

› videvo.net

Newsletters ▫ Videos ▫ Graphics

People love infographics, and they’re great for sharing on social media!

› piktochart.com

› infogr.am

Newsletters ▫ Videos ▫ Graphics

Create infographics for:

› program or check out statistics

› “end of the year” fiscal reports

› digital usage (public computers, catalog searches)

Newsletters ▫ Videos ▫ Graphics

Newsletters ▫ Videos ▫ Graphics

principles ▫ Elements ▫ templates

Questions?More resources:

› librariandesignshare.org

› librarygraphicdesign.blogspot.com

› pinterest.com/libraryaware/libraryaware-designs