WEB DESIGN
PRINCIPLES
by
Dan Phelan
Haleigh Sills
Cheyenne Garrison
Stanton Sailsbury
Unity




                   Shows unity through space and
                   similarity.
• The relationship between the individual parts and the whole of the
 composition. Unity has 3 components similarity, proximity, and alignment.
Variety




            Shows Variety by displaying many different images.



• The difference in elements that add interest to design.
Balance




                     Shows asymmetrical balance.

• The distribution of weight or force within a composition. Balance had
 two forms symmetrical and asymmetrical.
Scale & Proportion




  An example of good scale and proportion.           An example of poor
                                                     scale and proportion.



• The size of design elements in comparison with physical reality or
 relative to other elements in the composition.
Rhythm




               Shows movement through shape and color.

• A sense of movement between different parts of the design.
Emphasis




                Shows emphasis through color/contrast and
                               isolation.

• Provides prominence to part of a design. Emphasis is most commonly
 created through isolation, placement, and contrast.
Simplicity




                               Simple.


• Omitting all non-essential or unimportant elements and details which
 do not contribute to the essence of the overall composition.

More Related Content

PDF
Interior design
PPTX
Principle of design
PPTX
Art elements and principles
PPTX
Elements and principles of design
PPTX
Principle of design
PPTX
Week 3 by group 3
PPT
Principles
PPT
Design principles
Interior design
Principle of design
Art elements and principles
Elements and principles of design
Principle of design
Week 3 by group 3
Principles
Design principles

Similar to Web Design Principles (20)

PPTX
LESSON 5 - Imaging and Design for the Online Environment.pptx
PPTX
The principles of design.
PPTX
The principles of design [autosaved]
PPTX
Organization in the visual arts and Principles of Design
PPTX
PRINCIPLES OF DESIGN.pptx
PPTX
The principles-of-art-design
PDF
Principles of design_ppt
PPT
Principles of design
PPTX
Presentation By siddu.k.pptx
PPTX
The principles of design
PPT
KCC Art 141 Chapter 7 Design Principles
PDF
Interior Design principles and elements
PDF
Lecture 2 principals-of-design
PPTX
Interior designing
PDF
interiordesigning-150123085217-conversion-gate01.pdf
PPTX
FOD UNIT 1 Principles of design.pptx
PPTX
Basic Web design principles and elements.pptx
PPTX
Principles and Elements of Design.pptx
PPTX
Principles and elements of landscape gardening
PPTX
Mmd 2093 ch2
LESSON 5 - Imaging and Design for the Online Environment.pptx
The principles of design.
The principles of design [autosaved]
Organization in the visual arts and Principles of Design
PRINCIPLES OF DESIGN.pptx
The principles-of-art-design
Principles of design_ppt
Principles of design
Presentation By siddu.k.pptx
The principles of design
KCC Art 141 Chapter 7 Design Principles
Interior Design principles and elements
Lecture 2 principals-of-design
Interior designing
interiordesigning-150123085217-conversion-gate01.pdf
FOD UNIT 1 Principles of design.pptx
Basic Web design principles and elements.pptx
Principles and Elements of Design.pptx
Principles and elements of landscape gardening
Mmd 2093 ch2
Ad

Recently uploaded (20)

PDF
From MVP to Full-Scale Product A Startup’s Software Journey.pdf
PDF
Hybrid horned lizard optimization algorithm-aquila optimizer for DC motor
PDF
TrustArc Webinar - Click, Consent, Trust: Winning the Privacy Game
PDF
DP Operators-handbook-extract for the Mautical Institute
PDF
A comparative study of natural language inference in Swahili using monolingua...
PDF
August Patch Tuesday
PPT
Geologic Time for studying geology for geologist
PPTX
Group 1 Presentation -Planning and Decision Making .pptx
PDF
Hindi spoken digit analysis for native and non-native speakers
PDF
Taming the Chaos: How to Turn Unstructured Data into Decisions
PDF
1 - Historical Antecedents, Social Consideration.pdf
PPT
Module 1.ppt Iot fundamentals and Architecture
PDF
Architecture types and enterprise applications.pdf
PDF
A novel scalable deep ensemble learning framework for big data classification...
PDF
A contest of sentiment analysis: k-nearest neighbor versus neural network
PDF
Five Habits of High-Impact Board Members
PDF
A review of recent deep learning applications in wood surface defect identifi...
PDF
Microsoft Solutions Partner Drive Digital Transformation with D365.pdf
PPTX
MicrosoftCybserSecurityReferenceArchitecture-April-2025.pptx
PPTX
Tartificialntelligence_presentation.pptx
From MVP to Full-Scale Product A Startup’s Software Journey.pdf
Hybrid horned lizard optimization algorithm-aquila optimizer for DC motor
TrustArc Webinar - Click, Consent, Trust: Winning the Privacy Game
DP Operators-handbook-extract for the Mautical Institute
A comparative study of natural language inference in Swahili using monolingua...
August Patch Tuesday
Geologic Time for studying geology for geologist
Group 1 Presentation -Planning and Decision Making .pptx
Hindi spoken digit analysis for native and non-native speakers
Taming the Chaos: How to Turn Unstructured Data into Decisions
1 - Historical Antecedents, Social Consideration.pdf
Module 1.ppt Iot fundamentals and Architecture
Architecture types and enterprise applications.pdf
A novel scalable deep ensemble learning framework for big data classification...
A contest of sentiment analysis: k-nearest neighbor versus neural network
Five Habits of High-Impact Board Members
A review of recent deep learning applications in wood surface defect identifi...
Microsoft Solutions Partner Drive Digital Transformation with D365.pdf
MicrosoftCybserSecurityReferenceArchitecture-April-2025.pptx
Tartificialntelligence_presentation.pptx
Ad

Web Design Principles

  • 1. WEB DESIGN PRINCIPLES by Dan Phelan Haleigh Sills Cheyenne Garrison Stanton Sailsbury
  • 2. Unity Shows unity through space and similarity. • The relationship between the individual parts and the whole of the composition. Unity has 3 components similarity, proximity, and alignment.
  • 3. Variety Shows Variety by displaying many different images. • The difference in elements that add interest to design.
  • 4. Balance Shows asymmetrical balance. • The distribution of weight or force within a composition. Balance had two forms symmetrical and asymmetrical.
  • 5. Scale & Proportion An example of good scale and proportion. An example of poor scale and proportion. • The size of design elements in comparison with physical reality or relative to other elements in the composition.
  • 6. Rhythm Shows movement through shape and color. • A sense of movement between different parts of the design.
  • 7. Emphasis Shows emphasis through color/contrast and isolation. • Provides prominence to part of a design. Emphasis is most commonly created through isolation, placement, and contrast.
  • 8. Simplicity Simple. • Omitting all non-essential or unimportant elements and details which do not contribute to the essence of the overall composition.