two facing pages on the same sheet of newsprint, treated as one unit

- one design across two pages. designed as one horizontal element

The visual center of the page, in distinction from the mechanical center. The area just above the mechanical center of a page.

-the eye sees slightly above natural center.  make this the center of your design

print pages; run pages along saddle and stapled together

advantages: 2nd cheapest, more durable than self-binding

disadvantages: limited number of pages you can have, can't add anything when done

most common; textbooks, novels; all pages printed and run through machine, glued along spine to cover and then heated and cooled

advantages - most durable binding, many pages, unlimited pages, lower range of cost

disadvantages - can't add to it, not always user friendly

weight comes from shape and tone as well as size

- equipose - equal weight distribution with respect to optical center

similar to spiral binding but with edge

advantage - user friendly and cleaner than spiral binding, can add things in last second

disadvantages - more expensive

anyway you can get into a website

- have as many of these as possible

a chart connecting points on a graph to show changing quantities over time; also called a fever chart

- could compare 2 or more items

- a little more data

- always best to label data so people don't have to figure what it stands for

- be care with how you label data - check to see how it will affect scale

components:

1. vertical scale, measuring amounts

2. horizontal scale, measuring time

3. jagged line connecting a series of points, showing rising or falling trends

do this to elements to give directions

- group pics, but pics not all same size so it creates movement

a chart comparing statistical values by depicting them as bars - compares two or more items by sizing them as columns parked side by side two basic

components:

1. scale running horizontally or vertically showing data totals

2. bars extending in the same direction representing

a page element that extends to the trimmed edge of a printed page

- picture continues up (or down) to the edge of the page and visually seems to continue beyond the page edge

compare parts that make up a whole

components:

1. circle that represents 100 % of something

2. several wedges that divide the circle into smaller percentages (no more than 8 segments)

1. making the negative

2. stripping the negative - opaquing

3. burning the plate - take image and puts it on a plate; done for each page of paper

4. scrubbing the plate - sets image and develops image on plate

- add H20

-tray with ink

- ink is distributed evenly

- applied to the plate

- offset to blanket

- applied to the paper

1. self-binding

advantages: cheapest; ex) newspaper - easy to share and read

disadvantages: falls apart easily; not durable

2. saddle stitch

advantages: 2nd cheapest; more durable than self-binding

disadvantages: limited number of pages you can have; can't add anything when done

3. heated adhesive

advantages: most durable binding, many pages; unlimited pages; lower range of cost

disadvantages: can't add to it, not always user friendly

4. spiral binding

advantages: very user friendly, cheaper than plastic comb, allow to fold and take less space

disadvantages: more expensive, can unroll and catch on things; not as durable or clean edge

5. plastic comb

advantages:user friendly and cleaner than spiral binding, can add things in last second

disadvantages: more expensive

6. three-ring

advantages: fairly durable; easy to add stuff

disadvantages:cost - more expensive

process starts with a huge roll of paper that is fed through four banks of rollers. Each roller adds one color at a time, starting with black, then cyan (Blue), magenta (Red), and finally yellow

ink is applied to plates

- the ink is transferred to a blanket and then to paper

1. the dummy

2. acetate - for spot color

1. horizontal

2. vertical

3. square

don't cram text and photos into every square pica, let the page breathe.

don't trap dead space between elements, push it to the outside of the page

1. consumer

2. trade

3. associational

4. house organs

1. appearance should be functionally suitable to its basic editorial goals

- layout must take into account the specific personality and character its readers perceive it to have

what a website needs to be

(chapter 9)

two categories of online newspaper pages

(chapter 9) 

the homepage

(chapter 9) 

 what is the gateway to the online newspaper?

typical elements of a online newspaper homepage

(chapter 9) 

navigation

(chapter 9) 

web site extras

(chapter 9) 

(chapter 9) 

HTML (hypertext markup language)

(chapter 9) 

the coding that controls all the text and formatting of web pages

dealing with different download times

(chapter 9) 

• We all download pages at different speeds - fast or painfully slow
• The more complex a page is, the more slowly it downloads.  The more slowly it downloads, the more frustrated users become
• Therefore:
  • Keep things simple
    • When in doubt, minimize
    • Don't overload pages (Especially home pages) with images, colors, and unnecessary eye candy
  • Avoid gimmicks
    • News sites really don't need type that dissolves, sparkles or blinks, unless it's a warning that your site is about to explode
    • Use special effects for good reason - animated graphics for example - not for frills
    • Don't waste bandwidth - make every K count
  • Keep images small
    • Set a limit on routine image file sizes
    • To display full-size photos, use clickable thumbnails that link to larger images
  • Monitor your users
    • Suppose 95% of your users have new computers and superfast access.  Would that make it OK to load your site with huge graphics?
    • Run browser-detection software to analyze who your users really are, then decide

coping with different platforms

(chapter 9) 

organizing pages

(chapter 9) 

using effective page grids

(chapter 9) 

adding color

(chapter 9) 

sizing and saving graphics

(chapter 9) 

using type effectively

(chapter 9) 

what kind of infographic would you use for this particular type of information?