This lesson has been adapted from “AIOT Graphic Design Lesson 7: Proximity, Alignment, Repetition, and Contrast” The original lesson and many other graphic.

Slides:



Advertisements
Similar presentations
Welcome to Module 1 In this lesson you will learn the basic principles of design: Balance, Proximity, Alignment, Repetition, Contrast and White Space.
Advertisements

Design Principles By: Jonathan Gross. CONTRAST IT’S WHAT MAKES A READER LOOK AT THE PAGE IN THE FIRST PLACE BECAUSE IT GETS THE READERS ATTENTION. WHEN.
Business Card Design.
Designing Documents 4 Key Concepts for Looking Fabulous Julia Romberger English 435/535.
contrast, repetition, alignment, proximity
Basic Design Principles for Creating Effective Visual Aids Created by: The University of North Texas in partnership with the Texas Education Agency.
Lesson 1:.  This lesson will cover the four primary principles of design: ● Contrast ● Repetition ● Alignment ● Proximity.
Basic Principles of Design How to make your websites and video graphics look more professional.
Four Basic Design Principles
The four basic principles of design
Graphic Design 1. What is Graphic Design? Any form of visual artistic representation. Visual communication intended to be used with commercial printing/reproductive.
Principles of Design CRAP or PARC.
Visual Design The good kind of VD © Colin Stewart, 2009.
Mario Čagalj University of Split 2013/2014. Human-Computer Interaction (HCI)
Copyright © Texas Education Agency, Principles of Information Technology Introduction to Desktop Publishing.
Six Principles of Good Design
This lesson has been adapted from “AIOT Graphic Design Lesson 7: Proximity, Alignment, Repetition, and Contrast” The original lesson and many other graphic.
Effective Graphic Design
Design Principles From The Non-Designer’s Design Book Second Edition by Robin Williams.
Design Principles Web Design. Design Principles  Contrast  Repetition  Alignment  Proximity.
Design Principles… Repetition
Non-designer’s design principles Dr. Shuyan Wang.
Basic Elements of Design
Contrast Repitition Alignment Proximity Fonts Quizzzzz DESIGN PRINCIPLES AND FONT RULES
MARKETING 40S Four Basic Principles C.R.A.P. (Contrast, Repetition, Alignment, Proximity)
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.
Lesson 4: Design Principles
Elements of Design Presentation designed by Dr. James Lenze Model: Williams R. (2004), The Non-Designer’s Design Book, Second Edition, Peachpit Press What.
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 in Business Principle of Repetition Principle of Contrast.
Desktop Publishing CRAP.
The Principles Of Design P.A.R.C.. Why do we need the principles? They bring order and organization They make it attractive. They make it interesting.
Design Principles. Proximity “ Proximity, or closeness, implies a relationship.”
Four Layout Principles November 30, Proximity The grouping of like elements –Example: Company Info: Address, phone #, fax & web address appear together.
Design Principles Contrast Repetition Alignment Proximity Font Rules &
A Principle of Design.  The principle of proximity states that you group related items together, move them physically close to each other, so the related.
PRINCIPLES OF DESIGN Proximity, Alignment, Repetition & Contrast.
Introduction to Interactive Media 09: Good Design is CRAP.
Design Principles Allowing you to create more professional web pages.
Items relating to each other should be grouped close together. When several items are in close proximity to each other, they become one visual unit rather.
…so I typed in “bad design” in Pinterest …. The basic of all design: FORM FOLLOWS FUNCTION.
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.
Desktop Publishing Business Cards Your LogoYour own footer.
Four important design principles to improve your work
(Than your supervisor)
Graphic Design—The Law of C.R.A.P.
Principles of Information Technology
Design basics for web, print, powerpoint, doodling on napkins, and more by Lisa Blankenship, rev
CARP Four Principles of Design
The Principles of Graphic Design
The Principles of Graphic Design
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.
C.R.A.P. Design Principles
Design Principles and Why We Need Them…
Advanced Design PRINCIPLES 2.01 Investigate typefaces and fonts.
C.R.A.P. Design Principles
Thursday
Proximity, Alignment, Repetition & Contrast
Interface Design Interface Design
Design Principles Review.
Four Design Principles
Unity.
Design Principles.
Six Principles of Good Design
The four basic principles of design
Adapted from The Non-Designers Design Book
Principles of Design Contrast Repetition Alignment Proximity
The four basic principles of design
How to look good on paper in four easy steps
Presentation transcript:

This lesson has been adapted from “AIOT Graphic Design Lesson 7: Proximity, Alignment, Repetition, and Contrast” The original lesson and many other graphic design lessons can be found at http://lroblee.wikispaces.com/Graphic+Design

INSTRUCTIONS As you go through this slide show, please complete everything marked with the orange “Do This” arrow. You will print everything when you are finished, and hand it in as one package of work. Your questions may be hand-written. Please ASK ME if you encounter any questions, problems, or confusion.

The Principles of Graphic Design Proximity Alignment Repetition Contrast

Begin by Watching: Click to begin video Using The Non-Designer’s Design Book 3rd Edition, complete the handout: Note Taking: Principles of Graphic Design Do This!

Proximity: Grouping Related Items Together Related items should be seen as a cohesive group (they should look like they go together). Unrelated items should not be in close proximity (they should not be close together).

Does this design have unity? Where do you begin reading? How many times does your eye stop? What separate elements could be grouped together?

Proximity provides visual clues about organization Where do you begin reading? How many times does your eye stop? What improvements would you make?

See more examples in your text (p. 16-31) Do This! Create 2 different business cards for yourself that both use the principle of proximity. Your card must include: your name, address, phone number, and e-mail address. You may include other information if you would like.

Alignment: Unifies and Organizes a Page When elements are aligned, invisible lines connect them in your eye and in your mind. Elements appear connected simply because of their placement

Aligning items gives a stronger cohesive unit Which page is a stronger cohesive unit? What creates the cohesion?

See more examples in your text (p. 34-49) Do This! Read & Summarize page 36 and 40 Read page 46-47. List the changes that were made in order to improve the design.

Repetition: Repeating a part of the design Repetitive elements can be fonts, lines, bullets, colour, a design element, a format, or a spatial relationship. Use repetition to create consistency and visual interest. Use repetition to achieve unity and organization.

How could you use repetition to create unity and organization in this design? When you look at this design, what do you know instantly about the world’s 15 best restaurants? What gives this design a look of inconsistency?

How is this an improvement over the last design? Do This! When you look at this design, what do you know instantly about the world’s 15 best restaurants? What are the repeating elements? List as many types of repetition as you can. Why does each part of the design look like it belongs?

Contrast is created when elements are different Contrast creates interest on a page and aids in organization. Our eyes are drawn to contrasting elements. To be effective, contrast must be strong. If elements are not the same, make them very different.

Contrast creates interest Which of these pages draws your eye in? Which page makes you want to read more?

List as many contrasting elements as you can find on this page. Do This! List as many contrasting elements as you can find on this page.

Explain how the book cover on the right improves the proximity, alignment, repetition, and contrast? Do This!

Complete the handout “Defining Format: Proximity, Alignment, Repetition, and Contrast” Do This!

Finally, go back to your business cards Finally, go back to your business cards. Consider the four principles of design you have studied. Make a third business card that adheres to all four principles. Do This! Use your book for extra support: Ch.7 Colour Ch.8 Extra Tips & Tricks Ch. 9 & 11 Type