Design:
Module Design
Module Design
modular-design_6-pgs.pdf | |
File Size: | 384 kb |
File Type: |
Typography link
PPT on Design:
design_principles.pptx | |
File Size: | 16460 kb |
File Type: | pptx |
design_principles_pp_presentation.pdf | |
File Size: | 16431 kb |
File Type: |
Module vs Column Design
Column design
Modular Design
Step by step presentation to convert basic design to modular design.
step_by_step_rev_-.pdf | |
File Size: | 6063 kb |
File Type: |
Elements of Design
DESIGN // ELEMENTS OF A SPREAD
The elements of design are photos, captions, copy, headlines, white space, graphics and artwork.
PHOTOGRAPHS AND CAPTIONS WORK AS A TEAM.
Readers love photos. With good design, upwards of 20-30 photos can be shown on a spread without it looking overcrowded.
Captions, the copy describing what is happening in photos, should be placed adjacent to photos. The reader must be able to connect the caption with its photo.
STORIES ARE A VITAL ELEMENT.
Since photos do not capture the entire story of the year, stories, or articles, add details and quotes.
HEADLINES PULL THE READER INTO THE SPREAD.
The largest type on the spread – the headline – pulls the reader onto a spread. Pages often contain a primary headline and one or more secondary headlines.
WHITE SPACE IS VERY POWERFUL. White space, or space without photos or text, is the most overlooked design element. Beginning designers see white space as a wasted space. Professional designers use white space as a design tool. All white space should be planned.
Formal use of white space includes a margin around the outside of a spread and around most design elements within the spread. Informal use of white space can frame, highlight and create balance. Unplanned white space weakens the layout and detracts from the content when internal margins are violated or careless gaps show up between elements.
ARTWORK AND GRAPHICS ARE STYLISH ADDITIONS. Graphic techniques like lines and decorative fonts should be used sparingly and with purpose. Artwork is kept to a minimum, often used to create infographics.
The elements of design are photos, captions, copy, headlines, white space, graphics and artwork.
PHOTOGRAPHS AND CAPTIONS WORK AS A TEAM.
Readers love photos. With good design, upwards of 20-30 photos can be shown on a spread without it looking overcrowded.
Captions, the copy describing what is happening in photos, should be placed adjacent to photos. The reader must be able to connect the caption with its photo.
STORIES ARE A VITAL ELEMENT.
Since photos do not capture the entire story of the year, stories, or articles, add details and quotes.
HEADLINES PULL THE READER INTO THE SPREAD.
The largest type on the spread – the headline – pulls the reader onto a spread. Pages often contain a primary headline and one or more secondary headlines.
WHITE SPACE IS VERY POWERFUL. White space, or space without photos or text, is the most overlooked design element. Beginning designers see white space as a wasted space. Professional designers use white space as a design tool. All white space should be planned.
Formal use of white space includes a margin around the outside of a spread and around most design elements within the spread. Informal use of white space can frame, highlight and create balance. Unplanned white space weakens the layout and detracts from the content when internal margins are violated or careless gaps show up between elements.
ARTWORK AND GRAPHICS ARE STYLISH ADDITIONS. Graphic techniques like lines and decorative fonts should be used sparingly and with purpose. Artwork is kept to a minimum, often used to create infographics.
Column Design:
Simple Definition:
In graphic design, a grid is a series of vertical and horizontal lines that are used to subdivide a page vertically and horizontally into margins, columns, inter-column spaces, lines of type and spaces between blocks of type and images. These subdivisions form the basis of a modular and systematic approach to the layout, particularly for multiple page documents, making the design process quicker, and ensuring visual consistency between related pages.
4 Column Design:
Is simply making use of a grid that contains four columns per page. (see examples below)
3 Column Design:
Is simply making use of a grid that contains six columns. (see examples below)
Note: When we frequently say 6 column design we mean 3 per page for a total of 6 per double page spread.
Simple Definition:
In graphic design, a grid is a series of vertical and horizontal lines that are used to subdivide a page vertically and horizontally into margins, columns, inter-column spaces, lines of type and spaces between blocks of type and images. These subdivisions form the basis of a modular and systematic approach to the layout, particularly for multiple page documents, making the design process quicker, and ensuring visual consistency between related pages.
4 Column Design:
Is simply making use of a grid that contains four columns per page. (see examples below)
3 Column Design:
Is simply making use of a grid that contains six columns. (see examples below)
Note: When we frequently say 6 column design we mean 3 per page for a total of 6 per double page spread.
Grid systems
Grid systems bring visual structure and balance to site design. As a tool grids are useful for organizing and presenting information. Used properly, they can enhance the user experience by creating predictable patterns for users to follow. From designer’s point of view they allow for an organized methodology for planning systematic layouts.
After creating a well-structured and usable grid, consider allowing it to breath. A page without a grid is a usability nightmare. On the other hand, a grid that has creatively overlapping, escaping, or energizing columns leads to a more enjoyable user experience. Discovering or planning areas of the design that will have some freedom will lead to more interesting and appealing design solutions.
1 contrast
2 harmony
3 alignment
4 proximity
5 Fonts:
a) serif and sans serif type used in the same design
b) decorative or script font used in combination with a
serif or sans serif font
c) a single font family used in contrasting ways in the
same design
6 expanded leading
7 align left text
8 align right text
9 center text
10 justified text
11 copy
12 pica
13 grid
14 gutter
15 margin line
16 bleed
17 Headline
18 Secondary Headline
19 Caption
20 Drop shadow
2 harmony
3 alignment
4 proximity
5 Fonts:
a) serif and sans serif type used in the same design
b) decorative or script font used in combination with a
serif or sans serif font
c) a single font family used in contrasting ways in the
same design
6 expanded leading
7 align left text
8 align right text
9 center text
10 justified text
11 copy
12 pica
13 grid
14 gutter
15 margin line
16 bleed
17 Headline
18 Secondary Headline
19 Caption
20 Drop shadow
Design Video link: http://resources.yearbookavenue.jostens.com/123-design-2/ LOGIN TO JOSTENS TO ACCESS
Design Basics PPT
design_basic_sr-5.1.ppt | |
File Size: | 9859 kb |
File Type: | ppt |