Design Principles Allowing you to create more professional web pages.

Slides:



Advertisements
Similar presentations
YEARBOOK Layout and Design.
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.
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.
Interactive Power Point
Elements of Design: The 4 Basic Principles.
Session 2—Chapter 3 Visual Literacy Learn to See, See to Learn.
The Four Basic Principles of Document Design Adapted from Robin Williams’ The Non-designer’s Design Book by Kelly Daniels.
Four Basic Design Principles
The four basic principles of design
Day 6 Layout. Objectives  Learn about some principles of perception  Learn how grids can help you organise a site’s content  Learn about the golden.
The Four Basic Principles C ontrast R epetition A lignment P roximity.
?v=4k4mkL70E3g.  Business Cards are often considered to be the strongest marketing tool for a company.  Business cards.
The Non-Designer’s Design Book
Introduction to Visual Literacy. Essential Questions: What does it mean to be a “Visually Literate Person” (VLP)? Why is it important for teachers and.
Introduction to Principles of Design. Basic Design Principles Contrast Contrast Repetition Repetition Alignment Alignment Proximity Proximity.
Principles of Visual Design TECM 4250 Dr. Lam. Set 1.
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.
The Non-Designer’s Design Book Design and Typographic Principles for the Visual Novice By Robin Williams.
Effective Graphic Design
Communication Design Created by J. Shannon Info from “The Non-Designers Design Book” by Robin Williams, 3 rd edition, 2008.
Design Principles From The Non-Designer’s Design Book Second Edition by Robin Williams.
Design Principles Web Design. Design Principles  Contrast  Repetition  Alignment  Proximity.
General principles of publication design Magazine Design and Production COMM 3003.
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.
from The Non-Designer’s Design Book by Robin Williams
South Carolina EdTech 2011 Unplugged Unwired Enhancing Instructional Value with Graphics Applying Visual Learning Principles to Your Classroom Presentations.
Principles of Document Design Adapted from
Basic Design Principles Unlocking the Secrets to Creating Professional Documents.
Desktop Publishing CRAP.
Jeep Ad Lego Ad From p. 15 of The 4 Principles of Design, by Robin Williams.
With a focus on screen design and CRAP. The Joshua Tree Epiphany.
PRINCIPLES OF DESIGN Proximity, Alignment, Repetition & Contrast.
Editing for Visual Design TECM 4190 Dr. Lam. Why is design so important? Intimately tied with decision making Impacts perceptions well beyond “looking.
C R A P ONTRAST EPETITION ALIGNMENT ROXIMITY good design has By Kate Hansen - Adapted from Robin Williams The Non-Designer’s Design Book.
4 Basic Principles of Design  Proximity  Alignment  Repetition  Contrast Credit: Robin Williams.
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.
TECM 3200 Dr. Lam. Project 1: Designing/developing a professional website  Web design process  Content on the web  Laying out your website.
Four important design principles to improve your work
I need to add this. I like the overlap because it caused the design to look less boxy.
The Four Basic Principles
Design basics for web, print, powerpoint, doodling on napkins, and more by Lisa Blankenship, rev
Design Principles & Font Rules By: Megan Janke
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.
Contrast Repetition Alignment Proximity
C.R.A.P. Design Principles
Design Principles and Why We Need Them…
The Four Basic Principles
C. R. A. P. To set up 20 seconds: Go to TRANSITIONS menu. Then choose 00:20.00 for length “After…”. You can also choose a duration such as for.
C.R.A.P. Design Principles
Rules of Design.
To set up 20 seconds: Go to TRANSITIONS menu. Then choose 00:20
Design Principles.
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:

Design Principles Allowing you to create more professional web pages

The four basic principles Contrast Repetition Alignment Proximity

Contrast The idea behind contrast is to avoid elements on that are merely similar. If the elements (type, colour, size, line thickness, shape, space, etc.) are not the same, then make them very different. Contrast is often the most important visual attraction on a page

Examples of Contrast

Repetition Repeat visual elements of the design throughout the piece. You can repeat colour, shape, texture, spatial relationships, line thickness, sizes, etc. This helps develop the organisation and strengthens the unity.

Examples of repetition

Alignment Nothing should be placed on the page arbitrarily. Every element should have some visual connection with another element on the page. This creates a clean, sophisticated, fresh look.

Examples of alignment

Proximity 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 than several separate units. This helps organise information and reduces clutter.

Examples of proximity

Credit This presentation has been adapted from “The Non-Designers Design Book”, by Robin Williams, Peachpit Press, 1994 You have a copy of the latest version as part of this lesson. Read through it and use it to help you when you start to design your template for your e-book.