1. Posters, Magazines, Websites
Layout Design
Posters, Magazines, Websites

2. Layout Definition
The overall design of a page, spread, website, or book including elements such as apage and type size, typreface, and the arrangement of titles and page numbers.

3. A layout’s purpose:
Communicating information clearly and effectively to the reader in a way that is also pleasing to the eye.

4. Print VS
Web
Print Design allows your eyes to walk around the information, letting you select information objects and using spatial juxtaposition to enhance and explain page elements.
Web Design is a transient experience based on the users movements (clicking and scrolling) and is expressed through an interaction with user movement.

5. Tip 1: USE A GRID
Make sense of your elements by providing an order that easily flows.

6. Grid
A way of organizing content on a page, using any combination of margins, guides, rows, and columns.

7. Composition
The placement or arrangement of visual elements or ingredients in a work of art

8. Tip 2: CHOOSE A SINGLE FOCAL POINT
Using a photo, headline, or quote is a great way to grab attention and create balance.

9. Tip 3: USE THE RULE OF THIRDS
By aligning your key elements to these four points, you'll achieve a more pleasing composition

10. Rule of Thirds
A guideline that aides in compositional balance in which the image is divided in a 3x3 pattern

11. Bleed
Allowing a graphic or some other element to extend beyond the actual margin of page or section. The element touches the side of the page, leaving no margin or white space at the edge.

12. Tip 4: USE WHITE SPACE
This gives breathing space to the reader as well as help with balancing space.

13. Cropping
Cutting off an undesired portion of a printed piece, photography, or other image

14. Tip 5: REPEAT DESIGN ELEMENTS
Repetition can provide a strong sense of connected design and balance to a composition.

15. Tip 6: USE HIERARCHY
This gives a clear sense of structure and conveys the relative importance of different pieces of content on your page

16. Header (Heading)
In typography, any text that appears at the top of a page but is not part of the body text, such as a title, author, chapter title, etc.

17. Sub Heading
A statement title that usually sits below the heading.

18. Caption
In typography and page layout, any strictly descriptive text accompanying an illustration, located beneath it, alongside it, or above it

19. Body Text
Any large amount of text that is the actual article, chapter, etc.

21. Tip 7: USE SCALE, CONTRAST, HARMONY
This helps create a comfortable layout because the viewer will automatically look at the larger elements within the layout first, progressing through to the smaller elements as they read.

22. Block Text/Block Type
In typography, paragraphs set without indents

23. Justification
In typography, this is aligning the top, bottom, sides, or middle of text and graphic elements on a page

24. Justified Text
Type that aligns on both the left and right side

25. ASSIGNMENT 1
Objective: You are to pick one of the given articles and create a print layout for it as if in a magazine.
Requirements
The style must relate to what the article is about.
Use the rule of thirds in designing layout
Use negative/white space effectively
Design elements used are complementary to each other
Elements such as heading, subheading, body, etc. are distinguishable from one another
Newsela.com: WMNEEZ

26. Assignment 2
Objective: Create a website page on an APPROPRIATE topic of your choice using weebly.com. (Ex: buisiness, portfolio, restaurant, blog, etc.)
Requirements:
The style must relate to what your website is about
Pages are easy to navigate (must have 3 pages)
Spacing pleasing to the eye/not cluttered
Fonts used are appropriate for screens, easily readable
Design elements are complementary to each other
Colors look nice together and do not clash/detract from your information

27. Sources
Weebly.com
Newsela.com