graphic design for non graphic designers
TRANSCRIPT
GraphicDesignForNonGraphicDesigners
LikeMe!
Congratulations, you have gotten a job as a librarian. I bet nobody told
you that you would also be doing lots of things that require graphic
design!Flyers,
Posters,Bookmarks,
Displays,OH MY!
Where is the library class for that?
Why Me?I am in no way qualified to discuss graphic design, it’s true.I’m not a graphic designer, I just play one at the library.
My Learning Journey:Married to an art/graphic design major
Taken a variety of continuing ed webinars, workshops, etc.
Research, research, researchPractice, practice, practice
Trial and error (with lots of error)
BSPAlert!
20 years + of researching, practicing, etc.
You can find it in this book, coming in the Summer 2014 from ALA Editions.
What I UseMicrosoft PublisherA pretty standard tool. Easy to use.
GIMP Free online toolNote: STEEP learning curve, but there are tons of cool brushes you can use to add things like weather effects, wings, doodles, etc.
A Variety of Smartphone AppsFor example, the PhotoShop Express app is an easy tool that you can use to crop, colorize, etc. images that you take using your phone. It is less expensive than buying the complete PhotoShop package.The Comic Book app allows you to create a complete comic book page.
www.hawksmont.com
Most graphic designers agree: No more than 2 to 3 Colors No more than 2 to 3 Fonts
Fonts should be: Easy to read, look good together (complimentary)Colors: Google color theory & color wheels – You want to use complimentary colorsMost Basic Complementary Colors: Red/Green, Blue/Orange, Purple/Yellow
Posts about Fonts: What Font Should I Use?Posts about Color: Introduction to Color Theory Color Theory 101
3 is the Magic Number
RGB Color Guide from RapidTables.com
We are used to reading from Left to Right
When we approach a sign, we scan the pageIn a Z pattern
Put information where people are used to looking for it based on how we know they scan a page
Note: There are a couple of other layout options:3 Design Layouts
Where You Put Stuff MattersHeadline/Program Title
Date/Time
Library Logo
General Description/Info
Note: This is also called the Focal Point or
Pulling Focus
Typography – the fonts you use – are design elements.Headlines and text all need to be considered in the overall design process. Fonts should be complimentary, legible, and fit the overall theme.
Here are 10 Common Typography Mistakes by Brian Hoff.
More Resources:I love typographyTypography Daily
Typography is a Design Element
Remember: Font types communicate a message. Don’t use a serious font for a funny piece and vice versa.
Size Really Does Matter
Giving text components different size (weight) helps your viewer understand the hierarchy of importance of the various components of your piece. It also helps readers know which order to read the elements (color can do this too)
HeadlineDate/TimeDescription
Library Information
Justify Your TextWhen you have a big chunk of text, left or right justify your text. This creates a clean line that is easy to follow. It also seems to better utilize the space on the page. We tend to want to center justify our text, but word in the graphic design community is that left or right justifying your text is the best practice: best for design, best for space, best for the reader.
When you have a big chunk of text, left or right justify your text. This creates a clean line that is
easy to follow. It also seems to better utilize the space on the page. We tend to want to
center justify our text, but word in the graphic design community is that left or right justifying your text is the best practice: best for design,
best for space, best for the reader.
LeftJustify
RightJustify
CenterJustification
Take a look out your window at the tree line, nature is not symmetrical.When we design things symmetrically, the eye becomes confused and doesn’t know what part of the page is important and to stop and read. All the elements are given equal weight in a symmetrical design.Making our page non-symmetrical creates a space that gives visual clues to the reader about what elements are most important.
Take a Tip from Nature: No Symmetry
White space is also called negative space, because it isn’t always white.
White spaces are those blank spaces on the page of your design. They are important because they give your viewers a place to rest their eyes. They also help you define the spaces that ARE important to your readers/viewers.
White space can be dependent on your audience. I think you can use less white space with teens than you can for adults because teens are heavier Internet/media users and they are used to a different aesthetic.
Using White Space Effectively
White Space is Your Friend
Borders are Also Your FriendBorders create a clean edge
Sometimes breaking the border makes for good design too
When writing text, use verbs!
You are inviting people to come into your library and DO something. Use verbs to let them know what that something is.
The you at the beginning is implied when they read it.
Verb Up Your ImageLearn
CreateMakeExplore
IgniteMeet
Investigate
Creating Call to Action Copy
Graphics of a Feather, Flock TogetherYou want your graphics to be complementary. Choose graphics that look stylistically the same.
If you are using line drawn graphics, use ALL line drawn graphics.
If you are using cartooinish looking graphics, then they ALL need to have that same cartoonish look.
Consistency makes it look like we know what we are doing. They don’t have to know that we don’t.
One of these things is not like the other
Worried About Copyright?You Should Be!
Make Your Own Graphics
You can use a Smart Phone or a Tablet to download a variety of Apps to make your own graphics.
Picture Me ThisGenerating Marketing Creativity with Apps
5 Best Photo Editor Apps
Comic Book Photo Shake Word Foto Filter Mania
You can use Pics in your Marketing MaterialsBookmakrs Made Entirley w/Phone You can save your
pictures and incorporate them into posters, ads, end cap signage,
etc.
Rules Were Made to Be Broken
If it works for the piece,Break the rules
Karen’s Favorite Tricks!Text and Object Fill
Cropping Clip Art!
Karen’s Quick TipsDo a test print:
Check for layering (ordering) of objects to make sure elements are not knocking other elements out of place or overlapping and cutting off text.
Check your alignment to make sure all the elements are aligned the way you want them to look. Use the alignment function to straighten out your edges.
Make sure the colors are printing the way you think they should look and they still look good together. Sometimes the color is slightly different when printed compared to what you see on the computer screen.
Make sure all fonts are clearly legible. Some fonts only work well if they are really big.
Once you have confirmed everything is good, you can do big print runs.
Note: You can group objects together, right click & save as a .jpg
Don’t Forget to Proofread
In fact,have someone else proofread for you
Things I have actually done (or seen done):Put my home phone number on a sign
Put a complete strangers phone number on a sign by re-arranging the numbers. She called to let us know that everyone was calling her house to sign up for a program.
You never want to be the PUBIC LIBRARY. That‘s hard to live down.
You don’t want to put the wrong date, time.
You don’t want to misspell a guest speaker’s name.
You don’t want to misspell the name of your library. And yes, I have done that.
Some Graphic Design ResourcesGraphic Design BasicsDesktop Publishing : 12 Most Common Mistakes
Graphic Design Blender
Don’t forget to look in your library’s book
collection!