media design for libraries: adding that extra pop
DESCRIPTION
Media design is about getting your message seen and remembered. How can you use media design to promote your library? We will go over design principles, such as proximity and contrast; design elements, including where to find them and how to use them; and easy design templates, both static and dynamic, that can help with layouts and presentation. Presented at the KDLA Public Library Institute, August 2014.TRANSCRIPT
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