Jennifer Burke's presentation at LMCC18 on a tools roundup for graphic design for non-designers at the library - so no more boring, cluttered flyers! Find out more from Jennifer at IntelliCraftResearch.com or attend a free monthly webinar for library colleagues at MarketingToolTalk.com
3. Jennifer Burke, IntelliCraft Research LLCJennifer Burke, IntelliCraft Research LLC
More Design Resources
AD/Lib https://twitter.com/adlib_info and http://adlib.info/
Librarian Design Share
https://twitter.com/LibDesignShare and
https://librariandesignshare.org/
Design Principles Cheat Sheets (as seen on Twitter,
thanks @SteveFranconeri!)
https://www.psiweb.org/docs/default-source/2018-psi-
conference-posters/48-julie-
jones.pdf?sfvrsn=cb68dedb_4
5. Jennifer Burke, IntelliCraft Research LLCJennifer Burke, IntelliCraft Research LLC
Design Tips
Contrast - very key; not just of colors, but of weights,
heights, textures
Repetition – tie individual elements together
Alignment – for text and objects
Proximity - keep related images, text, titles together
Symmetry - can be powerful and calming – we are
attuned to symmetry
Scale - can draw attention to/away from elements
Balance – scale, composition, hierarchy
Know where you want reader’s eye to focus – draw them
there
E.g. the classic Z-pattern, at right
6. Jennifer Burke, IntelliCraft Research LLCJennifer Burke, IntelliCraft Research LLC
More Basic Tips
White space is good and your design friend!
Transparency levels can create a sense of movement –
use it intentionally
Rule of thirds – it’s not just for photo composition!
Pick the right photos, be ready to adjust them –
especially if using with text
Consider color theory
Use your brand colors and complementary colors
By learning some design rules … you know when to
break them!
9. Jennifer Burke, IntelliCraft Research LLCJennifer Burke, IntelliCraft Research LLC
Better
University of Technology, Sydney
Northern VA CC-Annandale
Mesa Public Library
13. Jennifer Burke, IntelliCraft Research LLCJennifer Burke, IntelliCraft Research LLC
Let’s Talk Typography …
Just because there are many fonts to pick from,
doesn’t mean you have to! Don’t choose willy-nilly.
Size matters – not all typefaces are equal.
Generally – pick typefaces that are similar height
Kerning = act of adjusting space between
characters to create a more aesthetically pleasing,
easy to read, presentation
Headers, subheads and matters of scale - use
size to help guide the reader to what is 1st most
important, 2nd most important, so on.
Also use spacing, weight, color
14. Jennifer Burke, IntelliCraft Research LLCJennifer Burke, IntelliCraft Research LLC
Don’t Let Bad Fonts Happen to
Good Flyers
Just Say NO to …
Comic Sans
Papyrus
Curlz
stencil
Any overly script, handing writing fonts
There’s a time and place for Lumos Latino or Harry P –
and it’s not on most signs or flyers!
19. Jennifer Burke, IntelliCraft Research LLCJennifer Burke, IntelliCraft Research LLC
More Resources for Design Tips
Impact of Color in Marketing: http://www.emeraldinsight.com/journals.htm?articleid=1558119&show=abstract
https://www.entrepreneur.com/article/233843
Color Assignments http://www.joehallock.com/edu/COM498/preferences.html
Creative Bloq http://www.creativebloq.com/colour/choose-colour-theme-712364
Psychology of Color in Marketing https://www.helpscout.net/blog/psychology-of-color/
Modern + Classic Serifs https://www.linotype.com/8034/serif-fonts.html
Responsive Typography http://www.creativebloq.com/how-to/the-rules-of-responsive-web-typography
More Tools
Color Hexa – like a color encyclopedia. Type in any color value and get equivalents in other formats. http://www.colorhexa.com/
Color Schemer http://www.colorschemer.com/online.html
Color Scheme Designer http://colorschemedesigner.com/
LinoType www.linotype.com
TypeWolf – font, type recommendations https://www.typewolf.com/
www.intellicraftresearch.com/webinars
43. Jennifer Burke, IntelliCraft Research LLC
Jburke@intellicraftresearch.com
www.intellicraftresearch.com/blog
MarketingToolTalk.com
@theinfohound
Contact Me for More!
Alignment – don’t scatter your text or images all over the page – use gridlines to help align
Signage by Design: A Design-Thinking Approach to Library User Experience
Edward Luca and Bhuva Narayan; vol 1, issue 5, 2016. Weave – an open-access, peer-reviewed journal for Library User Experience – Michigan Publishing
Ask a Librarian – by Heather Darnell, Library Media Specialist, Northern Virginia Community College – Annandale – featured on Librarian Design Share in 2016
Film – Debt of Honor - Erin Lorandos, Mesa Public Library (in Canva) seen on Librarian Design Share https://librariandesignshare.org/2016/02/02/our-love-affair-with-canva-continues/
Find the variations of any color –
For when you want the other hues or ranges of a selected color and to get the Hex code so you can use online
Tints = mix of color with white (increases lightness – top of scale), shade = mix of color + black; Tone = color + grey
“art and technique of arranging type”
But it’s more than that …
How you work with the layout of an item (digital or physical), its grid; the overall color scheme, the design theme, your brand choices and identity, the message to convey. Yes, typography can emotion (make sure what you pick conveys what you meant!).
Type forms are designs, created by craftspeople, with talent and experience, and with intent.
There are SO MANY awesome free fonts available – many that mimic well-known, pricier versions, but others are unique creations, beautiful in their own right.
BUT just b/c so many choices, doesn’t mean you MUST choose; don’t go wild. Sometimes tried/true works well. Helvetica is still great for a reason – it’s a classic beauty.
Size matters - Some are fat and wide, some are skinny, some kern tightly, some are loose. Some are taller. Different fonts take up different amounts of space on page or screen.
<font-face> = the HTML5 tag bringing full typography to web, allow embedding of different types into web pages
Can take body text font-size (base font size) and multiply by ratio, to scale - scale built for harmony
You don’t want to just mix n match fonts willy nilly. It’s hard to read.
Sometimes you need/want a more formal serif font or a script or cursive font as an accent for headlines – but wonder what to pair it with – this tool shows you good combinations. All are free fonts. (go get font elsewhere)
Get common free fonts like: Open Sans, Source Sans, Museo Slab, Raleway, etc
and many others
Yes, an infographic about … infographics. By a tool that creates infographics - Visual.ly
Free accounts for students - 5 infographics, still has Venngage branding, graphics are shared publicly
Starts at $19/mo for individual accounts – 50 image uploads, multiple pages, inc access to premium icons and charts; can export as PDF or PNG; import data straight from Excel
NGOs (nonprofits) get 50% off plans - $10/month Premium plan
On the right – McGill Library – via https://ebookfriendly.com/libraries-matter-library-infographics/
Via Librarian Design Share – infographic for a community college library ‘year in review’
KC Frankenburger, at Parham Road Campus of Reynolds Community College library – created in Canva
Lumen 5 – community plan, $0/Free; Pro plan $49/month [Caveat – I got a deal on 1 yr pro plan for flat, 1x fee via AppSumo]
Lumen 5 – community plan, $0/Free; Pro plan $49/month [Caveat – I got a deal on 1 yr pro plan for flat, 1x fee via AppSumo]
Ripl – FREE plan inc 30 second videos, 10 designs, 8 photos, 10 fonts, 3 tracks of music, share with 1 click; paid plans let you use own music, own logo, schedule posts – Pro plans start at 9.99/mo if billed yearly
Case study from a dog rescue – using Ripl videos got more views, more engagement – increased awareness and interest in rescues and adoptions
Ripl definitely designed for orgs, biz use social media marketing – shows stats prominently, sets an engagement goal for you
Still from the PPT download of the PowToon I created – then I added my own logo and URL, saved and used to promote this webinar. Nice to be able to reuse the content from the animation.
POLLS – run
If you liked the webinar, tell a library or info pro friend or colleague!
If you want more depth on these tools or others – contact me to create a custom webinar or training for your library or organization.
Like in 2 weeks or so at next Tool Talk Webinar – check out the page to signup for notification of next upcoming webinar.
Or email me, Tweet at me if you have a tool you want me to talk about or you want to be a guest to talk your fave tools