1 / 18

Page Design Basics

Page Design Basics. How do page designers move from a blank page, like the one on the left, to a well-developed layout?. Page Design Basics. First of all, imagine you have four major stories to place on the page. Page Design Basics. A beginner might make this mistake ….

trynt
Download Presentation

Page Design Basics

An Image/Link below is provided (as is) to download presentation Download Policy: Content on the Website is provided to you AS IS for your information and personal use and may not be sold / licensed / shared on other websites without getting consent from its author. Content is provided to you AS IS for your information and personal use only. Download presentation by click this link. While downloading, if for some reason you are not able to download a presentation, the publisher may have deleted the file from their server. During download, if you can't get a presentation, the file might be deleted by the publisher.

E N D

Presentation Transcript

  1. Page Design Basics • How do page designers move from a blank page, like the one on the left, to a well-developed layout?

  2. Page Design Basics • First of all, imagine you have four major stories to place on the page.

  3. Page Design Basics • A beginner might make this mistake … • … of putting one into each of the four quadrants.

  4. Page Design Basics Flag • Imagine how bland this layout would be — not to mention confusing and distracting. Principal begins year Backpacks disallowed ASB officers plan activities Homecoming next week

  5. Page Design Basics • A major problem with this layout is that nothing jumps out, grabs your attention.

  6. Page Design Basics • So, for starters, a page designer sets up a grid, beginning with quadrants.

  7. Page Design Basics • It gets a bit more complex, like graph paper. • Six columns is common with one row for each inch.

  8. Page Design Basics Flag • Using the grids as guidelines, the shapes can be altered, as long as they remain rectangles.

  9. Page Design Basics Flag • Each story fills a rectangle. • Each rectangle is called a module. • This is what is known as modular design.

  10. Page Design Basics Flag • Within each story’s module you can place more modules, which can hold pictures or other attention-grabbing items.

  11. Page Design Basics Flag • Now, with a good picture, the backpack story clearly jumps out to the reader. No backpacks Big plans for year ASB stays busy Homecoming week upcoming

  12. Flag Flag Principal begins year No backpacks Backpacks disallowed Big plans for year ASB stays busy ASB officers plan activities Homecoming next week Homecoming week upcoming Compare the two …

  13. Flag No backpacks Big plans for year ASB stays busy Homecoming week upcoming So what makes this work?

  14. Flag No backpacks Big plans for year ASB stays busy Homecoming week upcoming So what makes this work? It follows the principles of modular design.

  15. Flag No backpacks Big plans for year ASB stays busy Homecoming week upcoming So what makes this work? It has a dominant image.

  16. Flag No backpacks Big plans for year ASB stays busy Homecoming week upcoming So what makes this work? Story modules are varied in size and shape; they are balanced.

  17. Flag No backpacks Big plans for year ASB stays busy Homecoming week upcoming So what makes this work? Art elements are balanced — in size as well as placement.

  18. Flag No backpacks Big plans for year ASB stays busy Homecoming week upcoming So what makes this work? Headlines are varied in size, width, and depth. (But note: They are all the same font.)

More Related