Web Design
Principles
By: Joe Robinette
Haylee Gregory
Caleb Renfro
Unity
Unity
 This website shows unity by having all
elements organized, equally spaced yet
still close together. It’s attractive to the
eye and easy to locate things.
Variety
Variety
 This site shows many different colors and a
large array of products they offer. It has
an interesting layout that adds to the site.
Balance
Balance
 There is an even distribution of text to
pictures. Everything is weighted evenly in
the middle drawing the eye in. It is
asymmetrically balanced with equal
weight concerning the pictures, text, and
blank space.
Scale & Proportion
Scale & Proportion
 The T-rex is larger than everything
providing excitement. The roller coaster is
much smaller in picture than it would be in
a real life setting.
Rhythm
Rhythm
 You can see the motion of the athletes by
their positions and angles as well as the
crowd being blurred out.
Emphasis
Emphasis
 The freshman are easily emphasized
contrasting the grass. The eye is drawn to
them because of their placement in the
photo. The outline of people in red shirts
helps to draw your eyes as well.
Simplicity
Simplicity
 It is very basic and to the point with a lot
of blank space to draw your eye right to
the main function of the site.

More Related Content

DOCX
Tic ii tematica ii-práctica i-bazan griselda
PPTX
Algunas otras enfermedades que afectan la voz y
PPT
Power pechacucha SDI
PPTX
Aulas virtuales
PPTX
Conductividad 130426022246-phpapp01
PDF
Motivar para aprender
PPTX
Fiate canarias
Tic ii tematica ii-práctica i-bazan griselda
Algunas otras enfermedades que afectan la voz y
Power pechacucha SDI
Aulas virtuales
Conductividad 130426022246-phpapp01
Motivar para aprender
Fiate canarias

Viewers also liked (19)

PPT
What have you learnt about technologies from the process of constructing this...
PPT
Project Prioritization and Stream Restoration Success
PDF
Proyecto elcano.
PPT
Tema 6º
DOCX
Cuadro Informatica
PPT
Subir música en goear
PPTX
PPT
多摩大学大学院 公開講座「ビジネスパーソンの出版戦略」公開資料(2013年2月21日)
DOCX
100 herramientas de la web 2
DOCX
Proyecto de vida
PPTX
Windows Phone (8) ♬
DOC
I just called to say i love you
PPSX
Pagode Japoneze (V M )
PPT
Powerparasubironline
DOCX
Ensayo de teorias implicitas corregido
DOC
Chanson le chocolat
PPT
Tics en Educación
DOC
Nomenclatura de oxidos
What have you learnt about technologies from the process of constructing this...
Project Prioritization and Stream Restoration Success
Proyecto elcano.
Tema 6º
Cuadro Informatica
Subir música en goear
多摩大学大学院 公開講座「ビジネスパーソンの出版戦略」公開資料(2013年2月21日)
100 herramientas de la web 2
Proyecto de vida
Windows Phone (8) ♬
I just called to say i love you
Pagode Japoneze (V M )
Powerparasubironline
Ensayo de teorias implicitas corregido
Chanson le chocolat
Tics en Educación
Nomenclatura de oxidos
Ad

Similar to Web design principles (11)

PPTX
Graphic Design Elements&Principles
PPT
Design portfolio waugh
PPTX
Basic principles of grapics and layout
PPTX
Principle of design
PPTX
Logodesign1
PPTX
Logo design.ppt
PPTX
Design Principles
PDF
Principles of Landscape Design
PPT
Principles of design
PPTX
Graphic design composition
PPTX
Design principles
Graphic Design Elements&Principles
Design portfolio waugh
Basic principles of grapics and layout
Principle of design
Logodesign1
Logo design.ppt
Design Principles
Principles of Landscape Design
Principles of design
Graphic design composition
Design principles
Ad

Recently uploaded (20)

PDF
Printable Burmese Myanmar Gospel Tract - Last Day.pdf
PDF
_OceanofPDF.com_Ayurveda_and_the_mind_-_Dr_David_Frawley.pdf
PDF
Light-On-Life-s-Difficulties-by-james-allen.pdf
PDF
Printable Czech Gospel Tract - Last Day.pdf
PDF
UNIT PROGRAM ACTIVITIES.hfhhfhfhfhfhfhfh.pdf
PDF
He Bore the Sin of Many - part 1
PDF
English - The Art of Ruling (Political Governance).pdf
PPTX
What is Christianity and the whole history
PDF
Life of Saint John Gabriel Perboyre, C.M.
PPTX
The Coming Rapture - Moses as a Prefigure of Christ
PDF
Future Relevancy of Black Methodist Consultation (BMC) by Matthews Bantsijang
PDF
1-TAUHID-Conscept of God in Islamic Relegioon1.pdf
PDF
Monthly Khazina-e-Ruhaniyaat Aug’2025 (Vol.16, Issue 4)
PDF
Printable Telugu Gospel Tract - Be Sure of Heaven.pdf
PPTX
Sabbath School Lesson 7, 3rd Quarter 2025.pptx
PDF
Krishna’s 8 Symbols and What They Represent
PPTX
what is islam and the founder, history and where they from
PPTX
Salinan Gaza War Israel-Palestine Conflict Slides.pptx
PDF
15 August – Brave Stories of India’s Freedom
PPTX
The Neuroscience of Manifestation: How Top Leaders Use The Law of Attraction ...
Printable Burmese Myanmar Gospel Tract - Last Day.pdf
_OceanofPDF.com_Ayurveda_and_the_mind_-_Dr_David_Frawley.pdf
Light-On-Life-s-Difficulties-by-james-allen.pdf
Printable Czech Gospel Tract - Last Day.pdf
UNIT PROGRAM ACTIVITIES.hfhhfhfhfhfhfhfh.pdf
He Bore the Sin of Many - part 1
English - The Art of Ruling (Political Governance).pdf
What is Christianity and the whole history
Life of Saint John Gabriel Perboyre, C.M.
The Coming Rapture - Moses as a Prefigure of Christ
Future Relevancy of Black Methodist Consultation (BMC) by Matthews Bantsijang
1-TAUHID-Conscept of God in Islamic Relegioon1.pdf
Monthly Khazina-e-Ruhaniyaat Aug’2025 (Vol.16, Issue 4)
Printable Telugu Gospel Tract - Be Sure of Heaven.pdf
Sabbath School Lesson 7, 3rd Quarter 2025.pptx
Krishna’s 8 Symbols and What They Represent
what is islam and the founder, history and where they from
Salinan Gaza War Israel-Palestine Conflict Slides.pptx
15 August – Brave Stories of India’s Freedom
The Neuroscience of Manifestation: How Top Leaders Use The Law of Attraction ...

Web design principles

  • 1. Web Design Principles By: Joe Robinette Haylee Gregory Caleb Renfro
  • 3. Unity  This website shows unity by having all elements organized, equally spaced yet still close together. It’s attractive to the eye and easy to locate things.
  • 5. Variety  This site shows many different colors and a large array of products they offer. It has an interesting layout that adds to the site.
  • 7. Balance  There is an even distribution of text to pictures. Everything is weighted evenly in the middle drawing the eye in. It is asymmetrically balanced with equal weight concerning the pictures, text, and blank space.
  • 9. Scale & Proportion  The T-rex is larger than everything providing excitement. The roller coaster is much smaller in picture than it would be in a real life setting.
  • 11. Rhythm  You can see the motion of the athletes by their positions and angles as well as the crowd being blurred out.
  • 13. Emphasis  The freshman are easily emphasized contrasting the grass. The eye is drawn to them because of their placement in the photo. The outline of people in red shirts helps to draw your eyes as well.
  • 15. Simplicity  It is very basic and to the point with a lot of blank space to draw your eye right to the main function of the site.