SlideShare a Scribd company logo
UNITY


        This website achieves
        unity by having school
        colors reoccurring
        throughout the website
        making it a common
        theme and creating
        unity.
VARIETY


          Website uses different
          forms of typography to
          create variety throughout
          the website.
BALANCE


          The
          pictures
          and text
          offset one
          another
          creating a
          sense of
          balance in
          this
          website.
SCALE AND PROPORTION


                       The different sizes of the
                       photos create an
                       emphasis on proportion.
RHYTHM




 The moving widgets create a sense of movement within the website
 and leads your eye to different links on the site.
EMPHASIS

           This website uses the
           large image in the center
           to emphasis the main
           purpose of the
           foundation. It draws the
           viewer into interest.
SIMPLICITY


             Twitter leaves its main
             page simple to allow
             users to log in or to
             encourage new users
             to sign up.

More Related Content

Viewers also liked

Team 1 clue 5
Team 1 clue 5Team 1 clue 5
Team 1 clue 5
Deetaeg
 
Hoja de calculo 4
Hoja de calculo 4Hoja de calculo 4
Hoja de calculo 4
miriamelizalde10
 
Como ayudar esteban
Como ayudar estebanComo ayudar esteban
Como ayudar esteban
sonia mancilla
 
Padma shri tulsi ji promoting literacy among tribal people
Padma shri tulsi ji promoting literacy among tribal peoplePadma shri tulsi ji promoting literacy among tribal people
Padma shri tulsi ji promoting literacy among tribal people
Thriveni Earthmovers Pvt. Ltd
 
شيرين احمد
شيرين احمدشيرين احمد
شيرين احمد
MONAMOH
 
給親愛的阿嬤_V1.1
給親愛的阿嬤_V1.1給親愛的阿嬤_V1.1
給親愛的阿嬤_V1.1
justblue003
 
Grand amaryllis jatiasih
Grand amaryllis jatiasihGrand amaryllis jatiasih
Grand amaryllis jatiasih
michelletunardy10
 
自力掃描 陳建維
自力掃描 陳建維自力掃描 陳建維
自力掃描 陳建維
alan03265
 
Actividad de aprendizaje 3
Actividad de aprendizaje 3 Actividad de aprendizaje 3
Actividad de aprendizaje 3
danzel44
 
够·购
够·购 够·购
够·购
qzsd
 
5 Tools to Make You a More Effiecient Teacher
5 Tools to Make You a More Effiecient Teacher5 Tools to Make You a More Effiecient Teacher
5 Tools to Make You a More Effiecient Teacher
Brooke Storms
 
Demystifying the promotion board process
Demystifying the promotion board processDemystifying the promotion board process
Demystifying the promotion board process
Kelly Dobson
 
April23 2009
April23 2009April23 2009
April23 2009
klroos88
 
رحمة جامعي
رحمة جامعيرحمة جامعي
رحمة جامعي
MONAMOH
 
Informàtica
InformàticaInformàtica
Informàtica
Paulafq99
 

Viewers also liked (15)

Team 1 clue 5
Team 1 clue 5Team 1 clue 5
Team 1 clue 5
 
Hoja de calculo 4
Hoja de calculo 4Hoja de calculo 4
Hoja de calculo 4
 
Como ayudar esteban
Como ayudar estebanComo ayudar esteban
Como ayudar esteban
 
Padma shri tulsi ji promoting literacy among tribal people
Padma shri tulsi ji promoting literacy among tribal peoplePadma shri tulsi ji promoting literacy among tribal people
Padma shri tulsi ji promoting literacy among tribal people
 
شيرين احمد
شيرين احمدشيرين احمد
شيرين احمد
 
給親愛的阿嬤_V1.1
給親愛的阿嬤_V1.1給親愛的阿嬤_V1.1
給親愛的阿嬤_V1.1
 
Grand amaryllis jatiasih
Grand amaryllis jatiasihGrand amaryllis jatiasih
Grand amaryllis jatiasih
 
自力掃描 陳建維
自力掃描 陳建維自力掃描 陳建維
自力掃描 陳建維
 
Actividad de aprendizaje 3
Actividad de aprendizaje 3 Actividad de aprendizaje 3
Actividad de aprendizaje 3
 
够·购
够·购 够·购
够·购
 
5 Tools to Make You a More Effiecient Teacher
5 Tools to Make You a More Effiecient Teacher5 Tools to Make You a More Effiecient Teacher
5 Tools to Make You a More Effiecient Teacher
 
Demystifying the promotion board process
Demystifying the promotion board processDemystifying the promotion board process
Demystifying the promotion board process
 
April23 2009
April23 2009April23 2009
April23 2009
 
رحمة جامعي
رحمة جامعيرحمة جامعي
رحمة جامعي
 
Informàtica
InformàticaInformàtica
Informàtica
 

Similar to Design Principles of the Web

Web design principles
Web design principlesWeb design principles
Web design principles
wravenstein
 
Design Principles
Design PrinciplesDesign Principles
Design Principles
akschierhoff
 
Web Design Principles
Web Design PrinciplesWeb Design Principles
Web Design Principles
bucknergit
 
Webdesignprinciplesbaileybucknergomez 2
Webdesignprinciplesbaileybucknergomez 2Webdesignprinciplesbaileybucknergomez 2
Webdesignprinciplesbaileybucknergomez 2
Steven_G1563
 
Design principles in web design
Design principles in web designDesign principles in web design
Design principles in web design
ejhuskey
 
Design principles in web design
Design principles in web designDesign principles in web design
Design principles in web design
everjuana
 
Design principles in web design
Design principles in web designDesign principles in web design
Design principles in web design
ejhuskey
 
Design Principles of Web Design
Design Principles of Web DesignDesign Principles of Web Design
Design Principles of Web Design
terrillnolan2015
 
Design principles in web design
Design principles in web designDesign principles in web design
Design principles in web design
ejhuskey
 
Web design principles
Web design principlesWeb design principles
Web design principles
Lauren Maberry
 
Web design principles
Web design principlesWeb design principles
Web design principles
bbode
 
Web design principles
Web design principlesWeb design principles
Web design principles
Andrew Murphy
 
Web design principles
Web design principlesWeb design principles
Web design principles
tloewen
 
Web Design Principles
Web Design PrinciplesWeb Design Principles
Web Design Principles
tloewen
 
Web Design Principles
Web Design PrinciplesWeb Design Principles
Web Design Principles
tloewen
 

Similar to Design Principles of the Web (15)

Web design principles
Web design principlesWeb design principles
Web design principles
 
Design Principles
Design PrinciplesDesign Principles
Design Principles
 
Web Design Principles
Web Design PrinciplesWeb Design Principles
Web Design Principles
 
Webdesignprinciplesbaileybucknergomez 2
Webdesignprinciplesbaileybucknergomez 2Webdesignprinciplesbaileybucknergomez 2
Webdesignprinciplesbaileybucknergomez 2
 
Design principles in web design
Design principles in web designDesign principles in web design
Design principles in web design
 
Design principles in web design
Design principles in web designDesign principles in web design
Design principles in web design
 
Design principles in web design
Design principles in web designDesign principles in web design
Design principles in web design
 
Design Principles of Web Design
Design Principles of Web DesignDesign Principles of Web Design
Design Principles of Web Design
 
Design principles in web design
Design principles in web designDesign principles in web design
Design principles in web design
 
Web design principles
Web design principlesWeb design principles
Web design principles
 
Web design principles
Web design principlesWeb design principles
Web design principles
 
Web design principles
Web design principlesWeb design principles
Web design principles
 
Web design principles
Web design principlesWeb design principles
Web design principles
 
Web Design Principles
Web Design PrinciplesWeb Design Principles
Web Design Principles
 
Web Design Principles
Web Design PrinciplesWeb Design Principles
Web Design Principles
 

Design Principles of the Web

  • 1.
  • 2. UNITY This website achieves unity by having school colors reoccurring throughout the website making it a common theme and creating unity.
  • 3. VARIETY Website uses different forms of typography to create variety throughout the website.
  • 4. BALANCE The pictures and text offset one another creating a sense of balance in this website.
  • 5. SCALE AND PROPORTION The different sizes of the photos create an emphasis on proportion.
  • 6. RHYTHM The moving widgets create a sense of movement within the website and leads your eye to different links on the site.
  • 7. EMPHASIS This website uses the large image in the center to emphasis the main purpose of the foundation. It draws the viewer into interest.
  • 8. SIMPLICITY Twitter leaves its main page simple to allow users to log in or to encourage new users to sign up.