Basi c For MYP Technology Design Principles. Good Design Is As Easy as 1-2-3 1. Learn the principles. They’re easier than you might think. 2. Realise.

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

contrast, repetition, alignment, proximity

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.

Love ‘em and hate ‘em....  Pedagogical  Directional.

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.

Multimedia Design Adam Huntington ETE 261 1/30/09.

Four Basic Design Principles

The four basic principles of design

The Four Basic Principles C ontrast R epetition A lignment P roximity.

Basic Principles of DESIGN Bristol Community College Bristol Community College Paula Mailloux Sources: The Non-Designers Design Book The Non-Designers.

 Effective advertising is NOT an accident!  Effective advertising MUST be well designed!

Principles of Design CRAP or PARC.

Design Principles for PowerPoint

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.

IS1824: Introduction to Internet Multimedia Lecture 7: Style 1 (Layout and Colour) Rob Gleasure

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

The Non-Designer’s Design Book Design and Typographic Principles for the Visual Novice By Robin Williams.

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.

Contrast Repetition Alignment Proximity Serif San Serif Quiz

Design Principles The good and the bad Alyssa Mendiola Summer 2009.

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)

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,

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.

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

Design in Business Principle of Repetition Principle of Contrast.

Principles of Document Design Adapted from

Desktop Publishing CRAP.

Design and Typographic Principles. The Joshua Tree Principle Joshua Tree story example The four basic principles Contrast Repetition Alignment Proximity.

Jeep Ad Lego Ad From p. 15 of The 4 Principles of Design, by Robin Williams.

Design Principles Contrast Repetition Alignment Proximity Font Rules &

PRINCIPLES OF DESIGN Proximity, Alignment, Repetition & Contrast.

C R A P ONTRAST EPETITION ALIGNMENT ROXIMITY good design has By Kate Hansen - Adapted from Robin Williams The Non-Designer’s Design Book.

Design Principles Allowing you to create more professional web pages.

Design Principles and Font Rules Katie Zilisch Contrast Repetition Alignment Proximity Font Quiz.

…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.

CARP Four Principles of Design

Design Principles & Font Rules By: Megan Janke

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

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

Advanced Design PRINCIPLES 2.01 Investigate typefaces and fonts.

Design Principles Rvsd. Feb 2016

The Four Basic Principles

The good, the bad, & the ugly…

C.R.A.P. Design Principles

Proximity, Alignment, Repetition & Contrast

Design Principles Review.

Four Design Principles

Design Principles.

The four basic principles of design

Adapted from The Non-Designers Design Book

The four basic principles of design

How to look good on paper in four easy steps

Presentation transcript:

Basi c For MYP Technology Design Principles

Good Design Is As Easy as Learn the principles. They’re easier than you might think. 2. Realise when you’re not using them. Put it into words – name the problem. 3. Apply the principles. You’ll be amazed.

Good Design Learn the principles. They’re easier than you might think. Realise when you’re not using them. Put it into words – name the problem. Apply the principles. You’ll be amazed is as easy as…

Four Basic Principles of Design Contrast – If the elements, things, on the page are not the same (type, colour, size, line thickness, shape, space etc.) make them very different. Contrast makes the reader look at the page. Alignment – Every element should be connected in some way to another element on the page, this makes it look organised and sophisticated. Repetition – If you repeat elements (colours, shapes, textures, spatial relationships, line thickness, fonts, sizes, graphics etc.) it makes your work look unified. Proximity – Things that are linked should be put together, it helps to organise the information and makes it easier for the reader to follow the information.

Proximity Things that are linked should be put together, it helps to organise the information and makes it easier for the reader to follow. M1 Amy David Subin M2 Buffy Daniel Hae Lim Helen Ian Joni Jun Woo Sue William M3 Boris DoLee Roy Van-Ness M4 Bonnie Kelly Yi Kang Yu Bin M5 Jason Wilson M1 Amy David Subin M2 Buffy Daniel Hae Lim Helen Ian Joni Jun Woo Sue William M3 Boris DoLee Roy Van-Ness M4 Bonnie Kelly Yi Kang Yu Bin M5 Jason Wilson Which of these examples is easier to read? Why? We don’t need to cover the whole page, if we leave white space it helps our readers to see the information clearly.

Alignment Every element should be linked in some way to another element on the page, this makes it look organised and sophisticated. M1 Amy David Subin M2 Buffy Daniel Hae Lim Helen Ian Joni Jun Woo Sue William M3 Boris DoLee Roy Van-Ness M4 Bonnie Kelly Yi Kang Yu Bin M5 Jason Wilson M1 Amy David Subin M2 Buffy Daniel Hae Lim Helen Ian Joni Jun Woo Sue William M3 Boris DoLee Roy Van-Ness M4 Bonnie Kelly Yi Kang Yu Bin M5 Jason Wilson Which of these examples is easier to read? Why? Changing your alignment and font (typeface) can change the style of your work. Think about where you put things on the page and try not to use more than one alignment on one page.

Repetition If you repeat elements (colours, shapes, textures, spatial relationships, line thickness, fonts, sizes, graphics etc.) it makes your work look more organised and ‘whole’. M1 Amy David Subin M2 Buffy Daniel Hae Lim Helen Ian Joni Jun Woo Sue William M3 Boris DoLee Roy Van-Ness M4 Bonnie Kelly Yi Kang Yu Bin M5 Jason Wilson M1  Amy  David  Subin M2  Buffy  Daniel  Hae Lim  Helen  Ian  Joni  Jun Woo  Sue  William M3  Boris  DoLee  Roy  Van-Ness M4  Bonnie  Kelly  Yi Kang  Yu Bin M5  Jason  Wilson Choose the way you will repeat elements in a design and stick to it throughout to make your project look cohesive. Which elements are repeated in the second design?

Contrast If the elements, things, on the page are not the same (type, colour, size, line thickness, shape, space etc.) make them very different. Contrast makes the reader look at the page. M1 Amy David Subin M2 Buffy Daniel Hae Lim Helen Ian Joni Jun Woo Sue William M3 Boris DoLee Roy Van-Ness M4 Bonnie Kelly Yi Kang Yu Bin M5 Jason Wilson M1 Amy David Subin M2 Buffy Daniel Hae Lim Helen Ian Joni Jun Woo Sue William M3 Boris DoLee Roy Van-Ness M4 Bonnie Kelly Yi Kang Yu Bin M5 Jason Wilson Contrast makes the page look more interesting, so if things are not the same, make them very different. Don’t be a wimp! What happens to the text on the left hand box?