SESSION 8 | March 2, 2010

In-Class

  • 1:30-2:20pm: Preferences, refine “body” ¶ style without any files open so it will be the active style used in all new documents. Created new 8.5 x 11 Booklet preset.
  • 2:30-4:20pm: Began creation of  “Designers Edge Series” of publications for GRD202
  • 4:30-5:05pm: Printing/upload of letterhead/business cards and ads for Restaurant Toulouse/The Daily Grind.

Designers Edge Series: We will create a series of 5 documents using the same design cues and style sheets for this class. These files will be able to serve as a design resource and “help” guides in the future. The content, as well as the basic structure of these guides will be given, because they are intended to explain different aspects of page layout/design, and serve as “How To” tutorials. Check back at this site and I will post visuals as they are developed — right now I am getting permissions on some copy.

  1. rack card (4″ x 9″) – Ten Steps
  2. a tri-fold (8.5″ x 11″) – Best Practices for Page Layout
  3. quad fold (8.5″ x 11) – Getting a Job in Graphic Design
  4. 8 page booklet (8.5″ x 11″) – Useful Design websites
  5. 20 page booklet (5.5″ x 8.5) – Abridged InDesign Tips by David Blatner

We will look at how to use style sheet to streamline a work flow by copying/pasting/loading styles from another file. Some things to keep on mind as you design:

  • Visual communication: does the design set the right tone visually?
  • Basic page layout issues: understanding folds and respecting margins
  • Proportions/size relationships of the elements to each other and in relationship to the format, or panel when folded.
  • Color: Use the Pantone solid uncoated library + Black. You can use TINTS of the PMS (becomes lighter/pastel) and/or tints of Black (creates shades of gray). You may also use a “mixed ink color” with percentages of the black and 1PMS. (To make a new Mixed Ink Swatch see the Panel Options Menu panel (upper rt. corner of the swatches panel). Open “create mixed ink swatch) and specify percentage of each ink color.
  • Styles: Most of the copy in a document should have With a Paragraph style applied modifing the text  results in a “Override” (a + sign next to the paragraph name). “Redefining” the style sheet and it will make that change across the entire document wherever the style is in use and will remove the override (+).
  • Change: the very nature of designing is dynamic (dīˈnamik| adjective: of a process or system characterized by constant change, activity, or progress). What styles sheets allow is for changing the look of a document very quickly by changing the style sheets. One style sheet can be based on another and when used consistently in a document, you can change the entire document simply by changing the definitions set up within a style sheet.
  • Web Equivelent: Stylesheets in page layout programs are very similar to Cascading Style Sheets (CSS) in web work (they are simply a definition of how to display the content — look at is site CSS Zen Garden… all the content is the same it is just the form/style that changes, and It is all controlled by Cascasing Stylesheets/CSS/code.
  • Recognition of frustration: I empathize with the confusion and resulting frustration around the concept of style sheets. The concept and application of can be complicated, but ultimately a great time-saver and worth the effort to understand and use. We will be moving onto documents which will demonstrate the their worth. Please keep an open mind —the break-through in understanding/appreciation of styles is just around the corner.
  • Consider this concept: Not every “unique” type treatment needs a “clean” or “unique” style sheet. For instance if you have created a “head” paragraph style and on the cover of the document you want to use the same Typeface/Font  as the head, but with a different size and color — highlighting just the cover text and apply the “head” style, then “modify” the size and color. This  will produce an “override” (a plus sign after the paragraph stye name: “head+”.) If it is only used once, this is fine — you do not need to create a seperate paragraph style for one instance. Where you want to consider creating clean/unique paragraph styles are for the things that will repeat over and over in a document (this will be discussed further — Just consider the concept.).

Homework


The templates that come with the programs can be a good source to look to see how style sheets can be used. From the file menu investigate some of the Templated that shipwit inDesign and look at the Structure of the pages and how they were built.

Two good videos you should watch:

  • Paragraph Styles 5 minute video on Adobe TV. Create and assign paragraph styles to replicate the character- and paragraph-level formatting attributes used on a regular basis.

Just a note: these websites have good short tutorials on many features of page layout programs — look over the titles, watch what sounds interesting and bookmark for future reference. It Is my hope that by hearing the infprmation in different voices, applied in different way, that something will click for you and cement the ideas. If not it is only 10 minutes!

Also here here is a good design site that really works well. http://www.oliverrussell.com Specifically under the work tab watch a few of the video animations/case studies, but specifically pay attention to the narrative – they do an excellent job connecting the objective, target audience  solution. Th

READING

  • InDesign CS4: Chapters 8-9 (Imported Graphics, Text Effects)
  • QuarkXpress 7: Chapter 10-11 (Pictures, Image Tuning)
Advertisements

About Andrea

Graphic designer and artist specializing in visual storytelling. I love to mix visuals and text to create pieces that inspire, educate and inform.

Leave a Reply

Fill in your details below or click an icon to log in:

WordPress.com Logo

You are commenting using your WordPress.com account. Log Out / Change )

Twitter picture

You are commenting using your Twitter account. Log Out / Change )

Facebook photo

You are commenting using your Facebook account. Log Out / Change )

Google+ photo

You are commenting using your Google+ account. Log Out / Change )

Connecting to %s

%d bloggers like this: