Download presentation
Presentation is loading. Please wait.
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
Similar presentations
© 2024 SlidePlayer.com Inc.
All rights reserved.