great graphics on a shoe-string budget

18
EricaKarmes-Jesonis Cecil County Public Library Web Manager & Graphic Designer ChristineKarpovage State of Delaware Division of Libraries Government Information Center Web & Graphic Designer GraphicDesign:101 Great Graphics on a Shoe-String Budget

Upload: ericajesonis

Post on 07-Jul-2015

195 views

Category:

Technology


0 download

DESCRIPTION

A crash course in graphic design created by two professional graphic designers that work for libraries. Get an overview of basic design concepts, lots of tips for improving your design skills, as well as free and cheap resources.

TRANSCRIPT

Page 1: Great Graphics on a Shoe-String Budget

EricaKarmes-Jesonis

Cecil County Public LibraryWeb Manager & Graphic Designer

ChristineKarpovage

State of DelawareDivision of Libraries

Government Information CenterWeb & Graphic Designer

GraphicDesign:101Great Graphics on a Shoe-String Budget

Page 2: Great Graphics on a Shoe-String Budget

• Time• Training• Resources• Focus

Top Design Challenges for Libraries

• Communication• Impact

WHY graphic design is critical

limited

the pitch

Page 3: Great Graphics on a Shoe-String Budget

Purpose• What do I need to communicate?

Audience • Who am I trying to get to my event?

Gather Information • Logos, photos, specific colors, date, time location

• Are there special details needed? Driving directions? Do they need costumes?

Design Tips… Where do I start?

Keep it simple… Remember, less is more • Can you look at it with in a few seconds and understand what, when and where?

Treat it like a billboard

Page 4: Great Graphics on a Shoe-String Budget

Grab their attention• Create a larger headline, use a fun (but readable) font

• Keep it short and sweet

• Use a graphic element in the header

Body Text, Headlines and Fonts… Oh my!

Page 5: Great Graphics on a Shoe-String Budget

Remember readability for all text

• People read left to right, not sideways, or stacked

• Keep body text in easy-to-read fonts (Helvetica, Calibri, Times, etc.)

• Be careful with all caps

• Keep font variety to 2, otherwise your design can look chaotic

• Consider pairing fonts to create contrast – a bold, fun font for your header, with a thinner font for a subheader

Page 6: Great Graphics on a Shoe-String Budget

“White Space”

Page 7: Great Graphics on a Shoe-String Budget

• “White Space” is negative space.

• Gives the eye a rest.

• It is not your “Enemy” and no need to fill up every inch of the page.

• We want people to feel pleasure when viewing your item, not have a seizure.

Page 8: Great Graphics on a Shoe-String Budget

Bad Idea Good Idea

Page 9: Great Graphics on a Shoe-String Budget

Color

Page 10: Great Graphics on a Shoe-String Budget

• Keep colors to minimal combinations

• Think of nature with neutrals and pops of color

• Goal is to make it easy on the eye, not cause headaches.

• Create balance with “white” space and color blocks

Color

Page 11: Great Graphics on a Shoe-String Budget

Complimentary Colors causes “vibration”

The eye has a difficult time viewing and focusing.

Red & Green are used at Holiday times and use sparingly. Try not to directly use next to each other when possible.

Many sports teams use these bright vibrating color combinations for uniforms. You can definitely find your team on the field!

Page 12: Great Graphics on a Shoe-String Budget

Grab their attention but don’t give them a headache

When used sensibly you can put vibrating colors together for a powerful punch. Finding the right balance is key.

Use color common sense.

Page 13: Great Graphics on a Shoe-String Budget

Layout & Color

“Color harmony delivers visual interest and a sense of order.”

In visual experiences, harmony is something that is pleasing to the eye. It engages the viewer, creates an inner sense of order and balance in the visual experience.

When something is not harmonious, it's either boring or chaotic.

Page 14: Great Graphics on a Shoe-String Budget

Layout – the secret of the 2 Ls

• Lump• Line Up

Program TitleDESCRIPTIVE SUBHEADER

Paragraph of text that describes the program. Paragraph of text that describes the program. Paragraph of text that describes the program. Paragraph of text that describes the program. Paragraph of text that describes the program.

Program Date & Time

PHOTO

Phone #Website address

Mandatory ADA statement. Mandatory ADA statement. Mandatory ADA statement.

Library

Program Title

Descriptive Subheader

Paragraph of text that describes the program. Paragraph of text that describes the program. Paragraph of text that describes the program. Paragraph of text that describes the program. Paragraph of text that describes the program.

Program Date & Time

PHOTO

Phone #Website address

Mandatory ADA statement. Mandatory ADA statement. Mandatory ADA statement.

Library

Page 15: Great Graphics on a Shoe-String Budget
Page 16: Great Graphics on a Shoe-String Budget

Doodle time! – Have a plan

• Yes! I said “Doodle” Put some thoughts on scrap paper Your sketch is your road map

• You don’t need drawing skills! No detail required. It is just to give you a starting point for your layout.

• Group items Put like items together to create distinct sections. Most flyers have general info like logos, phone numbers, and ADA statements… put together to make a footer.

Phone #Website address

Mandatory ADA statement. Mandatory ADA statement. Mandatory ADA statement.

Page 17: Great Graphics on a Shoe-String Budget

Resources:

Page 18: Great Graphics on a Shoe-String Budget

Questions?