Successfully reported this slideshow.
We use your LinkedIn profile and activity data to personalize ads and to show you more relevant ads. You can change your ad preferences anytime.

Better Graphic Design for Libraries

240 views

Published on

Why does graphic design matter? How can I be more intentional about design? What are the fundamental aspects of good design? What are some examples of good design in libraries?

Presented at the New England Library Association 2016 Conference.

Published in: Education
  • Be the first to comment

Better Graphic Design for Libraries

  1. 1. Better Graphic Design for Libraries Improving Your Visual Communication
  2. 2. Presented by Laura Horwood-Benton Public Programming & Community Relations Librarian Portsmouth Public Library lkhorwood-benton@cityofportsmouth.com NELA 2016
  3. 3. why is design important? intentionality workflow/process design principles design tools consistency barriers to good design NELA 2016
  4. 4. Why is design important? why design? Is design optional? continuous improvement connection visual message
  5. 5. Presented by Laura Horwood-Benton NELA 2016
  6. 6. design isn’t optional! continuous improvement connection visual message Why is design important? why design?
  7. 7. design isn’t optional! continuous improvement connection visual message Why is design important? why design?
  8. 8. Why is design important? why design? design isn’t optional! continuous improvementconnection visual message
  9. 9. design isn’t optional! continuous improvement connection visual message Why is design important? why design?
  10. 10. walkingpaper.org/960 why design?
  11. 11. flickr.com/photos/31003505@N05/2905545150/ why design?
  12. 12. 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 and rewards the entrepreneur. Paul Rand, Design Form and Chaos why design?
  13. 13. 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?
  14. 14. Intentionality intentional design
  15. 15. danblakeslee.combookandbar.com Alphabeasties by Sharon Werner someecards.com intentional design
  16. 16. intentional design
  17. 17. davidwhitepond.comlibrariandesignshare.org intentional design
  18. 18. Barriers to Good Design design barriers Time Money Institutional Restriction Skill Level
  19. 19. Design Principles • Alignment • Proximity • Contrast • Repetition • Color • Typography principles
  20. 20. Alignment • Every item has a visual connection. • Alignment gives order & sophistication. • Use the grid. principles alignment
  21. 21. printwand.com/blog/basic-alignment-principles-in-graphic-design-with-examples principles alignment
  22. 22. buzzfeed.com/sludgepunkslimeharpy/things-that-make-graphic-designers-cringe-82dk principles alignment
  23. 23. Proximity • Group like items together! • Proximity creates unity. • Use the white space. principles proximity
  24. 24. principles proximity
  25. 25. Contrast • Difference between elements. • Contrast creates dominance & differentiation. • Space • Color • Text • Position principles contrast
  26. 26. principles contrast
  27. 27. Repetition • Reusing an element of design. • Provides meaning & consistency. • Creates a pattern. principles repetition
  28. 28. principles repetition
  29. 29. Color Color choice matters! Use colors thoughtfully and sparingly. Pay attention to color mood. principles color
  30. 30. thelogocompany.net/blog/infographics/psychology-color-logo-design/ principles color
  31. 31. principles color
  32. 32. Typography • Keep your audience and purpose in mind! • Use differing fonts sparingly. • Vary sizes (in moderation). • Consider font psychology. principles typography
  33. 33. typographyforlawyers.com/what-is-typography.html principles typography
  34. 34. blog.crazyegg.com/2013/07/05/psychology-of-fonts-infographic principles typography
  35. 35. Make It Better flickr.com/photos/idlir/803628 haveyouseenmycat.com/ design fail
  36. 36. design fail
  37. 37. Seek Inspiration Adapt to Medium Draft/ Brainstorm Set Design Palette Get Feedback & Revise Go! Workflow workflow
  38. 38. 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
  39. 39. pinterest.com/portslibnh/library-design workflow inspiration
  40. 40. librariandesignshare.org workflow inspiration
  41. 41. Alex Yeske, Madewell designsponge.com/2014/11/ we-want-your-job-graphic- designer-at-madewell.html workflow inspiration
  42. 42. blandinemasure.blogspot.com nypl.org edengourmet.com workflow inspiration
  43. 43. Adapt Content to Medium • Identify location of design. • Think about the purpose. • Remember your audience! workflow medium
  44. 44. workflow medium
  45. 45. Draft/Brainstorm • The old-fashioned method works. • How do you want the overall design to look? workflow draft
  46. 46. Set a Design Palette • Colors • Fonts • Other design elements • Branding workflow palette
  47. 47. design-seeds.com/home/entry/color-fog workflow palette
  48. 48. Get Feedback & Revise • Coworkers/supervisors/staff • Librarian Design Share • Focus Groups/customers • Facebook/Twitter (ALATT) the-librarians-of-night-vale.tumblr.com workflow feedback
  49. 49. Design Tools tools
  50. 50. Inspiration ● Librarian Design Share ● Designspiration ● Pinterest ● Behance ● Smashing Magazine ● TheDieLine ● WalkingPaper ● Facebook Groups tools inspiration
  51. 51. Colors ● ColourLovers ● Colorzilla ● Adobe Kuler ● DeGraeve ● design-seeds tools colors
  52. 52. Fonts/Typography ● Type Connection ● Dafont ● Open Font Library ● Font Squirrel ● Daily Dishonesty ● losttype tools fonts
  53. 53. Images/Icons ● Flickr ● Morguefile ● Microsoft ● Wikimedia Commons ● Unsplash ● The Noun Project tools images
  54. 54. Creation Tools ● Illustrator ● Photoshop ● MS Publisher / Powerpoint ● Canva ● Over tools creation
  55. 55. librariandesignshare.org tools creation
  56. 56. Canva tools creation
  57. 57. Canva tools creation
  58. 58. Canva tools creation
  59. 59. Over tools creation
  60. 60. 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
  61. 61. MD Anderson Research Medical Library mdanderson.org/library/ consistency special
  62. 62. Pepperdine University Brandon Scheirman | librariandesignshare.org/2014/06/25/now-in-concert/ consistency academic
  63. 63. Richland Public Library richlandlibrary.com consistency public
  64. 64. Richland Public Library richlandlibrary.com consistency public
  65. 65. consistency public
  66. 66. 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 Party Davis Public Library Common Room 7:00 PM - 9:00 PM Thursday April 4th All ages Bring your own: ● Headphones* ● Smartphone, iPod or mp3 player** ● White t-shirt for decorating Sign up at www.librarywebsite.com/party! consistency public
  67. 67. Resources Colors • 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
  68. 68. Resources Design/Inspiration/Feedback • Librarian Design Share • Designspiration • Pinterest • 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
  69. 69. Laura Horwood-Benton lkhorwood-benton@cityofportsmouth.com

×