lets get visual! basic graphic design training for nonprofits

Let’s Get Visual! Basic Graphic Design TrainingWednesday July 8, 20159am – 12pm

2Let's Get Visual • July 8, 2015


http://slaveryfootprint.org/


Good Design...

Good Design Is As Easyas 1-2-3

Good design is as easy as…

123

1. Learn the principles.They're simpler than you might think.

2. Recognize when you're not using them.Put it into words – name the problem.

3. Apply the principles.You'll be amazed.

Learn the principles.They're simpler than you might think.

Recognize when you're not using them.Put it into words – name the problem.

Apply the principles.You'll be amazed.


Agenda

1. Your presenter

2. Who's here today

3. Deep dive into design principles

4. Break/Break it out - design exercise

5. Deep dive into design elements

6. Resources

7. Q & A


Who's here today?


Principles of Design

Contrast | Repetition | Alignment | Proximity


Contrast

• Create interest on the page

• Aids in organization of information


Contrast


Repetition

Repetition

Repetition

Repetition

UNIFY // ADD VISUAL INTEREST


Repetition


Repetition

Supported by generous funding from the W.K. Kellogg Foundation

School Food FOCUS 2-pager Overview School Food FOCUS is a national collaborative that leverages the knowledge and procurement power of large school districts to make school meals nationwide more healthful, regionally sourced, and sustainably produced. FOCUS has created a resilient network of district representatives, their partners, and national allies that are deeply engaged in transforming school food, working with 29 districts representing about 4 million children across the United States. Grounded in programs such as the School Food Learning Lab, Policy, and Knowledge, FOCUS aims to transform food systems to support students’ academic achievement and lifelong health, while directly benefiting farmers, regional economies, and the environment.

(sidebar or other offset text)“[FOCUS] is the most exciting thing that has happened in our industry. Bringing people – community partners and other directors – together is very non-confrontational while being straightforward and upfront on the issues. It brings us together as one large voice rather than several small peeps.” – School food service professional

Objectives

• Leverage the procurement power of large school systems through collaboration, innovation, and experimentation to shift purchasing to more healthful, sustainable, and regional sources.

• Develop and share successful, field-tested methods of school food change backed by thorough research and analysis.

• Communicate a compelling, practical vision for change, elevating school food service professionals and the potential of the school lunch program to positively affect children’s health as well as food systems.

(sidebar or other offset text) “…As I begin to implement [changes in procurement], I am realizing that they will be transformative, because they are a great deal of work. This opens the door to make other changes…that will have a positive impact.” – School food service professional

School Food FOCUS Programs School Food Learning Lab engages selected school districts in collaborative research to discover methods for shifting food options. Each lab brings school food service professionals and their partners together with research and technical assistance to study and work on specific procurement goals. The direct involvement of large districts and local grassroots activists in reshaping supply chains is unique – and uniquely effective. Learning Lab district pioneers include Saint Paul Public Schools, Denver Public Schools, and Chicago Public Schools. These school districts have made huge strides in school food change, which


Repetition

Healthful • Regional • Sustainable

School Food FOCUS ProgramsSchool Food Learning Lab engages selected school districts in collaborative research to discover methods for shifting food options. Each lab brings school food service professionals and their partners together with research and technical assistance to work on specific procurement goals. The direct involvement of large districts and local grassroots activists in reshaping supply chains is unique – and uniquely effective. Learning Lab district pioneers include Saint Paul Public Schools, Denver Public Schools, and Chicago Public Schools. These school districts have made huge strides in school food change, which include sourcing greater amounts of regionally grown produce and meats through fostering relationships with area farms and specifying geographic preference in bids; working with suppliers to obtain whole-grain breads and flavored milk with lower sugar; finding new ways to prepare foods from scratch in their kitchens; and other meaningful advancements.

FOCUS Policy works with stakeholders to develop recommendations on issues relevant to school food, framing these priorities in alliance with a wide range of school food, nutrition, health, and farm to school groups. FOCUS Policy informs policymakers about opportunities for improvement, works directly with USDA by monitoring and assisting in the implementation of existing programs and recommended policies, and fosters participation of FOCUS stakeholders in advocating for their own interests.

FOCUS Knowledge engages stakeholders in collaborative processes that support systemic change. In addition to an annual conference and School Food Showcases, FOCUS facilitates a listserv and periodic stakeholder chats, conducts webinars, hosts virtual and in-person gatherings, issues a monthly newsletter and other updates, and produces a series of educational materials to accelerate peer-to-peer knowledge-sharing among stakeholders. News, procurement change successes, and lessons learned are also shared well beyond FOCUS via public relations and media outreach.

Contact: [email protected]

@ SchoolFoodFOCUS

www.schoolfoodfocus.org

Supported by generous funding from the W.K. Kellogg Foundation and a growing number of sponsors, individuals, and private funders.

School Food FOCUS is a program of Public Health Solutions.


Repetition

[FOCUS] is the most exciting thing that has happened in our industry. Bringing people – community partners and other directors – together is very non-confrontational while being straightforward and upfront on the issues. It brings us together as one large voice rather than several small peeps. – School Food Service Professional

Objectives• Leverage the procurement power of large school

systems through collaboration, innovation, and

experimentation to shift purchasing to more

healthful, sustainable, and regional sources.

• Develop and share successful, field-tested

methods of school food change backed by

thorough research and analysis.

• Communicate a compelling, practical vision for

change, elevating school food service professionals

and the potential of the school meals to positively

affect children’s health as well as food systems.

…As I begin to implement [changes in procurement], I am realizing that they will be transformative, because they are a great deal of work. This opens the door to make other changes…that will have a positive impact. – School Food Service Professional

School Food FOCUS

is a national collaborative

that leverages the knowledge

and procurement power

of large school districts to

make school meals nationwide more healthful, regionally

sourced, and sustainably produced. FOCUS has created

a resilient network of school food service leaders, their

partners, and national allies that are deeply engaged in

transforming school food, working with 29 districts

representing nearly 3.5 million children across the

United States.

Grounded in programs such as the School Food Learning

Lab, Policy, and Knowledge, FOCUS aims to transform

food systems to support students’ academic achievement

and lifelong health, while directly benefiting farmers,

regional economies, and the environment.


Repetition


Alignment

Nothing should be placed on the page arbitrarily. Every item should have a visual connection with something else on the page.


Alignment


Alignment

• Custom built wood & vinyl fence• Galvanized & vinyl coated chain link• Repairs to existing fences & gates• Free estimates

Davis Fence CompanyResidential • Commercial • Farm

(317) [email protected]

Davis Fence CompanyResidential • Commercial • Farm

(317) [email protected]


Alignment - the grid



Games & Learning is ipsum dolor sit amet, consectetur adipiscing game developers, investors, researchers, educators, and others interested quis adipiscing miuspendisse adipiscing.

Market Analysis Game Development Learning Research Classroom Use Funding Opportunities

Copyright 2013 • Cras tempor erat vel orci rhoncus auctor. Sed interdum interdum tellus, non volutpat purus facilisis vitae. Cras tempor erat vel orci rhoncus auctor. Sed interdum interdum tellus.

ABOUT

PRIVACY POLICY

TERMS OF USE

CONTACT US

Word cloud of popular topics

Games & Learning@gamesandlearning

70% of Teachers Using Games in ClassroomMay 8, 2013A new national survey of teachers indicates that 70 percent are using games in the classroom at least once a week, especially in grades kinder-garten to fifth grade.

Commentaryicon

Reporticon

Aenean quis adipisc-ing dolor sit Lorem ipsum dolor sit amet, consectetur adipi-scing elitLorum Ipsum media linkMay 10, 2013




May 8, 2013

We Need to Get Smarter in How We DiscussTechnology

May 8, 2013

Current Reading Apps Focus on Very Basic Skills

Reporticon

May 8, 2013

Current Reading Apps Focus on Very Basic Skills

TRENDING CONTENT

Lorem ipsum dolor sit amet, consectetur adip-iscing elit.





TWEETS

Lorem ipsum dolor sit amet, @consectetur adipiscing elit. Lorem ipsum dolor sit amet, consectetur #adipiscing #elit.

Lorem ipsum #dolor sit amet, consectetur adip-iscing elit.

EVENTS

LORUM IPSUM NAMEDescription Lorem ipsum dolor sit amet, consectetur adipiscing elit. Aenean quis adipiscing mi. Sus-pendisse adipiscing auctor felis, ac pretium felis euis-mod ac.

LORUM IPSUM NAMEDescription Lorem ipsum dolor sit amet, consectetur adipiscing elit. Lorum Ipsum Date Lorum Ipsum Place

Lorum Ipsum Date Lorum Ipsum Place

Search GO

CLASSROOM USE • LEARNING RESEARCH

May 8, 2013

STEM Video Game Challenge Deadline Extended

Updateicon

FUNDING OPPORTUNITIES

LEARNING RESEARCH

LEARNING RESEARCH

Case studyicon

Case studyicon

Citing a record number of submissions, the sponsors of the National STEM Video Game Challenge announced this week they were extending the deadline for stu-dents to submit their games that help others learn about Science, Technology, Engineering or Math (STEM) to May 1.

Björn Jeffery, CEO and Co-Founder of Toca Boca, writes, “All screens are not equal. A TV is different from a computer, and they are both different from a touch-screen tablet. Putting all of them in the same category is dishonest and simplistic.”

Reading apps, especially those geared towards preschoolers, are one of the fast-est growing sectors in learning games, but a new repor tindicates most of these apps teach only the most basic literacy skills.

LEARNING RESEARCH

Reading apps, especially those geared towards preschoolers, are one of the fast-est growing sectors in learning games, but a new repor tindicates most of these apps teach only the most basic literacy skills.


Proximity• Aids in organization of information

• On a page, as in life, physical closeness implies a relationship


My Flowers My FlowersMarigoldPansyRueWoodbineDaisyCowslipCarnationPrimroseVioletsPink

MarigoldPansyRueWoodbineDaisyCowslip

CarnationPrimroseVioletsPink

Proximity


Proximity

Gertrude’s Piano BarStarters

Entrees

AmericanaAvante Garde Book and oblique

typefaces

Gertrude's Famous Onion Loaf 8

Gazpacho or Asparagus Spinach Soup 7

Summer Garden Tomato Salad 8 sliced vine ripened yellow and red tomatoes

with fresh mozzarella and basil Balsamic viniagrette

Hamlet's Chopped Salad 7 cubed cuccumbers, radishes, avocado

tomatoes, jarlsberg cheese, and romaine leaves tossed in a light lemon vinaigrette

Caeser Salad 7 house made dressing, Parmesan and croutons

Caribbean Ceviche 9 ime-marinated baby scallops with red pepper,

onions, cilantro, japapenos, and orange juice

Shrimp Cocktail 14 five large shrimp with house made cocktail sauce

New York Steak, 16 oz 27


Proximity


BREAK!

BREAKOUT!


Exercise - Re-design this brochure

Areas servedMonroe, Bartholomew, Brown, Decaur, Dubois, Fayette, Franklin, Greene, Henry, Jackson, Jefferson, Jennings, Johnson, Lawrence, Martin, Morgan, Orange, Parke, Rush, Scott, Shelby, Sullivan, Vermillion, and Vigo.

The area we serve is only limited by transport partners available in those areas. We accept individual clients from any county.

HoursMonday - Thursday 8:00am - 6:00pm

Daily Vaccination ClinicsMonday - Thursday 4:00pm - 6:00pm

No appointment required

2444 South Walnut StreetBloomington, IN 47401

812-349-1FIX (1349)FAX: 812-349-4417

SUPPORT

PetsAlive

Pets Alive provides high quality, affordable spay/neuter services

for cats and dogs.

Pets benefit from a lower risk of reproductive cancers. Females will not go into heat and males will be much less likely to mark territory, which makes them more family friendly and keeps them in their forever homes.

Reducing the number of unwanted lit-ters in our communities lessens the bur-den on local shelters that are sometimes funded by tax dollars. Less unwanted pets results in fewer animals roaming neighborhoods causing destruction to wildlife and property. Pets that have been spayed or neutered are less aggres-sive and less likely to bite.

Spay and neuter creates a better

quality of life for all.

12,858

prevents homelessness for approximately

72,904 pets

(8,551 cats altered x average litter size of 5) + (4,307 dogs altered x average litter size of 7)

not including the offspring that those animals could have been producing.

Together, we can end pet overpopulation

and euthanasia in south central Indiana

surgeries in 2014

petsaliveindiana.org

petsaliveindiana.org

10TH ANNIVERSARY

10TH ANNIVERSARY


Exercise - Re-design this flyer

WE CAN FIX THAT!

WE CAN FIX THAT!


Elements of Designhttp://paper-leaf.com/blog/2011/02/elements-of-design-quick-reference-sheet/


Elements of Design - Line


Citi Bike Rideshttps://vimeo.com/89305412




http://www.bike.nyc/http://www.underconsideration.com/brandnew/archives/new_logo_and_identity_for_bike_new_york_by_pentagram.php#.VZxmz-1VhBf


Elements of Design - Colorhttp://paper-leaf.com/blog/2010/01/color-theory-quick-reference-poster


Passion Energy Blood Strength

Fresh Nature Harmony Health

Creative Jovial Youthful

Friendly Fun

Hope Happiness Warmth Caution

Conservative Corporate Stable Trustworthy

Femininity Innocence

Expensive Mystery Regal Spiritual

Elements of Design - Color



25%

50%

75%

100%

25%

50%

75%

Logo Palette Secondary Palette

100%

25%

50%

75%

100%

100/0/70/0

PMS 3340/162/12400A27C

70/0/100/0

PMS 362

90/185/705AB946

85/35/0/0

PMS 2935

0/134/2010086C9

CMYK

PANTONE

RGBHEX

CMYK

PANTONE

RGBHEX

CMYK

PANTONE

RGBHEX

80/20/0/00/155/217009AD8

75/35/15/064/140/178408CB2

65/0/85/1574/162/8449A153

45/10/90/0154/190/7799BD4D

55/10/65/0121/183/12978B780

70/5/50/070/182/15046B696

0/70/80/0243/109/65F26C40

10/100/70/0213/30/68D41D44

10/30/100/0227/173/36E3AD23

90/80/45/2056/62/90383E5A

3/8/25/25193/181/156C0B59C

0/0/0/9065/64/66404041



RESOURCES BY FORMAT

Other 7%MOOC 3%

Courseware 3%

Tool 11%

Game 13%

Video 57%

GAMES BY PLATFORM

900

800

700

600

500

400

300

200

100

0Android Browser iOS Mac and PC Other

Figure 6 – Number of games by platform. Here we see that the overwhelming majority of games are made for iOS or web browsers.

Figure 1 – Games make up 13% of the LearnBIG library. “Other” resources

include textbooks, simulations, audio clips, lessons, books and images.

321

811 808

410

58

gamesandlearning.org

gamesandlearning.org

0786C8

5BBA47

E3AD24

F26B40

D61D45

C0B59D

408CB2


Elements of Design - Shape

Geometric Natural Abstract



Individually we are ONE DROPtogether we are an OCEAN

2015 Annual ReportLike us on facebook CanalAlliance.SanRafael Follow us on Twitter @canalalliance

Content – Jorge Castellanos, Pamela Vargas-Touchard, Maria VierraGraphic Design – Aaron Davis aaronoliverdavis.comPhotography – Tim Porter timporter.com

91 Larkspur Street | San Rafael, CA 94901 | 415.454.2640 | www.canalalliance.org



Vag Sriracha crucifix IntelligentsiaRebound Sriracha crucifix IntelligentsiaAvante Garde Sriracha crucifix Intelligentsia

Albertus Sriracha crucifix IntelligentsiaMinion Sriracha crucifix Intelligentsia

Anarko Sriracha crucifix Intelligentsia

Arid Sriracha crucifix Intelligentsia

Impact Sriracha crucifix Intelligentsia


Elements of Design - Scale/Size

THEWORLDIS FLAT

THE

WORLDIS FLAT


Elements of Design - Texture


WHITESPACE

Elements of Design - Space



• Move related elements together

• Decrease the spacing between lines of text,

• Don’t butt text against a solid shape

• Don’t be afraid to leave empty space


Typography

Comic Sans Papyrus

Times New Roman Sand


Typography

Serif

Display

Sans-serif

Text

Craft beer you probably haven't heard of them readymade lo-fi High Life raw denim. Hoodie leggings flannel bespoke beard put a bird on it pug polaroid banjo, VHS aesthetic messenger bag shabby chic. Wolf Williams-burg Helvetica Pitchfork Intelligentsia, food truck pickled Banksy cred squid tattooed. Wes Anderson Etsy 3 wolf moon selfies, butcher banh mi hella bitters occupy asym-metrical Intelligentsia Thundercats drinking

Craft beer you probably haven't heard of them readymade

lo-fi High Life raw denim. Hoodie leggings flannel bespoke

beard put a bird on it pug polaroid banjo, VHS aesthetic

messenger bag shabby chic. Wolf Williamsburg Helvetica

Pitchfork Intelligentsia, food truck pickled Banksy cred squid

tattooed. Wes Anderson Etsy 3 wolf moon selfies, butcher

banh mi hella bitters occupy asymmetrical Intelligentsia

Thundercats drinking vinegar. Taxidermy cray Vice McSwee-

ney's occupy, cliche drinking vinegar typewriter shabby chic

Intelligentsia Echo Park.


Typography - hand written


Resources (1 of 6)

A Smile in the Mindhttps://www.pinterest.com/madebyberry/a-smile-in-the-mind-witty-thinking-in-design/


Resources (2 of 6)

FontSquirrel.com


Resources (3 of 6) Lorem Ipsum DolarSed ut perspeciatis unde omnis iste natus error sit voluptatem accusantium doloremque laudantium, totam rem aperiam, eaque ipsa quae ab illo inventore veritatis et quasi architecto beatae vitae dicta sunt explicabo.

Sed ut perspeciatis unde omnis iste natus error sit voluptatem accusantium doloremque laudantium, totam rem aperiam, eaque ipsa quae ab illo inventore veritatis et quasi architecto beatae vitae dicta sunt explicabo.


Lorem Ipsum Dolar


Lorem Ipsum Dolar


Lorem Ipsum Dolar


Lorem Ipsum Dolar


Lorem Ipsum Dolar


Lorem Ipsum Dolar


Lorem Ipsum Dolar

Lorem Ipsum DolarSed ut perspeciatis unde omnis iste natus error sit voluptatem

accusantium doloremque laudantium, totam rem aperiam, eaque

ipsa quae ab illo inventore veritatis et quasi architecto beatae

vitae dicta sunt explicabo.

Lorem Ipsum DolarSed ut perspeciatis unde omnis iste natus error sit voluptatem accusantium doloremque laudantium, totam rem aperiam, eaque ipsa quae ab illo inventore veritatis et quasi architecto beatae vitae dicta sunt explicabo.


accusantium doloremque laudantium, totam rem aperiam, eaque ipsa

quae ab illo inventore veritatis et quasi architecto beatae vitae dicta

sunt explicabo.








accusantium doloremque laudantium, totam rem aperiam, eaque ipsa

quae ab illo inventore veritatis et quasi architecto beatae vitae dicta

sunt explicabo.

Helvetica (BOLD)

Garamond

Avenir (BOLD)

Warnock

Caslon (SEMIBOLD)

Franklin Gothic

FF Din Engschrift

Baskerville

Trade Gothic (BOLD)

Clarendon (LIGHT)

Baskerville (BOLD)

Universe (LIGHT)

Akzidenz Grotesk (BOLD)

Garamond

Clarendon (BOLD)

Trade Gothic (LIGHT)

Franklin Gothic (DEMI)

Baskerville

Warnock (BOLD)

Universe (LIGHT)

Caslon (BOLD)

Universe

Frutiger (BOLD)

Minion

Futura (BOLD)

Bodoni

Garamond (BOLD)

Futura

Gill Sans (BOLD)

Caslon

Minion (BOLD)

Gill Sans

Univers (BOLD)

Caslon

Bodoni (BOLD)

Futura

Myriad (BOLD)

Minion

19 Top Fonts in 19 Top CombinationsDouglas Bonneville | bonfx.com

bonfx.com


Resources (4 of 6) logo feedback Worksheet

[email protected]

tel 212-721-9764

www.stonesoupcreative.com

What to come prepared with at our logo presentation:

• An open mind and an enthusiasm for change

• Your opinions on the logos as they relate to your organization’s goals, not necessarily just your

personal preferences

• The logo is not the only element of your brand identity. It is a part of the whole picture, but not

THE whole picture. You will be utilizing the logo within an entire brand system, with other ele-

ments such as color, typography, images, art, etc., that help to complete your unique story. In

other words, the logo does not necessarily have to communicate everything you stand for

• The ability to narrow down your selection in an efficient manner and give clear feedback on what

logo you’d like to move forward with and what, if any, changes you may have

Questions to ask yourself as you review the options:

❏ Is it impactful? Does it stand out or catch your eye?

❏ Is it meaningful? Does it support your business goals and objectives?

❏ Is it flexible (will it work across different media, such as on your website and in print)?

❏ Is it differentiated enough from your ‘competition’?

❏ Will it work for you both in color and in black and white?

❏ Do you need a tagline with it and if so, will it accommodate one?

❏ What are your thoughts on the type treatments?

❏ What are your thoughts on the color selections?

Logo Feedback Worksheets

WORKSHEETLOGO EVALUATIONUse the following checklist of criteria to either assess the state of your current logo, or evaluate a newly re-designed logo.

1. Simple: Is your logo aesthetically sound, with no extraneous elements?

2. Memorable: Will your logo stick in people’s minds? Does it involve the viewer in some way?

3. Perfectly Executed: Is the logo crisp, clear, easy to read and understand?

4. Meaningful: Does your logo give a sense of what you do or convey the impact you have? Does it support your organization’s goals and objectives?

5. Unique: Does your logo distinguish you from other organizations? Does it have a unique look? Does it avoid obvious visual clichés?

6. Impactful: Does your logo convey a sense of hope or other positive emotion? Does it stand out and catch your eye?

7. Authentic: Does your logo match the tone of your organization? Is it appropriate to your audience and sector? Does it feel genuine and appropriate for what you do, who do it for and who you want to reach?

8. Sophisticated: Does your logo convey a sense of professionalism?

9. Fresh: Does your logo look current and not dated? Does it have enduring value? Does it avoid trends? Will it stand the test of time, and look just as fresh in several years as it does now?

10. Flexible: Will the logo reproduce well in small sizes and on a computer screen? Does it look just as good in one color or black and white as it does in full color?

adapted from Red Rooster Group, redroostergroup.com

tel 212-721-9764 web www.stonesoupcreative.com


Resources (5 of 6)

D.I.Y.


Resources (6 of 6)

Adobe Color - https://color.adobe.com


What will be your next step?


Thank You!

[email protected]

facebook.com/stonesoupcreative

212.721.9764

www.stonesoupcreative.com



Character Personality Tone

Peaceful Refuge

Diversity

Urban Setting

Welcoming Atmosphere

Transforming Lives

Reflective, Subdued

Eclectic, Variety

Contemporary, Hip

Friendly, Warm

Active, Powerful

Quiet

Colorful

Bold

Warm

Dynamic

lets get visual! basic graphic design training for nonprofits

Marketing