Illustrating the Principles of Design

Slides:



Advertisements
Similar presentations
contrast, repetition, alignment, proximity
Advertisements

Elements of Design: The 4 Basic Principles.
Graphic Design Principles
Evaluating the gestalt.  “Gestalt” means the unified whole.  We’ve approached design by using Gestalt research, planning our work by understanding how.
Lesson 1:.  This lesson will cover the four primary principles of design: ● Contrast ● Repetition ● Alignment ● Proximity.
2006 Adobe Systems Incorporated. All Rights Reserved. 1 Principles and Elements of Design MOVEMENT, BALANCE, UNITY, CONTRAST, EMPHASIS, LINE, AND COLOR.
Designing Pages and Screens Comm Arts II Mr. Wreford.
The four basic principles of design
Introduction to Design Principles The Wonderful World of Page Design Contrast / Repetition / Alignment / Proximity / Color Theory ENGL 106 Fall 2012.
DESIGNING DOCUMENTS And page layout. What is document design?  Refers to page layout, that is, where the visuals and information are placed on a page.
14-Aug-15 Design Principles. Design principles In The Non-Designer’s Design Book: Design and Typographic Principles for the Visual Novice, Robin Williams.
Principles of Graphic Design
Basic Principles of DESIGN Bristol Community College Bristol Community College Paula Mailloux Sources: The Non-Designers Design Book The Non-Designers.
D ESIGN P RINCIPLES 1 “The point of design is to encourage and facilitate communication between the viewer and the media being viewed. Effective design.
2006 Adobe Systems Incorporated. All Rights Reserved. 1 INTRODUCTION TO GRAPHIC DESIGN MOVEMENT, BALANCE, UNITY, CONTRAST, EMPHASIS, LINE, AND COLOR.
The Non-Designer’s Design Book Design and Typographic Principles for the Visual Novice By Robin Williams.
Design Fundamentals COM 365 Newspaper Layout & Design.
the rhetorical situation  audience  purpose  context design principles  arrangement  emphasis  contrast  repetition  alignment  proximity (some)
Design Principles Web Design. Design Principles  Contrast  Repetition  Alignment  Proximity.
Non-designer’s design principles Dr. Shuyan Wang.
MARKETING 40S Four Basic Principles C.R.A.P. (Contrast, Repetition, Alignment, Proximity)
Design Elements and Principles
Four Principles of Design Dr. Allene Cooper. I gratefully acknowledge the ideas and words of Robin Williams which I’ve used liberally in this presentation.
Design Principles 3.02 Design Principles revised 9/24/09.
The basic Principles of Design The following is a brief overview of the principles of design. Although they are discussed separately, they are really interconnected.
Design Principles… Alignment. The Principle of Alignment states, "Nothing should be placed on the page arbitrarily. Every item should have a visual connection.
Don’t have to be a designer to know when something just ain’t right…
Design in Business Principle of Repetition Principle of Contrast.
Graphic Design. What is it? Process of combining text and graphics to communicate an effective message through the design of logos, graphics, brochures,
Design Principles. Proximity “ Proximity, or closeness, implies a relationship.”
Design Principles EDUC 6307: Design of Print Based Media Summer 2009 Ranelle Woolrich.
Dr. Susan Codone Mercer University Principles of Design TCO 285 Dr. Codone.
VISUAL RHETORIC All the C.R.A.P. you need to know… The Purdue Writing Lab.
4 Basic Principles of Design. Proximity When several items are in close proximity to each other, they become one visual unit rather than several separate.
PRINCIPLES OF GRAPHIC DESIGN
2 VISUAL JOURNAL Hannah Hanif Ng Jas Min Prethiba Esvary Subramanian 0801G65256 Sim Pei Xuan
Design Principles 3.02 Understand business publications Slide 1.
C R A P ONTRAST EPETITION ALIGNMENT ROXIMITY good design has By Kate Hansen - Adapted from Robin Williams The Non-Designer’s Design Book.
D ESIGN P RINCIPLES 1 “The point of design is to encourage and facilitate communication between the viewer and the media being viewed. Effective design.
BACHV Bristol Community College Bristol Community College CIS 13 Business Creativity Source: Ron Woolley,
…so I typed in “bad design” in Pinterest …. The basic of all design: FORM FOLLOWS FUNCTION.
Vertical & Horizontal Symmetry. Asymmetrical Balance This page uses a 3 column format to create a neatly organized asymmetrical layout. The two columns.
Design Principles Definitions. Balance The equal distribution of the visual weight of elements on a page in order to achieve a pleasing and clear layout.
Four important design principles to improve your work
Basic Principles of Design SWBAT produce double page spreads utilizing all 6 design principles.
CARP Four Principles of Design
Design Principles Principles of Information Technology
Utilizing Effective Layout Methods Alignment
Design Principles Principles of Information Technology
Document Design is CRAP
Design Principles Proximity Font
Design Principles Applying principles to create attractive and professional printed and electronic publications Copyright © Texas Education Agency, 2013.
Design in Business Principle of Repetition Principle of Contrast.
Contrast Repetition Alignment Proximity
Design Principles and Why We Need Them…
Advanced Design PRINCIPLES 2.01 Investigate typefaces and fonts.
Tom Duncan “Principles of Advertising and IMC” 2nd ed.
Design Principles Rvsd. Feb 2016
Design Principles 8-Dec-18.
Principles of Design.
Additional Information
C.R.A.P. Design Principles
Design Principles 5-Apr-19.
Tom Duncan “Principles of Advertising and IMC” 2nd ed.
Four Design Principles
“The point of design is to encourage and facilitate communication between the viewer and the media being viewed. Effective design initiates this connection.
Unity.
Design Principles.
Layout Terms Visual Hierarchy
How to look good on paper in four easy steps
Presentation transcript:

Illustrating the Principles of Design You can create balance with the three elements (text block, graphic, vertical text) here but in the first example they appear to be just random elements with no unity or balance. In the second "Balance" example the text block and graphic are resized to bring them closer together and better balance each other. To tie the elements together, move them closer together (resizing helps accomplish this). Notice that the graphic (one of the marbles) slightly overlaps the box enclosing the vertical text, unifying the two elements. Reversing the word "balance" out of the blue box also adds more contrast to the composition. The increased leading in the text block redistributes the white space in a more balanced manner.

The graphic anchors the bottom of the page, but the four text elements all float on the page with no apparent connection to each other (proximity/unity). The change in the headline (font change, reversed out of blue box) along with the subheading pulled in closer provides balance with the graphic on the bottom. The spacing between the two paragraphs of text is reduced slightly as well.

There is nothing inherently wrong with centered headlines, text, and graphics. They lend a formal tone to a layout. But, for this series of layouts something a bit more informal is called for. Also, large blocks of centered text are usually harder to read. In the second "Alignment" example, text alignment is left-aligned, ragged right, wrapped around the bottom graphic which is aligned more to the right, opposite an added graphic that is aligned to the right to help balance the overall design.

Within the second "Repetition" example, the headline is repeated three times using graphics that tie in with the copy in the text blocks. The repetition of the colors in the shapes and headline text that are in the copy help to reinforce the theme. Overlapping the graphic and text elements unifies the elements of the design. Another aspect of consistency that can be seen when viewing all 6 of the "after" examples is the blue borders, blue reversed boxes, and the typeface (Britannic Bold) used for the names of all the principles of design. The drop cap used in three examples (Bermuda LP Squiggle) is another element of consistency.

There's isn't enough contrast between the headline and text due in part to size but also because the two different serif faces used or too similar (not obvious from the small graphic, trust me, they are different typefaces). That oversized graphic provides real contrast and reinforces the copy (tall basketball players). Dropping the text down to the bottom portion of the page also reinforces the 'towering' aspect of the graphic. The reversed text in the blue box, the blue border, and the drop cap carries through the overall unifying elements found throughout the series. Additionally, the round shape of the drop cap and its color echo the shape and color of the basketball in the graphic. The drop cap and the reversed text on the left side plus the left-aligned text help to balance the large graphic element.