Art 2200 LaMere & Swanson, Fall 2011

Design Knowledge 2 D composition, hierar-chy, typesetting, grid systemsDesign Skills use of grid systems for layout and to create meaning, interpreting verbal content visually, sequential design, layout design, typeset-tingSoftware Skills InDesign Basics, manipulating type, placing/scaling/moving images, creating grid systems, layout adjustment, color, making PDFsSoftware InDesign, some Photoshop

Grading Criteria

Process: 50%• Preparation for critique• Participation in critique• Completion of the stages in the design process

(thumbnail sketches, rough comps, final comps) according to the schedule

• Final process book documentation

Design/Craft: 50%• The final quality of your compositions with

regards to: hierarchy, legibility, readability, composition (balance, unity, etc.), visual inter-pretation of the content (text), typesetting

• The final quality of the craft on your projects including both printed versions (accuracy of trimming, mounting, color and printing quality) and PDF files delivered digitally for evaluation

PROJECT 2 Editorial SpreadsFor this project you will be designing a minimum of two spreads (four pages) for the selected text

The specifications for the magazine are as follows:page size 9" wide by 12" tall (12" x 18" spreads)type You may select any typeface, however keep in mind that legibility and readability are goals for this project. imagery You must develop imagery for your project. See the back for more information.contents The layout must include the entire essay, title, authors, as well as page numbers, and magazine title

step 1: 100 thumbnails due / typography + typesetting QUIZSection 1: Monday – September 12Sections 2, 3, & 4: Tuesday – September 13

step 2: type samples and document dummy (see back for details)Section 1: Wednesday – September 14Sections 2, 3, & 4: Thursday – September 15

step 3: critique of 3 radically different design directions (digital comps, taped together in a con-tinuous accordion fold—minimum of 2 spreads per design direction) Section 1: Monday – September 19Sections 2, 3, & 4: Tuesday – September 20

step 4: critique of final design directionSection 1: Wednesday – September 21Sections 2, 3, & 4: Thursday – September 22

step 5: critique of refined final design directionSection 1: Monday – September 26Sections 2, 3, & 4: Tuesday – September 27

FINAL: Use your 1-inch three-ring binder. ONLY 1-inch three-ring binders will be accepted for process books.Section 1: Monday – October 3Sections 2, 3, & 4: Tuesday – October 4

Organize your work in reverse chronological order (thumbnails first, then first comps, etc., with your final comps CLEARLY LABELED as such as the last items). You may use the three-hole punch for process work. Clear plastic sleeves may work best for final designs. CLEARLY label the OUTSIDE of the binder with your name.; pre-pare and turn-in a PDF of your final design

Art 2200 Survey of Communication Arts Fall 2011

Art 2200 LaMere & Swanson, Fall 2011

creating type samplesSelecting the appropriate typeface, type size, and leading takes care and work. The only way to judge if the relationship between typeface/size/leading and column width is working, is to try it out and see it PRINTED. You cannot evaluate type on screen. You cannot evaluate type on screen. I repeat, YOU CANNOT EVALUATE TYPE ON SCREEN. You must print, make changes, print again, make more changes, print, make more changes, print, change again, print again, and so on. You will create sample columns for three different typefaces each set three different ways, for a total of 9 type samples. Even after doing this you will likely need to explore more variations in typeface/size/leading, but this will get you started.

Copy and paste the sample grid (.indd file) and text (.doc file) from the iDisk onto your hard drive. Open the grid file, rename it, save it. Place (File > Place or D) the text file into your newly renamed grid document. Following the grid (snapping text boxes to the grid lines), on one spread create the following:• 1 single-grid-unit column

• 1 two-grid-unit column

• 1 three-grid-unit column

• 1 four-grid-unit column

• 1 five-grid-unit column

• 1 six-grid-unit column

After creating these type samples, create a new text box in the up-per left corner, and in that text box record the typeface and type-size/leading using the following format: Typeface typesize/leading (e.g. Adobe Garamond Pro 11/13).With the selection tool, select all (A). Then go to your next spread, adding pages as necessary. Paste in place (option + shift +V). Repeat the above step so that you have 9 spreads with the same text/column structure on them. Select 3 typefaces to explore for use in your project. Return to the text book and notes from previous lectures. On three spreads, set all the text in 1 of the typefaces, another typeface on the next three, and the final on the last three spreads. For each typeface you will explore 3 different combinations of typesize/leading. Do NOT use auto leading (which can be identified by the use of parenthesis in the leading dimensions box in InDesign). Be sure to record the proper typeface, size, and leading in the text box at the top of each spread so that you can keep everything straight.After you have adjusted the type, print out all 9 spreads (18 pages), trim them, and tape them together.

You must develop imagery for your project.Legally, you may create your own original illustrations (including photographs), use public domain images (including work commissioned by the federal government, work created previous to 1922, or work identified as public domain including work distributed as “free stock”), or you can pay for the use of images (including a variety of arrangements for stock photography and illustration.) Within the context of class projects, the use of images subject to copyright might be considered “fair use.” (Fair use is a set of exceptions to copyright for activities such as education and criticism.) Student designers can get away with a lot that would be a real problem on a professional job (including freelance commercial projects done as a student.) It is up to designers to understand legal requirements for use of images. Photos copied from the web are, not surprisingly, usually meant to be displayed on the web. Screen resolution is much lower than the resolution required for print. Although using a large web-resolution image at a very small size or up-sampling the resolution (and still using it smaller) may work, it is best to avoid web images as a source. (Print-resolution stock photography sold over the web is, of course, print resolution and large, good quality printed images can be scanned.) Note that searching the web for appropriate images (including stock photos) is likely to result in the sort of mundane use of images that is rampant in hack graphic design. Start out by thinking and drawing. Decide what you want first rather than just settling for whatever you find that fits the subject. If you are stuck with small images or images that don’t fully do what you need, consider collage. You will be able to use images without worrying about copyright if you make your own. Luckily, you’ve taken a variety of art classes and learned a variety of ways of making images. Even if you haven’t taken photography classes, you can still take your own photos.

You can also use a variety of methods beyond usual art techniques to make images. Need a picture of car keys? Try putting your keys on a scanner. Or put a piece of paper on top of a key and make a rubbing with a pencil or crayon. Or roll some ink on a key, place paper over it, and roll it with an un-inked roller or rub it with an object like a spoon to make a print. Or trace the key (physically or trace the scan in Illustrator)…Think about it and you’ll come up with some more ways. In all cases, credit your images. Small type below or on the side of a photo saying “photogra-phy: Richard Avedon” (or whoever the photogra-pher was) is traditional. If you are the illustrator, give yourself a credit near the illustration, under the author’s credit, or someplace that makes sense—“illustration: Your Name” or “collage: You Name”…

creating the document dummyIn a new InDesign document, place the text for the story. Snap text boxes to fit the grid, choosing a basic column structure for the document (e.g. two column or three column or mixed column widths, etc). Set all the text in a single typeface and size (basing your judgement on the type samples you’ve just created). Include the title, author, etcetera. Create at least 2 spreads (four pages). Print and trim your work. Tape the pages together as a continuous accordion.

Art 2200 LaMere & Swanson, Fall 2011

PROJECT 2: EDITORIAL SPREADS Rubricprocess workthumbnail

sketches

+20 pointsall 100 thumbnails com-pleted by start of class; com-pleted as directed on tracing paper with Prismacolors; of excellent to good quality (not sloppy)

+16 points80–99 thumbnails com-pleted by start of class; com-pleted as directed on tracing paper with Prismacolors; of good quality (not sloppy)

+13 points70–79 thumbnails com-pleted by start of class; com-pleted as directed on tracing paper with Prismacolors; of good quality (not sloppy)

+9 points50–69 thumbnails com-pleted by start of class; com-pleted as directed on tracing paper with Prismacolors; of good quality (not sloppy)

0 pointsfewer than 50 thumbnails; work not done on tracing paper with Prismacolors; work that is excessively sloppy; work that is gener-ally unacceptable

type samples

and

document

dummy

+20 points9 type samples and docu-ment dummy completed as required on time; work is perfectly trimmed to the correct size and taped together as required

+16 points6–8 type samples and docu-ment dummy completed as required on time; work is perfectly trimmed to the correct size and taped together as required

+13 points4–5 type samples and docu-ment dummy completed as required on time; work is perfectly trimmed to the correct size and taped together as required

+9 pointsfewer than 4 type samples completed and document dummy is missing; work that is not trimmed to the correct size and taped together as required

0 pointsno work prepared and ready to print at the start of class; work that does not meet project specifications

three differ-

ent design

directions

+20 pointsthree radically different design directions presented on time; work fits the grid perfectly; all elements of the layout are present; work that is outstanding; work is perfectly trimmed to the correct size and taped together as required

+16 pointsthree radically different de-sign directions presented on time; work that mostly fits the grid; most elements of the layout are present; work that is good/above average; work is perfectly trimmed to the correct size and taped together as required

+13 pointstwo radically different design directions presented on time; work that mostly fits the grid; most elements of the layout are present; work that is average; work is perfectly trimmed to the correct size and taped together as required

+9 pointsone design direction presented on time; work that has problems adhering to the grid; significant elements of the layout are missing; work that is below average; work is not trimmed correctly and/or not taped together as required

0 pointsno work prepared and ready to print at the start of class; work does not meet project specifications; work that is excessively sloppy and poorly crafted

final design

direction

critique #1

+20 pointsfinal design direction presented on time; il-lustrations are included and complete; work fits the grid perfectly; all elements of the layout are present; work that is outstanding; work is perfectly trimmed to the correct size and taped together as required

+16 pointsfinal design direction presented on time; some illustrations are missing; work has issues with the grid; all elements of the layout are present; work that is good/above average; work is perfectly trimmed to the correct size and taped together as required

+13 pointsfinal design direction presented on time; some illustrations are missing; problems with work fitting the grid; some elements of the layout missing; work that is average; work is perfectly trimmed to the correct size and taped together as required

+9 pointsfinal design direction presented on time; illustra-tions are missing; problems with work fitting the grid; significant elements of the layout missing; work that is below average; some problems with trimming and taping work

0 pointsno work prepared and ready to print at the start of class; work does not meet project specifications; work that is not trimmed and taped as required; work that is exces-sively sloppy and poorly crafted

final design

direction

critique #2

+20 pointsfinal design direction presented on time; il-lustrations are included and complete; work fits the grid perfectly; all elements of the layout are present; work that is outstanding; work is perfectly trimmed to the correct size and taped together as required

+16 pointsfinal design direction presented on time; some illustrations are missing; work has issues with the grid; all elements of the layout are present; work that is good/above average; work is perfectly trimmed to the correct size and taped together as required

+13 pointsfinal design direction presented on time; some illustrations are missing; problems with work fitting the grid; some elements of the layout missing; work that is average; work is perfectly trimmed to the correct size and taped together as required

+9 pointsfinal design direction presented on time; illustra-tions are missing; problems with work fitting the grid; significant elements of the layout missing; work that is below average; some problems with trimming and taping work

0 pointsno work prepared and ready to print at the start of class; work does not meet project specifications; work that is not trimmed and taped as required; work that is exces-sively sloppy and poorly crafted

final designprocess

book

+30 pointswell-organized process book; organized/presented as directed; neat, tidy, easy to navigate; all materi-als present; thorough and complete

+24 pointsfairly well-organized process book; organized/presented as directed; fairly neat, tidy, easy, to navigate; almost materials present; fairly thorough

+20 pointssome items missing; orga-nization and presentation not as specified; somewhat messy and disorganized

+16 pointsnumerous items missing; organization and presenta-tion not as specified; messy and disorganized

0 pointsmost items missing; orga-nization and presentation not as specified; extremely messy and disorganized; or, no process book submitted

final

composition

+70 pointsfinal design meets project guidelines and specifica-tions; illustrations are strong and well integrated; com-position adheres 100% to the grid and demonstrate an understanding of grid use; work that is outstanding in every respect

+ 59 pointsfinal design meets project guidelines and specifica-tions; illustrations are above average and integrated; composition adheres 100% to the grid and demonstrate an understanding of grid use; work that is good/above average

+ 49 pointsfinal design meets project guidelines and specifica-tions; some problems with illustrations; composition adheres to the grid; work that is average

+ 39 pointsfinal design meets project guidelines and specifica-tions; problems with illustrations; substantial problems with composition adhering to the grid; work that is below average/poor

0 pointsfinal design does not meet project guidelines and speci-fications; no work turned-in; work that is trimmed to the incorrect size and/or excessively sloppy and messy

Possible Points: 200A: 200–180 ptsB: 179–160 ptsC: 159–140 ptsD: 139–120 ptsF: 119 pts and below