Design Principles for the Electronic Portfolio. contrast To establish a hierarchy of importance or to focus a reader’s attention, make some things look.

Slides:



Advertisements
Similar presentations
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.
Advertisements

Business Card Design.
Designing Documents 4 Key Concepts for Looking Fabulous Julia Romberger English 435/535.
contrast, repetition, alignment, proximity
2011 AECT International Convention Tired of PowerPoint? Using research-based and theory-grounded guideline in selecting Web 2.0 tools for effective and.
Good and Bad Design. Contrast Contrast with color Contrast with images Contrast with fonts Contrast with size Contrast is one of the best ways to add.
Format for Ease of Access Importance Design Principles Design Elements.
Lesson 1:.  This lesson will cover the four primary principles of design: ● Contrast ● Repetition ● Alignment ● Proximity.
The Four Basic Principles of Document Design Adapted from Robin Williams’ The Non-designer’s Design Book by Kelly Daniels.
Four Basic Design Principles
C.R.A.P Contrast The elements being very different from one element to the next. For example the title font size would be very large and the text information.
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.
the rhetorical situation  audience  purpose  context design principles  contrast  repetition  alignment  proximity.
Principles By: Donna Deerfield Design. Design Principles Contrast Repetition Proximity Balance Unity Alignment Click on the pictures to review each principle.
This lesson has been adapted from “AIOT Graphic Design Lesson 7: Proximity, Alignment, Repetition, and Contrast” The original lesson and many other graphic.
Many years ago, an American nightclub had a fire in which over 400 people died due to a simple design flaw. What was it and how were regulations changed.
Design Principles From The Non-Designer’s Design Book Second Edition by Robin Williams.
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.
General principles of publication design Magazine Design and Production COMM 3003.
Introduction to Web Page Design. General Design Tips.
INTRODUCTION Basic Design Principles Proximity Visual Hierarchy Visual Hierarchy Symmetry / Asymmetry Symmetry / Asymmetry Repetition Unity Contrast.
Non-designer’s design principles Dr. Shuyan Wang.
Basic Elements of Design
MARKETING 40S Four Basic Principles C.R.A.P. (Contrast, Repetition, Alignment, Proximity)
30 November 2010 English 104 – 18 & 27 CRAPS: Principles of Design for your Multimodal Report.
Basic Design Tips for Web Pages. Alignment Left, right, center Choose one alignment and use it on the entire page Align form elements, table elements,
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.
Design Principles Eboni Thomas. 5 Principles ContrastRepetition AlignmentProximity Unity.
South Carolina EdTech 2011 Unplugged Unwired Enhancing Instructional Value with Graphics Applying Visual Learning Principles to Your Classroom Presentations.
Design Principles By: Kimberly Fletcher Four Design Principles Contrast Repetition Alignment Proximity References.
Basic Design Principles Unlocking the Secrets to Creating Professional Documents.
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.
VISUAL RHETORIC All the C.R.A.P. you need to know… The Purdue Writing Lab.
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 &
Design Principles and Font Rules Katie Zilisch Contrast Repetition Alignment Proximity Font Quiz.
C.R.A.P. (OR C.A.R.P.) FORMULA The Non-Designer’s Design Book.
…so I typed in “bad design” in Pinterest …. The basic of all design: FORM FOLLOWS FUNCTION.
Index Contrast Repetition Alignment Proximity Font Styles Quiz Created by: Lauren Boresch.
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.
Effective Poster Design: The Non-Designer’s Design Book by Robin Williams Dec 2010.
Desktop Publishing Business Cards Your LogoYour own footer.
Principles of Information Technology
Design Principles & Font Rules By: Megan Janke
10 DESIGN PRINCIPLES CONTRAST EMPHASIS PROXIMITY/ALIGNMENT BALANCE
The Principles of Graphic Design
The Principles of Graphic Design
Document Design is CRAP
Design Principles Proximity Font
C.R.A.P. Design Principles
Advanced Design PRINCIPLES 2.01 Investigate typefaces and fonts.
DESIGN ONE Objective: The students will apply basic desktop publishing design principles to enhance their documents.
DESIGN ONE Objective: The students will apply basic desktop publishing design principles to enhance their documents.
10 DESIGN PRINCIPLES CONTRAST EMPHASIS PROXIMITY/ALIGNMENT BALANCE
CARP Principles By [put your name here].
DESIGN ONE Objective: The students will apply basic desktop publishing design principles to enhance their documents.
C.R.A.P. Design Principles
Rules of Design.
Thursday
Designing Reader-Centered Pages and Documents
Introducing: CRAP TECH MENTORING
Basics of Graphic Design
Design Principles.
DESIGN ONE Objective: The students will apply basic desktop publishing design principles to enhance their documents.
Principles of Design Contrast Repetition Alignment Proximity
How to look good on paper in four easy steps
Presentation transcript:

Design Principles for the Electronic Portfolio

contrast To establish a hierarchy of importance or to focus a reader’s attention, make some things look different than others Establish difference by using contrast Contrast is created when two elements are very different (such as in size, boldness, or color).

contrast Mary Lynn Pickel Designs, Inc. 515 Dogwood Drive Oxford, OH Mary Lynn Pickel Designs, Inc. 515 Dogwood Drive Oxford, OH no contrast contrast creates emphasis

repetition Repetition visually unifies your portfolio Repetition involves repeating design elements throughout document

repetition Repetition visually unifies your document Repetition involves repeating design elements throughout document

proximity Proximity, or closeness, of elements implies a relationship. Group related elements close together and unrelated elements apart.

proximity Designs, Inc Mary Lynn Pickel 515 Dogwood Dr. Oxford, OH Mary Lynn Pickel Designs, Inc. 515 Dogwood Dr. Oxford, OH

alignment Related elements (text/graphics) in a document should be visually connected to one another Aligning related elements shows visual connection Elements may be aligned left, right or centered. Related elements should also be horizontally aligned.

alignment Designs, Inc Mary Lynn Pickel 515 Dogwood Dr. Oxford, OH Mary Lynn Pickel Designs, Inc. 515 Dogwood Dr. Oxford, OH arbitrary alignment right alignment