Presentation is loading. Please wait.

Presentation is loading. Please wait.

Posters, Magazines, Websites

Similar presentations


Presentation on theme: "Posters, Magazines, Websites"— Presentation transcript:

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.

20

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


Download ppt "Posters, Magazines, Websites"

Similar presentations


Ads by Google