SlideShare a Scribd company logo
1 of 8
Web Design Principles
Zi Ying, Wu
Sloan Dwyer
Ben Ballou
Unity
The theme is very consistent regardless of what page you are on. The colors and
fonts included are similar throughout whole design as well as the proportions of the
site.
Variety
The layout is incredibly varied, with the title of the page to the side in large font
amidst the author’s work. To the left and roughly in the center of the page is text on a
dark background. Each element of the page is different and appealing to the eye.
Balance
It is very symmetrical horizontally and vertically.
Scale and Proportion
The way the site is set up and with the different areas throughout it are very
proportional. The pictures and text decrease in size down the page in order of
importance.
Rhythm
The set up of the design makes the eye go across the page. The line of grass across
the top also adds to rhythm of the site.
Emphasis
The lay out of this site is really affective to emphasizing certain things. For example
to compose a new tweet is at the top of the page and located on the left side. The
majority of the page is focused on what your followers tweet.
Simplicity
The page is very clear and precise. It only shows what is necessary or wanted. Gets to
the point and omits information not needed.

More Related Content

What's hot

Contents page analysis
Contents page analysisContents page analysis
Contents page analysisGurjitSembi
 
Progress to Final Product
Progress to Final ProductProgress to Final Product
Progress to Final Productitsdoublem
 
School magazine
School magazineSchool magazine
School magazineblieuchloe
 
Front Cover Screenshots
Front Cover ScreenshotsFront Cover Screenshots
Front Cover Screenshotschristianwatts
 
Radiohead Website Analysis
Radiohead Website AnalysisRadiohead Website Analysis
Radiohead Website Analysislaurenbromley100
 
Smash hits linking the 3 parts of the magazine together.-
Smash hits  linking the 3 parts of the magazine together.-Smash hits  linking the 3 parts of the magazine together.-
Smash hits linking the 3 parts of the magazine together.-asmediad14
 
Summary of results for contents page survey
Summary of results for contents page surveySummary of results for contents page survey
Summary of results for contents page surveySearle9085
 
Double page analysis
Double page analysisDouble page analysis
Double page analysisshaunWhelan
 
Comparison 2
Comparison 2Comparison 2
Comparison 2AmelliaS
 
Making Contents Page
Making Contents PageMaking Contents Page
Making Contents Pagect04929306
 
Student magazine contents analysis
Student magazine contents analysis Student magazine contents analysis
Student magazine contents analysis kiranb99
 
Contents page deconstruction
Contents page deconstructionContents page deconstruction
Contents page deconstructionFreddie Kelleher
 
Website planning
Website planningWebsite planning
Website planningEliWalker15
 
Front covers
Front coversFront covers
Front coversflakey10
 

What's hot (17)

Contents page analysis
Contents page analysisContents page analysis
Contents page analysis
 
Progress to Final Product
Progress to Final ProductProgress to Final Product
Progress to Final Product
 
School magazine
School magazineSchool magazine
School magazine
 
Front Cover Screenshots
Front Cover ScreenshotsFront Cover Screenshots
Front Cover Screenshots
 
Radiohead Website Analysis
Radiohead Website AnalysisRadiohead Website Analysis
Radiohead Website Analysis
 
Smash hits linking the 3 parts of the magazine together.-
Smash hits  linking the 3 parts of the magazine together.-Smash hits  linking the 3 parts of the magazine together.-
Smash hits linking the 3 parts of the magazine together.-
 
Contents Page
Contents PageContents Page
Contents Page
 
Summary of results for contents page survey
Summary of results for contents page surveySummary of results for contents page survey
Summary of results for contents page survey
 
Double page analysis
Double page analysisDouble page analysis
Double page analysis
 
Question 7
Question 7Question 7
Question 7
 
Comparison 2
Comparison 2Comparison 2
Comparison 2
 
Making Contents Page
Making Contents PageMaking Contents Page
Making Contents Page
 
Student magazine contents analysis
Student magazine contents analysis Student magazine contents analysis
Student magazine contents analysis
 
Contents page deconstruction
Contents page deconstructionContents page deconstruction
Contents page deconstruction
 
Ff
FfFf
Ff
 
Website planning
Website planningWebsite planning
Website planning
 
Front covers
Front coversFront covers
Front covers
 

Viewers also liked

Natalia possu cortes mision y vision
Natalia possu cortes mision y visionNatalia possu cortes mision y vision
Natalia possu cortes mision y visionnataliapossu
 

Viewers also liked (6)

Natalia possu cortes mision y vision
Natalia possu cortes mision y visionNatalia possu cortes mision y vision
Natalia possu cortes mision y vision
 
Tribeca2013p1
Tribeca2013p1Tribeca2013p1
Tribeca2013p1
 
Venice2012
Venice2012Venice2012
Venice2012
 
Toronto2012
Toronto2012Toronto2012
Toronto2012
 
lenguaje java
lenguaje javalenguaje java
lenguaje java
 
Simple past (2)
Simple past (2)Simple past (2)
Simple past (2)
 

Similar to Web design principles

Northern life web deconstruction
Northern life web deconstructionNorthern life web deconstruction
Northern life web deconstructionSophie Smith
 
Final Design Portfolio
Final Design PortfolioFinal Design Portfolio
Final Design Portfoliodeawou
 
Website Inspiration Q Magazine
Website Inspiration Q MagazineWebsite Inspiration Q Magazine
Website Inspiration Q MagazineJosh Webb
 
Magazine analysis
Magazine analysisMagazine analysis
Magazine analysisAlice Bates
 
Magazine analysis
Magazine analysisMagazine analysis
Magazine analysisAlice Bates
 
C&C CONTENT PAGE
C&C CONTENT PAGEC&C CONTENT PAGE
C&C CONTENT PAGEmollybeck_
 
Webpage design design for screen
Webpage design design for screen Webpage design design for screen
Webpage design design for screen beckybbb
 
Textual analysis of ‘i do’ wedding page
Textual analysis of ‘i do’ wedding pageTextual analysis of ‘i do’ wedding page
Textual analysis of ‘i do’ wedding page_kyramai
 
Magazine analysis
Magazine analysisMagazine analysis
Magazine analysisAlice Bates
 
Main article analysis
Main article analysisMain article analysis
Main article analysisharrydonald
 
Website Inspiration Q Magazine
Website Inspiration Q MagazineWebsite Inspiration Q Magazine
Website Inspiration Q MagazineJosh Webb
 
Task 1 p1 conventions, house style,
Task 1 p1  conventions, house style,Task 1 p1  conventions, house style,
Task 1 p1 conventions, house style,pricey930
 

Similar to Web design principles (20)

Northern life web deconstruction
Northern life web deconstructionNorthern life web deconstruction
Northern life web deconstruction
 
Final Design Portfolio
Final Design PortfolioFinal Design Portfolio
Final Design Portfolio
 
Contents page analysis
Contents page analysisContents page analysis
Contents page analysis
 
Website Inspiration Q Magazine
Website Inspiration Q MagazineWebsite Inspiration Q Magazine
Website Inspiration Q Magazine
 
Contents page for blog
Contents page for blogContents page for blog
Contents page for blog
 
Double Page
Double PageDouble Page
Double Page
 
Magazine analysis
Magazine analysisMagazine analysis
Magazine analysis
 
Magazine analysis
Magazine analysisMagazine analysis
Magazine analysis
 
C&C CONTENT PAGE
C&C CONTENT PAGEC&C CONTENT PAGE
C&C CONTENT PAGE
 
Tp
TpTp
Tp
 
Webpage design design for screen
Webpage design design for screen Webpage design design for screen
Webpage design design for screen
 
Media magazine work
Media magazine workMedia magazine work
Media magazine work
 
Magazine analysis
Magazine analysisMagazine analysis
Magazine analysis
 
Textual analysis of ‘i do’ wedding page
Textual analysis of ‘i do’ wedding pageTextual analysis of ‘i do’ wedding page
Textual analysis of ‘i do’ wedding page
 
Contetns research 2
Contetns research 2Contetns research 2
Contetns research 2
 
Magazine analysis
Magazine analysisMagazine analysis
Magazine analysis
 
Main article analysis
Main article analysisMain article analysis
Main article analysis
 
Website Inspiration Q Magazine
Website Inspiration Q MagazineWebsite Inspiration Q Magazine
Website Inspiration Q Magazine
 
Music magazine research 2
Music magazine research 2Music magazine research 2
Music magazine research 2
 
Task 1 p1 conventions, house style,
Task 1 p1  conventions, house style,Task 1 p1  conventions, house style,
Task 1 p1 conventions, house style,
 

Recently uploaded

CALL ON ➥8923113531 🔝Call Girls Kalyanpur Lucknow best Female service 🧵
CALL ON ➥8923113531 🔝Call Girls Kalyanpur Lucknow best Female service  🧵CALL ON ➥8923113531 🔝Call Girls Kalyanpur Lucknow best Female service  🧵
CALL ON ➥8923113531 🔝Call Girls Kalyanpur Lucknow best Female service 🧵anilsa9823
 
Petrosains Drama Competition (PSDC).pptx
Petrosains Drama Competition (PSDC).pptxPetrosains Drama Competition (PSDC).pptx
Petrosains Drama Competition (PSDC).pptxIgnatiusAbrahamBalin
 
Dubai Call Girls Pro Domain O525547819 Call Girls Dubai Doux
Dubai Call Girls Pro Domain O525547819 Call Girls Dubai DouxDubai Call Girls Pro Domain O525547819 Call Girls Dubai Doux
Dubai Call Girls Pro Domain O525547819 Call Girls Dubai Douxkojalkojal131
 
Kala jadu for love marriage | Real amil baba | Famous amil baba | kala jadu n...
Kala jadu for love marriage | Real amil baba | Famous amil baba | kala jadu n...Kala jadu for love marriage | Real amil baba | Famous amil baba | kala jadu n...
Kala jadu for love marriage | Real amil baba | Famous amil baba | kala jadu n...babafaisel
 
SD_The MATATAG Curriculum Training Design.pptx
SD_The MATATAG Curriculum Training Design.pptxSD_The MATATAG Curriculum Training Design.pptx
SD_The MATATAG Curriculum Training Design.pptxjanettecruzeiro1
 
The history of music videos a level presentation
The history of music videos a level presentationThe history of music videos a level presentation
The history of music videos a level presentationamedia6
 
Fashion trends before and after covid.pptx
Fashion trends before and after covid.pptxFashion trends before and after covid.pptx
Fashion trends before and after covid.pptxVanshNarang19
 
VIP Call Girls Bhiwandi Ananya 8250192130 Independent Escort Service Bhiwandi
VIP Call Girls Bhiwandi Ananya 8250192130 Independent Escort Service BhiwandiVIP Call Girls Bhiwandi Ananya 8250192130 Independent Escort Service Bhiwandi
VIP Call Girls Bhiwandi Ananya 8250192130 Independent Escort Service BhiwandiSuhani Kapoor
 
Stark Industries Marketing Plan (1).pptx
Stark Industries Marketing Plan (1).pptxStark Industries Marketing Plan (1).pptx
Stark Industries Marketing Plan (1).pptxjeswinjees
 
Punjabi Housewife Call Girls Service Gomti Nagar \ 9548273370 Indian Call Gir...
Punjabi Housewife Call Girls Service Gomti Nagar \ 9548273370 Indian Call Gir...Punjabi Housewife Call Girls Service Gomti Nagar \ 9548273370 Indian Call Gir...
Punjabi Housewife Call Girls Service Gomti Nagar \ 9548273370 Indian Call Gir...nagunakhan
 
Chapter 19_DDA_TOD Policy_First Draft 2012.pdf
Chapter 19_DDA_TOD Policy_First Draft 2012.pdfChapter 19_DDA_TOD Policy_First Draft 2012.pdf
Chapter 19_DDA_TOD Policy_First Draft 2012.pdfParomita Roy
 
Call Girls in Kalkaji Delhi 8264348440 call girls ❤️
Call Girls in Kalkaji Delhi 8264348440 call girls ❤️Call Girls in Kalkaji Delhi 8264348440 call girls ❤️
Call Girls in Kalkaji Delhi 8264348440 call girls ❤️soniya singh
 
NO1 Trending kala jadu Love Marriage Black Magic Punjab Powerful Black Magic ...
NO1 Trending kala jadu Love Marriage Black Magic Punjab Powerful Black Magic ...NO1 Trending kala jadu Love Marriage Black Magic Punjab Powerful Black Magic ...
NO1 Trending kala jadu Love Marriage Black Magic Punjab Powerful Black Magic ...Amil baba
 
Peaches App development presentation deck
Peaches App development presentation deckPeaches App development presentation deck
Peaches App development presentation decktbatkhuu1
 
Design Inspiration for College by Slidesgo.pptx
Design Inspiration for College by Slidesgo.pptxDesign Inspiration for College by Slidesgo.pptx
Design Inspiration for College by Slidesgo.pptxTusharBahuguna2
 
Top Rated Pune Call Girls Saswad ⟟ 6297143586 ⟟ Call Me For Genuine Sex Serv...
Top Rated  Pune Call Girls Saswad ⟟ 6297143586 ⟟ Call Me For Genuine Sex Serv...Top Rated  Pune Call Girls Saswad ⟟ 6297143586 ⟟ Call Me For Genuine Sex Serv...
Top Rated Pune Call Girls Saswad ⟟ 6297143586 ⟟ Call Me For Genuine Sex Serv...Call Girls in Nagpur High Profile
 
CALL ON ➥8923113531 🔝Call Girls Aminabad Lucknow best Night Fun service
CALL ON ➥8923113531 🔝Call Girls Aminabad Lucknow best Night Fun serviceCALL ON ➥8923113531 🔝Call Girls Aminabad Lucknow best Night Fun service
CALL ON ➥8923113531 🔝Call Girls Aminabad Lucknow best Night Fun serviceanilsa9823
 
VIP Call Girl Amravati Aashi 8250192130 Independent Escort Service Amravati
VIP Call Girl Amravati Aashi 8250192130 Independent Escort Service AmravatiVIP Call Girl Amravati Aashi 8250192130 Independent Escort Service Amravati
VIP Call Girl Amravati Aashi 8250192130 Independent Escort Service AmravatiSuhani Kapoor
 

Recently uploaded (20)

CALL ON ➥8923113531 🔝Call Girls Kalyanpur Lucknow best Female service 🧵
CALL ON ➥8923113531 🔝Call Girls Kalyanpur Lucknow best Female service  🧵CALL ON ➥8923113531 🔝Call Girls Kalyanpur Lucknow best Female service  🧵
CALL ON ➥8923113531 🔝Call Girls Kalyanpur Lucknow best Female service 🧵
 
Petrosains Drama Competition (PSDC).pptx
Petrosains Drama Competition (PSDC).pptxPetrosains Drama Competition (PSDC).pptx
Petrosains Drama Competition (PSDC).pptx
 
Dubai Call Girls Pro Domain O525547819 Call Girls Dubai Doux
Dubai Call Girls Pro Domain O525547819 Call Girls Dubai DouxDubai Call Girls Pro Domain O525547819 Call Girls Dubai Doux
Dubai Call Girls Pro Domain O525547819 Call Girls Dubai Doux
 
Kala jadu for love marriage | Real amil baba | Famous amil baba | kala jadu n...
Kala jadu for love marriage | Real amil baba | Famous amil baba | kala jadu n...Kala jadu for love marriage | Real amil baba | Famous amil baba | kala jadu n...
Kala jadu for love marriage | Real amil baba | Famous amil baba | kala jadu n...
 
SD_The MATATAG Curriculum Training Design.pptx
SD_The MATATAG Curriculum Training Design.pptxSD_The MATATAG Curriculum Training Design.pptx
SD_The MATATAG Curriculum Training Design.pptx
 
The history of music videos a level presentation
The history of music videos a level presentationThe history of music videos a level presentation
The history of music videos a level presentation
 
young call girls in Pandav nagar 🔝 9953056974 🔝 Delhi escort Service
young call girls in Pandav nagar 🔝 9953056974 🔝 Delhi escort Serviceyoung call girls in Pandav nagar 🔝 9953056974 🔝 Delhi escort Service
young call girls in Pandav nagar 🔝 9953056974 🔝 Delhi escort Service
 
Fashion trends before and after covid.pptx
Fashion trends before and after covid.pptxFashion trends before and after covid.pptx
Fashion trends before and after covid.pptx
 
VIP Call Girls Bhiwandi Ananya 8250192130 Independent Escort Service Bhiwandi
VIP Call Girls Bhiwandi Ananya 8250192130 Independent Escort Service BhiwandiVIP Call Girls Bhiwandi Ananya 8250192130 Independent Escort Service Bhiwandi
VIP Call Girls Bhiwandi Ananya 8250192130 Independent Escort Service Bhiwandi
 
Stark Industries Marketing Plan (1).pptx
Stark Industries Marketing Plan (1).pptxStark Industries Marketing Plan (1).pptx
Stark Industries Marketing Plan (1).pptx
 
B. Smith. (Architectural Portfolio.).pdf
B. Smith. (Architectural Portfolio.).pdfB. Smith. (Architectural Portfolio.).pdf
B. Smith. (Architectural Portfolio.).pdf
 
Punjabi Housewife Call Girls Service Gomti Nagar \ 9548273370 Indian Call Gir...
Punjabi Housewife Call Girls Service Gomti Nagar \ 9548273370 Indian Call Gir...Punjabi Housewife Call Girls Service Gomti Nagar \ 9548273370 Indian Call Gir...
Punjabi Housewife Call Girls Service Gomti Nagar \ 9548273370 Indian Call Gir...
 
Chapter 19_DDA_TOD Policy_First Draft 2012.pdf
Chapter 19_DDA_TOD Policy_First Draft 2012.pdfChapter 19_DDA_TOD Policy_First Draft 2012.pdf
Chapter 19_DDA_TOD Policy_First Draft 2012.pdf
 
Call Girls in Kalkaji Delhi 8264348440 call girls ❤️
Call Girls in Kalkaji Delhi 8264348440 call girls ❤️Call Girls in Kalkaji Delhi 8264348440 call girls ❤️
Call Girls in Kalkaji Delhi 8264348440 call girls ❤️
 
NO1 Trending kala jadu Love Marriage Black Magic Punjab Powerful Black Magic ...
NO1 Trending kala jadu Love Marriage Black Magic Punjab Powerful Black Magic ...NO1 Trending kala jadu Love Marriage Black Magic Punjab Powerful Black Magic ...
NO1 Trending kala jadu Love Marriage Black Magic Punjab Powerful Black Magic ...
 
Peaches App development presentation deck
Peaches App development presentation deckPeaches App development presentation deck
Peaches App development presentation deck
 
Design Inspiration for College by Slidesgo.pptx
Design Inspiration for College by Slidesgo.pptxDesign Inspiration for College by Slidesgo.pptx
Design Inspiration for College by Slidesgo.pptx
 
Top Rated Pune Call Girls Saswad ⟟ 6297143586 ⟟ Call Me For Genuine Sex Serv...
Top Rated  Pune Call Girls Saswad ⟟ 6297143586 ⟟ Call Me For Genuine Sex Serv...Top Rated  Pune Call Girls Saswad ⟟ 6297143586 ⟟ Call Me For Genuine Sex Serv...
Top Rated Pune Call Girls Saswad ⟟ 6297143586 ⟟ Call Me For Genuine Sex Serv...
 
CALL ON ➥8923113531 🔝Call Girls Aminabad Lucknow best Night Fun service
CALL ON ➥8923113531 🔝Call Girls Aminabad Lucknow best Night Fun serviceCALL ON ➥8923113531 🔝Call Girls Aminabad Lucknow best Night Fun service
CALL ON ➥8923113531 🔝Call Girls Aminabad Lucknow best Night Fun service
 
VIP Call Girl Amravati Aashi 8250192130 Independent Escort Service Amravati
VIP Call Girl Amravati Aashi 8250192130 Independent Escort Service AmravatiVIP Call Girl Amravati Aashi 8250192130 Independent Escort Service Amravati
VIP Call Girl Amravati Aashi 8250192130 Independent Escort Service Amravati
 

Web design principles

  • 1. Web Design Principles Zi Ying, Wu Sloan Dwyer Ben Ballou
  • 2. Unity The theme is very consistent regardless of what page you are on. The colors and fonts included are similar throughout whole design as well as the proportions of the site.
  • 3. Variety The layout is incredibly varied, with the title of the page to the side in large font amidst the author’s work. To the left and roughly in the center of the page is text on a dark background. Each element of the page is different and appealing to the eye.
  • 4. Balance It is very symmetrical horizontally and vertically.
  • 5. Scale and Proportion The way the site is set up and with the different areas throughout it are very proportional. The pictures and text decrease in size down the page in order of importance.
  • 6. Rhythm The set up of the design makes the eye go across the page. The line of grass across the top also adds to rhythm of the site.
  • 7. Emphasis The lay out of this site is really affective to emphasizing certain things. For example to compose a new tweet is at the top of the page and located on the left side. The majority of the page is focused on what your followers tweet.
  • 8. Simplicity The page is very clear and precise. It only shows what is necessary or wanted. Gets to the point and omits information not needed.

Editor's Notes

  1. The theme is very consistent regardless of what page you are on. The colors and fonts included are similar throughout whole design as well as the proportions of the site.
  2. The way the site is set up and with the different areas.