Does not mean every page should have same layout

Slides:



Advertisements
Similar presentations
Business Card Design.
Advertisements

contrast, repetition, alignment, proximity
Elements of Design: The 4 Basic Principles.
Session 2—Chapter 3 Visual Literacy Learn to See, See to Learn.
Principles of design caroline burdett. repetition balance proximity simplicity contrast.
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.
Designing Pages and Screens Comm Arts II Mr. Wreford.
Four Basic Design Principles
14-Aug-15 Design Principles. Design principles In The Non-Designer’s Design Book: Design and Typographic Principles for the Visual Novice, Robin Williams.
7 Selecting Design and Color Section 7.1 Identify presentation design principles Use a custom template Add pages to a navigation structure Section 7.2.
 Effective advertising is NOT an accident!  Effective advertising MUST be well designed!
Principles of Design CRAP or PARC.
Investigate design principles and elements.
1 Understanding Microsoft PowerPoint What is it? Vector-based graphics program The graphics it produces are resizable The colors can be changed easily.
Design Principles for PowerPoint
Six Principles of Good Design
2006 Adobe Systems Incorporated. All Rights Reserved. 1 INTRODUCTION TO GRAPHIC DESIGN MOVEMENT, BALANCE, UNITY, CONTRAST, EMPHASIS, LINE, AND COLOR.
Effective Graphic 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.
Design Principles… Repetition
Design Principles - CARP Contrast Alignment Repetition Proximity Fonts Quiz.
Contrast If two things are not the same then you should make them different. Contrast Draws you eye to the page. Big Title Small aftermath Dark Background.
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.
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.
1.02 Investigate design principles and elements. Principles of Design.
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.
Repetition. Repeat some aspect of the design throughout the entire piece The repetitive element may be a bold font, a thick rule (line), a certain bullet,
With a focus on screen design and CRAP. The Joshua Tree Epiphany.
March 2004Andrea Infantino©Copyright Jan 2006Adapted from A.Infantino©Copyright 2004 Visual Literacy A Critical Key to Effective Communication.
C R A P ONTRAST EPETITION ALIGNMENT ROXIMITY good design has By Kate Hansen - Adapted from Robin Williams The Non-Designer’s Design Book.
C.R.A.P. (OR C.A.R.P.) FORMULA The Non-Designer’s Design Book.
Vertical & Horizontal Symmetry. Asymmetrical Balance This page uses a 3 column format to create a neatly organized asymmetrical layout. The two columns.
Copyright © Terry Felke-Morris Web Development & Design Foundations with HTML5 8 th Edition CHAPTER 5 KEY CONCEPTS 1 Copyright ©
Effective Poster Design: The Non-Designer’s Design Book by Robin Williams Dec 2010.
Principles of Design Lesson Khuzaima Jallad. Principles of Design Lesson Balance Proximity / Unity Alignment Repetition / Consistency Contrast White Space.
Four important design principles to improve your work
A graphic design principle
Graphic Design—The Law of C.R.A.P.
Section 7.1 Section 7.2 Identify presentation design principles
Design Principles Principles of Information Technology
Principles of Graphic Design
The Principles of Graphic Design
Design Principles Principles of Information Technology
The Principles of Graphic Design
Document Design is CRAP
The Elements of Design (SWITCH) Journalism 125.
Chapter 1 Introduction Content is king, but typography is the crown and design is the throne. Typography and design both help content maximize its.
Design in Business Principle of Repetition Principle of Contrast.
Contrast Repetition Alignment Proximity
Better Design Understand how to incorporate key design concepts to the entire site Guidelines for site design Use color, balance, alignment, and other.
Design Principles and Why We Need Them…
Advanced Design PRINCIPLES 2.01 Investigate typefaces and fonts.
Design Principles 8-Dec-18.
The good, the bad, & the ugly…
Contrast Don’t be a Wimp!.
1.02 Investigate design principles and elements.
Introducing: CRAP TECH MENTORING
Design Principles 5-Apr-19.
Interface Design Interface Design
Principles of Design Layout
Elements of Effective Web Design
Four Design Principles
Design Principles.
Six Principles of Good Design
Adapted from The Non-Designers Design Book
1.02 Investigate design principles and elements.
1.02 Investigate design principles and elements.
Presentation transcript:

Does not mean every page should have same layout Same style and layout Easier to navigate Easier to locate information

Repeat some aspect of design throughout the entire piece Element designs can be Fonts Backgrounds Thick rules Certain bullets Colors Navigation

Make a conscious effort to unify all parts Repetition adds visual interest & connection Inconsistency looks like a bunch of different sites

Avoid repeating so much that the element becomes annoying or overwhelming

Degree of difference in the objects on page

For contrast to be effective, it must be strong. Don’t be a wimp. If two elements are sort of different, they won’t create contrast—they create conflict.

If two items are not exactly the same, make them very different Elements—large with small type, graceful font with bold font, cool color with warm color, thin line with thick line.

Text must contrast against background of document Crucial element! Text must contrast against background of document (REVERSE TEXT)

Text is displayed by fonts available on the USER’S computer All the browsers don’t support fonts in the same way Stay with standard fonts like Verdana, Arial and Helvetica

Fonts must be readable Use black – colored for headings if you want to use colored font

Arrange elements so no one part or section is overpowering Think balance beam

Place text and images in various sections Pictures heavier than text – alternate alignment Well balanced page is more appealing to eye & professional