Embed Size (px)
Citation preview
Better Graphic Design for LibrariesImproving Your Visual Communication
Presented by
Laura Horwood-Benton
Public Programming & Community Relations LibrarianPortsmouth Public Library
NELA2016
why is design important?
intentionality
workflow/process
design principles
design tools
consistency
barriers to good design
NELA2016
Why is design important?
why design?
Is design optional?
continuous improvement
connection
visual message
Presented by
Laura Horwood-Benton
NELA
2016
design isn’t optional!
continuous improvement
connection
visual message
Why is design important?
why design?
design isn’t optional!
continuous improvement
connection
visual message
Why is design important?
why design?
Why is design important?
why design?
design isn’t optional!
continuous improvementconnection
visual message
design isn’t optional!
continuous improvement
connection
visual message
Why is design important?
why design?
flickr.com/photos/31003505@N05/2905545150/
why design?
paul-rand.com/foundation/thoughts_quotes/
Good design adds value of some kind, gives meaning, and, not incidentally, can be sheer pleasure to behold; it respects the viewer’s sensibilities andrewards the entrepreneur.
Paul Rand, Design Form and Chaos
why design?
justcreative.com/2008/12/14/designer-in-the-spotlight-colin-wright/
Art is selfish and introverted and done for you and you alone. [With] design… there is someone else involved, their needs are just as important as your own, and if everything goes right, both parties are happy in the end.
Colin Wright
why design?
Intentionality
intentional design
danblakeslee.combookandbar.com
Alphabeasties
by Sharon Werner
someecards.com
intentional design
intentional design
davidwhitepond.comlibrariandesignshare.org
intentional design
Barriers to Good Design
design barriers
Time
MoneyInstitutional Restriction
Skill Level
Design Principles
• Alignment
• Proximity
• Contrast
• Repetition
• Color
• Typographyprinciples
Alignment
• Every item has a visual connection.
• Alignment gives order & sophistication.
• Use the grid.
principles
alignment
printwand.com/blog/basic-alignment-principles-in-graphic-design-with-examples
principles
alignment
buzzfeed.com/sludgepunkslimeharpy/things-that-make-graphic-designers-cringe-82dk
principles
alignment
Proximity
• Group like items together!
• Proximity creates unity.
• Use the white space.
principles
proximity
principles
proximity
Contrast
• Difference between elements.
• Contrast creates dominance & differentiation.
• Space
• Color
• Text
• Position principles
contrast
principles
contrast
Repetition
• Reusing an element of design.
• Provides meaning & consistency.
• Creates a pattern.
principles
repetition
principles
repetition
Color
Color choice matters!
Use colors thoughtfully and sparingly.
Pay attention to color mood.
principles
color
thelogocompany.net/blog/infographics/psychology-color-logo-design/
principles
color
principles
color
Typography
• Keep your audience and purpose in mind!
• Use differing fonts sparingly.
• Vary sizes (in moderation).
• Consider font psychology.
principles
typography
typographyforlawyers.com/what-is-typography.htmlprinciples
typography
blog.crazyegg.com/2013/07/05/psychology-of-fonts-infographic
principles
typography
Make It Better
flickr.com/photos/idlir/803628 haveyouseenmycat.com/
design
fail
design
fail
Seek Inspiration
Adapt to Medium
Draft/Brainstorm
Set Design Palette
Get Feedback &
ReviseGo!
Workflow
workflow
Seek Inspiration
• Keep up with design trends.
• What do you like?
• What don’t you like?
• Inspiration can come from unlikely places!
blog.fidmdigitalarts.com
workflow
inspiration
pinterest.com/portslibnh/library-designworkflow
inspiration
Alex Yeske, Madewell
designsponge.com/2014/11/we-want-your-job-graphic-designer-at-madewell.html workflow
inspiration
blandinemasure.blogspot.com
nypl.org
edengourmet.comworkflow
inspiration
Adapt Content to Medium
• Identify location of design.
• Think about the purpose.
• Remember your audience!
workflow
medium
workflow
medium
Draft/Brainstorm
• The old-fashioned method works.
• How do you want the overall design to look?
workflow
draft
Set a Design Palette
• Colors
• Fonts
• Other design elements
• Branding
workflow
palette
Get Feedback & Revise
• Coworkers/supervisors/staff
• Librarian Design Share
• Focus Groups/customers
• Facebook/Twitter (ALATT)
the-librarians-of-night-vale.tumblr.com
workflow
feedback
Design Tools
tools
Inspiration● Librarian Design Share
● Designspiration
● Behance
● Smashing Magazine
● TheDieLine
● WalkingPaper
● Facebook Groups
tools
inspiration
Colors
● ColourLovers
● Colorzilla
● Adobe Kuler
● DeGraeve
● design-seeds
tools
colors
Fonts/Typography
● Type Connection
● Dafont
● Open Font Library
● Font Squirrel
● Daily Dishonesty
● losttype
tools
fonts
Images/Icons
● Flickr
● Morguefile
● Microsoft
● Wikimedia Commons
● Unsplash
● The Noun Project
tools
images
Creation Tools
● Illustrator
● Photoshop
● MS Publisher / Powerpoint
● Canva
● Over
tools
creation
librariandesignshare.org
tools
creation
Canva
tools
creation
Canva
tools
creation
Canva
tools
creation
Over
tools
creation
Consistency/Branding
● Establish a presence in the consumer’s mind.
● How do you balance innovation with consistency?
● Consistency within series and across web, print & in person.
consistency
MD Anderson Research Medical Library
mdanderson.org/library/
consistency
special
Pepperdine University
Brandon Scheirman | librariandesignshare.org/2014/06/25/now-in-concert/
consistency
academic
consistency
public
Draft a Poster!*Limited number of headphones available for purchase. $2 each.** Limited number of devices will be available for borrowing. If your player does not connect to wifi, please download playlist ahead of time at www.tinyURL1234.com.
We will provide:● Sweet dance party playlist● Light refreshments● Glow sticks & glow paint for t-shirts● Blacklight
Silent Dance PartyDavis Public LibraryCommon Room7:00 PM - 9:00 PMThursday April 4thAll ages
Bring your own:● Headphones*● Smartphone, iPod or mp3
player**● White t-shirt for decorating
Sign up at www.librarywebsite.com/party!
consistency
public
ResourcesColors
• ColourLovers
• Colorzilla
• Adobe Kuler
• DeGraeve
• design-seeds
Images
• Flickr
• Morguefile
• Microsoft
• Wikimedia Commons
• Unsplash
• The Noun Project
Fonts/Typography
• Type Connection
• Dafont
• Open Font Library
• Font Squirrel
• Daily Dishonesty
• losttype
resources
ResourcesDesign/Inspiration/Feedback
• Librarian Design Share
• Designspiration
• Behance
• Smashing Magazine
• TheDieLine
• WalkingPaper
• DailyDishonesty
• Libraries & Social Media on (FB)
• Programming Interest Group (FB)
• ALA ThinkTank (FB)
Further Reading
• The Non-Designer’s Design &
Type Books by Robin Williams
• Typography for Lawyers
resources
