Graphic Design

By: Zeena P. Garcia

May 2012

Teaching

Lets start with you.

Who has experience in graphic design? Graphic design software? Who is currently practicing graphic design? Who used to practice graphic design?

What activities has the Graphic Design Club done before?

Who has any experience teaching art?

Outline
3

1
Graphic design in the K-12 curriculum

2
How can we teach graphic design

Club Activities with a Dbase orientation & Philippine Culture

4
Workshop

5
Workshop /project evaluation

1of 5 Graphic design in the K-12 curriculum

Apprenticeship

Teach Philippine Culture (where

art is part of daily life)

Using Multiple Intelligences in teaching

Art integration and Art as a subject.

2 of 5 How can we teach graphic design?

Teach design as a problem, ask questions, find different solutions.

Use design principles as framework for problem solving.

Have clear goals and method of assessment.

Have an exhibit or give many awards.

3 of 5 Graphic Design Club Activities

Each activity should have the following:
1. Objective or Goals
What should the students learn theoretically and practically.

2. Intro or Motivation
Talk about the roots, history of the output, and its current evolution. Show pictures, samples & cultural references if possible.

History & Appreciation

3. Compare and Contrast

Look at design samples, or they can look for their own. See which design works or not, why one is better than the other based on design principle.

5. Assessment
Make a rubric or means of measuring student work based on the objectives. Derive a knowledge, skill and attitude matrix.

4. Research, Drafts, Production

Let them brainstorm and make studies or drafts before the final project freehand. Then apply it to their chosen software or medium.

Criticism

3 of 5 Graphic Design Club Activities

Start a blog or website.

Topics have to be subject specific and entail research. It can be culturally based, or about their illustrations and writing. It can be a club blog, tutorials, or portfolio site.

Products and packaging.

Products can include making their own notepads, greeting cards, button pins, key chains, stenciled t-shirts or illustrated booklets or novellas. They can sell this online or during school event. Or, MAKE an event!

Promote an event or a cause.

School events or an advocacy needs to be communicated to the point of redundancy. Use design to promote it through flyers, posters, bookmarks, blogs.

Let them decide. Let them teach.

Students might have ideas of what they want to learn and accomplish in the club. Make a list and see what the club can do to achieve it. Let them experience teaching peers.

3 of 5 Graphic Design Club Activities

Invite practicing designers.

Start mentorship early by letting the students talk to practitioners. Have them prepare questions and choose the venue.

Show them the roots.

Introduce designers across time and countries. From Milton Glaser to Team Manila. Design is communication and great ideas.

Integrate graphic design into other subjects.

Let them make a newsletter or brochure about Pre-Hispanic Philippine games , let them illustrate and layout their short stories, make posters for math formulas.

Solve real-world problems.

Make logos for each batch, signage for the school, make calling cards for teachers or NGOs. This will teach project planning, making drafts, studies and mock ups, presentations to a client

3 of 5 Graphic Design Club Activities

Photography
Pictures help a graphic designer sell an idea. Encourage them to look at good pictures and take their own based on a specific objective. Like a graphic alphabet, using a friend as a model, food pics for a resto. Historical places for a blog. Edit the shots in sepia or b&w.

Redesign something
It could be a brand, a brochure, a CD cover, a business card, food packaging. Let them discover why the current design isnt working then let them take a shot at it.

Words and Typography

Let them design a poster, a card, a postcard using words and fonts. Show how certain typefaces evoke different emotions or feelings.

Digital Scrapbook or collage

Help them define their sense of self by making a collage of symbols or images that represent them. Or give a theme that will allow them to explore an idea and give different interpretations of it.

Objective | Motivation | Compare and Contrast | Production | Assessment

4 of 5 Workshop: Typography
Objective or Goal
Create a greeting card using words or typeface as the design. Practical Skills:
1. 2. 3. 4. Freehand drawing Layout and grid Scanning, cleaning image Print-ready files using Adobe Illustrator, CorelDraw or MS Publisher.

Timeframe:
1-2 S: Discussion, research 3-4 S: Studies and Drafts 5-6 S: Scanning, lay outing 7 S: Printing and packaging 8 S: Assessment

Assessment:
1. 2. 3. 4. 5. Quiz on typography Research Studies and drafts Final product Exhibit or sale of cards

Vocabulary:
1. 2. 3. 4. 5. Typography Leading Typeface Point face Kerning

Conceptual Learning:
1. 2. Typography as an art form History of typography

Objective | Motivation | Compare and Contrast | Production | Assessment

4 of 5 Workshop: Typography: What is it?

Typography
(from the Greek words (typos) = form and (graphe) = writing

Typography is the art and technique of arranging type in order to make language visible.
The arrangement of type involves the selection of: typefaces, point size, line length, leading (line spacing), adjusting the spaces between groups of letters (tracking) and adjusting the space between pairs of letters (kerning)

Objective | Motivation | Compare and Contrast | Production | Assessment

4 of 5 Workshop: Typography: What is it?

Typography is performed
by typesetters, compositors, typographers, graphic designers, art directors, comic book artists, graffiti artists, clerical workers, and anyone else who arranges type for a product. Until the Digital Age, typography was a specialized occupation.

Digitization opened up
typography to new generations of visual designers and lay users, and it has been said that "typography is now something everybody does."

Objective | Motivation | Compare and Contrast | Production | Assessment

4 of 5 Workshop: Typography: History

Try to use Interactive Websites To help you teach. Or look for info graphics that show information visually to help teach. Or better yet, help them make their own.

From: http://www.counterspace.us/typography/timeline/

Objective | Motivation | Compare and Contrast | Production | Assessment

4 of 5 Workshop: Typography: History

Objective | Motivation | Compare and Contrast | Production | Assessment

4 of 5 Workshop: Typography: History

Baybayin aka Alibata is a preFilipino writing system from the Philippines. Baybayin comes from the word baybay, which literally means spell. Alibata was a term coined by Paul Versoza in the early 1900s.
-from http://www.baybayin.com

Objective | Motivation | Compare and Contrast | Production | Assessment

4 of 5 Workshop: Typography: Types

From: http://www.visual.ly/

Objective | Motivation | Compare and Contrast | Production | Assessment

Objective | Motivation | Compare and Contrast | Production | Assessment

Objective | Motivation | Compare and Contrast | Production | Assessment

Can a letter evoke emotion?

Drink me

Drink me

Drink me

1. 2. 3. 4. 5.

What kind of drink are in each can? What made you decide on the contents of each can? What emotion would you assign each typeface? Whats the difference between serifs and sans serifs typefaces? Can you think of your own typeface based on your personality?

End of 1st session

Objective | Motivation | Compare and Contrast | Production | Assessment

4 of 5 Workshop: Typography Project

Client
:

National Commission on Culture and the Arts (NCCA)

Design Problem:

To promote the use of Filipino, they plan to have a set of all-occasion greeting cards with Filipino quotes and words but they dont want to use pictures, just type and lines. Make it appealing and current.

Design Specs:

3 x 3 inches, 2-3 color, matte printing, 3 studies by June 5, 2012

Target Market:

Young adults, adults

Objective | Motivation | Compare and Contrast | Production | Assessment

4 of 5 Workshop: Typography Project

Ang magalang na sagot, nakakapawi ng pagod. Ang mabigat ay gumagaan, kung pinagtutulungan. Ang pagsasabi ng tapat ay pagsasamang maluat. Walang mahirap na gawa pag dinaan sa tiyaga.

Ang matapat na kaibigan, tunay na maaasahan.

Habang may buhay, may pagasa.

Salamat, kaibigan

Humihingi ng tawad

Maligayang kaarawan!

Irog ko.

Sa yo lamang

Kamusta ka na?

OR: Write your own! (Cards for mothers, fathers, teachers, grandparents.)

Objective | Motivation | Compare and Contrast | Production | Assessment

Objective | Motivation | Compare and Contrast | Production | Assessment

Objective | Motivation | Compare and Contrast | Production | Assessment

4 of 5 Workshop: Typography Project

Ask yourself:
What kind of writing or font will you use? What additional designs would you put aside from the words?

How will you make it look current?

5 of 5 Workshop: Evaluation
A 100-95 Knowledge
Remembers vocabulary words Understands what typography is and can identify different classifications of typefaces Remembers and appreciates the history of typography. Almost perfectly

B 94-90
Mostly

C 89-85
More than half

D 84-80
Half

E 79-75
Less than half or none at all

Skill
Was faithful to the requirements of the project. Took the initiative to be creative in their project and gave more than was required. Can design freehand and with a computer.

Almost perfectly

Mostly

More than half

Half

Less than half or none at all

Less than half or none at all

Attitude
Submitted their project on time. Their project was well made and real effort was put in it. Was quiet and attentive in class. Was helpful to their classmates, teacher.

Almost perfectly

Mostly

More than half

Half

Let me ask you

1.Does graphic design need computers? 2.What is typography? 3.How many fonts did I use in this presentation?

Resources & Inspiration

http://kweb.kirkwoodschools.org
a high schools web page and gallery of student work. Includes projects, lessons and course outlines.

http://www.nhsdesigns.com
a graphic design teachers webpage for her students. Includes class projects, syllabus, and theoretical framework in graphic design. Visual Inspiration:
http://www.youthedesigner.com/2011/07/28/a-showcase-of-50-black-white-creative-package-designs/ http://mhccim.com/gallery_gdp1.php http://www.rsub.com/typographic/ http://www.counterspace.us/typography/timeline/

For a PDF copy of this PowerPoint Presentation: Email: chironcollective@gmail.com

Visit and like: http://www.facebook.com/ artphilippinesforgrade1 http://www.facebook.com/ Artphilippinesforgrade7 Thank you!