The Design The Design PrinciplesPrinciples

The overall flavour the ingredients create.

The Design PrinciplesThe Design PrinciplesDesign Principles refer to the use and creative

positioning of the Design Elements. They tie up all of the elements and allow for the page to take on a certain style.

The Design PrinciplesThe Design PrinciplesDesign Principles refer to the use and creative positioning of the Design Elements. They tie up all of the elements and allow for the page to take on a certain style.

•Alignment•Balance•Contrast•Dominance/Emphasis•Flow•Unity•Whitespace

Use of the Design Use of the Design PrinciplesPrinciples

• In your DTP work.o The layouts should have been evaluated based against

the Design Principles.

• In the exam.o Knowledge of the Design Principles and how the

effective use of Design Elements can create them.

AlignmentAlignmentWhen all the features on a page are lined up in a

specific way they allow the readers eye to move across the page easily.

AlignmentAlignmentWhen all the features on a page are lined up in a

specific way they allow the readers eye to move across the page easily. This is due to the page having a neat and structured look aligning can achieve.

AlignmentAlignmentWhen all the features on a page are lined up in a

specific way they allow the readers eye to move across the page easily. This is due to the page having a neat and structured look aligning can achieve.

4 ways of ALIGNING a page.

AlignmentAlignment4 ways of ALIGNING a page.

Dr P Clark M.DA+ Medical Practice

Baltimore01735 879 901

Dr P Clark M.DA+ Medical PracticeBaltimore01735 879 901

Dr P Clark M.DA+ Medical Practice

Baltimore01735 879 901

A+ Medical offer a great care for their patients. We offer dental packages as well as optical options and a great monthly payment plan.

AlignmentAlignment4 ways of ALIGNING a page.

Dr P Clark M.DA+ Medical Practice

Baltimore01735 879 901

Dr P Clark M.DA+ Medical PracticeBaltimore01735 879 901

Dr P Clark M.DA+ Medical Practice

Baltimore01735 879 901

A+ Medical offer a great care for their patients. We offer dental packages as well as optical options and a great monthly payment plan.

Right AlignedLeft Aligned

Centre Aligned Justified

BalanceBalanceBalance can be found in Symmetrical, Asymmetrical

and Radial forms. However they all give off different feelings and moods.

What type of balance would you expect to use in the following designs:

Formal and Corporate Fun and Relaxed

BalanceBalanceBalance can be found in Symmetrical, Asymmetrical

and Radial forms. However they all give off different feelings and moods.

To discuss Balance you have to discuss the position and size of the Design Elements on the page.

BalanceBalanceSymmetrical Balance

A- Symetrical Balance

Radial Balance

ContrastContrastContrast can come in a variety of different ways

through colour, shape and fonts. Contrast can be eye-catching however when it is over used it can look messy and detract from the message.

ContrastContrast

ContrastContrast

Shape: The modern curves of the car contrast against the straight and linear columns and photo graphs.

Colour: The lack of colours is striking. Only Black and White is used to create a dramatic look.

Font: Architecture is a structured sans serif font which is modern however the fun font used underneath contrasts with this and allows the reader to know its going to get interesting.

Dominance and Dominance and EmphasisEmphasis

The size, colour and tones all contribute to the amount of focus a feature can create in a page.

Generally this is found more in Headings and Subheadings but as you can see her Images can control the users focus.

FlowFlowThe layout of graphical items should allow a

readers eye to glide over the page and take in each piece of information with the correct amount of attention.

The amount of Dominance has to be correct to allow this to work.

UnityUnityThe spacing of items, the colour, the shape of items

allows us to understand if items are connected. Items close together/overlapping tend to be related

however something that is on its own helps create independence.

UnityUnityThe spacing of items, the colour, the shape of items allows us

to understand if items are connected.

Items close together/overlapping tend to be related An item that is on its own helps create

independence.

UnityUnityThe spacing of items, the

colour, the shape of items allows us to understand if items are connected.

Items close together/overlapping tend to be related

An item that is on its own helps create independence.

WhitespaceWhitespaceAn empty area on the page it should have no text or

imagery, allowing the eye to rest.

Exam QuestionExam QuestionOn the following page explain how the following Design Principles have been used?

•Unity

•Balance

•Contrast

•Alignment

Exam QuestionExam Question