:::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::
Project Four: FEATURE ARTICLE: LEADING GRID
Using a leading grid you will be designing a feature article on the the photographer ____. You may choose from any of the photographers listed on the left. The article would be published in a magazine about photography.
Typographic grids control the visual organization of the page space by supplying a particular kind of structure developed for typographic organization. This structure consists of margins, alleys, grid fields, and intersection points. Grids allow the designer to codify groups of typographic information. This process of codification allows the viewer to proceed through a complex page environment, tracking information in a seamless, linear manner.
A good grid forces order onto the layout and so acts as an orienting device enabling the reader to knows where to look for information and to understand its relative importance. Just as importantly the grid works on an aesthetic level. The readers might not consciously be aware of it, but subliminally they pick up on the fact that everything is well ordered and in its place. If a picture juts fractionally into the column next to it something seems to be slightly amiss, but if the lines of text align neatly across the columns on a page some fundamental and reassuring logic seems to be at work.
Your design should be typographically beautiful, simple without being simplistic, have a clear
hierarchy, an attention to detail. It needs to be interesting, inviting, dynamic. Only the finest typography will be accepted. There are typographic standards we will cover in class lectures and readings and they will need to be practiced: column width, text size, word spacing, hyphenation...
Traditionally we read right to left, top to bottom. Elements that look alike are associated – same font, same point size, same leading and line length will visually link information into groups.
There are several goals for this project: Learning InDesign, understanding and constructing a
leading grid, a clear hierarchy, terminology, typographic rules, typographic details, and of course
a dynamic composition.
Elements/Standards/Rules you will need to address
_ leading grid: margins, alleys. modules
_ hierarchy, composition,
_ type size, type color, line length (column width), leading
_ headlines, subheads, call outs
_ page numbers
_ paragraph breaks, justification, letter and word spacing, hyphenation, widows, orphans
_ dashes, quote marks and apostrophes
_ vertical and horizontal pull (clotheslines)
:::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::
TECHNICAL RESTRICTIONS
_ Size: 11 x 17 SPREAD (multiple spreads)
_ Color: Black + 2 colors, tints ok
_ Fonts: for the body text select one sans serif and one serif family from the list below
_ New Baskerville, Mrs Eaves _ Adobe Garamond _ Sabon _ Memphis _ Archer _ Univers _ Interstate _ Meta _ Gotham _ Trade Gothic
_ Typographic Rules: You may use rules, bars, color fields avoid using them as decor
_ Leading Grid: 6 column, 12pt leading grid will be built in class using the body text’s leading as a measure. (8.5/12pt). The leading grid – should be used – no exceptions.
:::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::
D A T E S
Always bring your files and sketches to class with you. If we are working in class bring the materials you will need do not waste your time by just sitting around. Get used to working during class. Materials: files, paper, tracing paper, thin and thick black pens, tape. Process is 50% of your grade you can't pass the project or the course if you don't come prepared for every class. If you have prints in the print lab when class begins you will be counted LATE (3 lates = 1 absence).
:::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::
When designing/exploring/refining remember the design principles of SCALE, CONTRAST, RHYTHM.
:::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::
Tuesday, Nov 15
_ Poster Series Due
_ Petcha Kutcha
_ Intro to Project 4
HOMEWORK
Research 6-8 photographers from the list on the left.
Post on your blog for each photographer: 2 images, short bio, 2 -3 links. No you can't go off list.
We will be using Gerstner's perfect grid read these:
the grid system (link)
whatype.com (link)
Browse through On Newstands (page 322) in Graphic Design Referenced
Who is Herb Lubalin?
Why was Esguire important?
Who is Alexia Broadavich?
What did Hoefler-Jones do for Harper"s
Who is Gail Anderson?
Who is David Carson?
Who is Tibor and what is M&Co?
Who is Neville Brody?
What is Speak?
*purchase a pad of tracing paper you only need a few sheets so you can share a pad but please get some 8.5 x 11.
:::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::
Thursday, Nov 17
_ discuss photographers: choose
_ grid: intro and create modules
_ InDesign Refresher: how to manipulate the box, flowing text, locking to the baseline.
_ go to library check out at least 1 book with images by your photographer (bring to class)
HOMEWORK
1) Find at least 1000 words about your photographer. If you can't find enough information about your person you can use text from this website (link) to supplement your text. Find text that works with your photographer: time, subject, theme.
2) Find/Scan in 6 - 8+ images by your photographer. Do not rely on just the internet the images have to be high res, not grizzled when you print them out. No pixilations. * on the final if your images are pixeled your grade will drop one letter grade. Which image is your "key" image?
3) Create a word list about the work/images. Emotions, feelings, structure...
4) Key Word: choose 6 words and define them
5) Compound word. Take 2 words and create a compound word describing your photographer or their work. (choose words that are really descriptive: that something comes to mind when you say the word out loud). Create at least 6 compound words.
Print No. 1 - 5 out and bring to class. Also bring in font sheets from last project.
Bring tracing paper, markers/pen, and a ruler.
:::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::
Tuesday, Nov 17
_ How can you draw the reader into the article? (take notes)
_ Looking at magazines
_ sketching grid
_
looking at the persons work how could use you use found, made, constructed object to create a title, photos, scans, rubbings, icons, parts of photos, language of photography...
HOMEWORK (working on in class: finishing for homework: download pdf for tips)
_ Text
read through the text you have about your photographer. Are there any quotes or key phases you can call out to invite the reader into the page. Are there any new words you can glean from the text to make a compound word. Write a title for your article (it can be the compound word or person's name)
_ Key image
select one photo that you want to use as your key image. Your favorite or one that you think exemplifies the photographer. Look at resolution, structure, key words, compound words. This image will be on your opening spread.
_ Compound word
Which compound word evokes a visual or a twist to the key image? refine your compound word if you don't have a compelling one.
_ Font(s)
Looking at your key image which font or font combination reflects the feeling, emotion or structure of the photo. Try at least 3 different font(s) combinations. Capture your studies (that means save them).
_ 6 Structure Studies
Looking at your key image explore six different structure dissections. Do not use more than 4 lines in a dissection. (You can do this with tracing paper but then do it on the computer so that you have the studies as part of your process)
_ 6 - 12 Key image + compound word studies
Using one of your structure studies plus your compound word (or photographers name) create a series of type + image studies. Different studies. Now is the time to EXPLORE. How can you treat the typography to meld, connect, reflect or contrast the feeling of the photo?
You can manipulate the typeface by cutting, combining, adding to, subtracting, altering (outline the font, pull points, use the pathfinder, print out and cut apart, draw over, Xerox...
nothing is off limits EXCEPT horizontally/vertically scaling the text.
You can sketch over fonts (tracing paper). Make your own letters.
You can combine fonts.
You can use found objects, icons, photography tools/icons, photography objects/parts.
These can be done on the computer or off the computer or a combination. But they will need to be scanned in or recreated for your process book or to use in your opening spread. *If you plan on doing some of these by hand make sure you print out your key image several times, your compound word or photographers name in several sizes). Think about these explore. Spend at least 2 hours these studies. Do them and refine them. (please do all this during thanksgiving do now wait until Monday night)
_ Create 3 - 6...Take your favorite key image + compound word studies and use them as part of your opening spread. Opening spread includes key image, title, intro text, body text (yes some text has to go on it), caption(s), call out, and a page number. USE the gerstner + modular grid. EVEYTHING has to lock up to the grid. Try at least 3 different key image + word studies. Do not use the same one unless you are doing more than 3 opening spreads.
* all the above is your Thanksgiving homework. DO it and do it well. It will take time.
:::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::
Tuesday Nov 29
_ crit homework
_
lecture: mac is not a typewriter
_ Working in class in the lab. Bring your layouts.
HOMEWORK
_ READINGS use handout AND Letter Fountain: post to your blog)
_ What are some ways to indicate a new paragraph.
_ What are some things to look out for when hyphenating text.
from type to font
_ Define font hinting. Why is necessary?
_ What is letterspacing/tracking? How do you track in Illustrator or InDesign
_ Define Kerning? Name 8 kerning pairs. How do you kern in InDesign or Illustrator?
_ try the kerning game (link). how did you do?
_ What is wordspacing?
Typographic Recommendations and Referenced
_ Explain DIN.
_ What is a baseline grid?
_ How many characters per line is optimal? Is there a range?
_ Define aesthetic text alignment (optically hanging punctuation).
_ What is a typographic river?
_ What is a widow?
_ what is an orphan?
_ Create 6 different compound word/image studies
*explore is the key word!
_ Create 5 different (key word different from each other!) Opening Spreads
*title, subtitle, intro text, body text, captions, 1-2 call outs, 1-3 photos, captions, page number.
When thinking about the spread... What can be done to invite the reader into the page, how can you control the flow of the article, the rhythm. How can you treat paragraph breaks, call outs, pay attention to hang lines, column height rhythm, PLEASE AVOID “CUTE” SHAPES with the text you will be wasting your time if you do so. No type in circles, no type in the shape of a chair, mobile... When designing/ exploring/ refining remember the design principles of SCALE, SPACE, CONTRAST, RHYTHM/MOVEMENT.
_
Think of the paragraph exercise...
_
what can you do with call outs... the title, subtitle, author, intro text
_ don't over crowd pages, you don't use too many images 1 - 2 per page maybe enough)
_
how can elements align.
Spreads must have all of the following on them
_ Title
_ Sub-title (could be photographers name)
_ intro text
_ body text
_ captions
_ 1 - 2 callouts (something from the article that you call out and make large on the spread)
_ 1 - 3 photos
_ page numbers (odd number goes on RIGHT side) use the number as a horizontal or vertical alignment
Be cautious of/avoid...
_ avoid making your type into organic shapes, type in circles, text on a curve
_ avoid checkerboard layouts
_ avoid too much space between elements
_ avoid filling the page, start with the text lower on the page
_ avoid a symmetric spread, think as spreads not pages.
Tips
_ avoid all the text being "high" on the page - works better lower on the page
_ have elements align on the same baseline
_ avoid white more white space "inside" the page. have your
_ use
white space outside of the elements (outer margins)
_ do not crowd the page
_ do not have too little on the page
_ explore some layouts conservative/traditional, other really push scale, tension, overlap...
you do not have to print them out for class but have them ready to show onscreen.
:::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::
Thurs Nov 30
Looking at homework on screen. Be prepared to work in class -- on type only!
HOMEWORK
Taking 1 opening spread do 3 variations to make it better.
And create a following spread, explore 3 different options (not the same design but 3 different follwing spreads.
Evolve the layouts.
Print full size 11 x 17 pages (*do not tape the spreads together)
:::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::
Tuesday Dec 6
_ small group meetings
_ (translate your spreads to work on the ipad)
HOMEWORK
Refine/Explore computer layouts. Taking 1 set your spreads try and evolve it into 3 variations. Variations on the design (that means you are MAKING changes to your final design to make it better and better.)
Print full size 11 x 17 pages (*do not tape the spreads together)
:::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::
Thurs Dec 8
_ working in class/individual crits
HOMEWORK
Phase Four: everything getting perfect. Refining typographic rules: hyphenation, hierarchy, dashes, quotes... Making sure everything is locked to the grid, a dynamic composition that is inviting to the reader, that is appropriate to the content and the audience.
_ used leading grid correctly (margins, alleys. modules)
_ clear hierarchy: headlines, subheads, intro text, body copy and callouts
_ dynamic composition and use of the page
_ clear clothesline in composition
_ appropriate type size, type color, line length (column width), leading
_ 1 – 2 call outs
_ page numbers (odd numbers on the RIGHT)
_ paragraph breaks,
_ justification or rags
_ letter and word spacing, hyphenation
_ no widows or orphans
_ use of dashes, quote marks and apostrophes
:::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::
FINAL:
THURSDAY DECEMBER 15
11:30 section is at 12:00 in 203A
2:30 section at 2:00 in 203A
BE ON TIME or your project is late
FINAL DUE: Spreads
_ 11 x 17 print 13 x 19 and trimmed to 11 x 17 (printed on Epson using epson paper)
_ Mount spread(s) on black board with 2 inch boarders (15 x 21 inches).
_ Paper overlay. Name on back of the board.
_ Black and white print out of spreads on 11 x 17, must see the grid and keep LOOSE
_ PDF of spread(s) yourname_leadingrid.pdf (put on the server before the final)
_ post to behance final spreads
_ post process to behance: details of spreads, at least 6 type compound word studies and 3 stages of your spread development.
*TIPS and COMMENTS
-- you will be printing on the sheet fed Epson Printers in the lab
-- you will need 4 sheets of 13 x 19 Epson Heavy Weight Paper (Jayhawk Bookstore)
-- strongly suggest you purchase 5 sheets
-- the whiter side is the print side, make sure there is not a sticker on whiter side
-- purchase xacto blades
-- purchase studio tac or double tac
-- purchase black core board (NOT FOAM CORE)
2 sheets cut to 26 x 21 (each)
*Preparing to print
-- Make sure ALL your fonts are turned ON
-- Make sure all your photos are LINKED if they are not linked they will print low res
-- Export your file as high res pdf WITH CROP
MARKS TURNED ON
-- DO not export as spreads keep single pages^
*Printing
-- Place paper in the paper tray
-- WHITER side down
-- Change print setting so to QUALITY do not print at low res!
-- DO not print to fit! you are Printing 11 x 17 ONTO 13 x 19 so you do not have to scale to fit
^if you have to print on the roll printer then DO save your pages as spreads and make sure you turn the crop marks on.
*Presenation
-- Use a shart blade PLEASE use an xacto for this and a new blade DO NOT USE THOSE CRAPPY blades in the lab!!! Please be responible and care about you prints (you paid a lot for the paper and a print so respect that.)
-- Cut from crop mark to crop mark. Do not cut crop marks off
-- DO not spray mount anywhere in the building OR even close to a door MOVE WAY OUT
-- Do not use spray mount use studio tac or double tac
-- You are mounting the pages side by side (touching) with a 2 inch boarder all the way around.
** Do not wait until Wed to print.
*** Ask for help in the lab
**** Help each other.
I am around so you can find me in the lab, in my office....
|