SlideShare a Scribd company logo
1 of 8
Design Principles in Web Design
             By: Juana Gonzalez, Emma Huskey, and Nolan Terrill
Balance
  The Apple website displays balance because it is centered on the page
   and there is not to much information so your eyes do not realize the
difference from one half of the screen to the other making it symmetrical.
Emphasis
   The Jing website displays emphasis due to its good use of
contrast in color and most of the text is isolated to its own part
  of the page allowing the user to easily view the information
Rhythm
The Pittstate website displays rhythm with its use of the red color for the
 top of the page and implementing red throughout for major headings
  which allows the users eyes to be drawn to important information.
Scale and Proportion
The Maccosmetics website displays scale and proportion
with its homepage images being viewed at a lifelike size
    which is very appealing to cosmetic purchasers.
Simplicity
The Google website displays simplicity through its use of primary colors and
making the page have a large amount of whitespace giving the users eyes a
        break from having to search in order to find information..
Unity
     The Pearsonified website displays unity through the pages
alignment in the center and main tabs being easily found at the top
      of the page due to being similar and in good proximity.
Variety
The Apple website displays variety by having so
many elements organized in such and interesting
 way by color scheme and page organization.

More Related Content

Viewers also liked

Transferencia de archivos
Transferencia de archivosTransferencia de archivos
Transferencia de archivosalvavaldez
 
Sobre La Reforma PolíTica 270110
Sobre La Reforma PolíTica 270110Sobre La Reforma PolíTica 270110
Sobre La Reforma PolíTica 270110guest57dc6b
 
Block wise risk evalution
Block wise risk evalutionBlock wise risk evalution
Block wise risk evalutionjinu1
 
單元五:簡報背景的變更與設計
單元五:簡報背景的變更與設計單元五:簡報背景的變更與設計
單元五:簡報背景的變更與設計Edward Yi
 
Seattle Interactive Conference 2014 Brochure
Seattle Interactive Conference 2014 BrochureSeattle Interactive Conference 2014 Brochure
Seattle Interactive Conference 2014 Brochureweaveuser
 
Diş dostu panel 31 mayıs,2011
Diş dostu panel  31 mayıs,2011Diş dostu panel  31 mayıs,2011
Diş dostu panel 31 mayıs,2011Diş Dostu
 
Crédit immobilier - Les taux région par région (Empruntis.com - février 2013)
Crédit immobilier - Les taux région par région (Empruntis.com - février 2013)Crédit immobilier - Les taux région par région (Empruntis.com - février 2013)
Crédit immobilier - Les taux région par région (Empruntis.com - février 2013)Empruntis
 
Avventura ai Poli
Avventura ai PoliAvventura ai Poli
Avventura ai Polimgiu
 
Pres Web2.0
Pres Web2.0Pres Web2.0
Pres Web2.0UTPL
 
Fourier i
Fourier iFourier i
Fourier ibubud75
 
Bases quimicas de la vida
Bases quimicas de la vidaBases quimicas de la vida
Bases quimicas de la vidaKathy Aguilar
 
Ss Rpm Layouts4
Ss Rpm Layouts4Ss Rpm Layouts4
Ss Rpm Layouts4Freelance
 
El Leviatan - Thomas Hobbes
El Leviatan - Thomas HobbesEl Leviatan - Thomas Hobbes
El Leviatan - Thomas HobbesNacho Buthet
 

Viewers also liked (20)

Transferencia de archivos
Transferencia de archivosTransferencia de archivos
Transferencia de archivos
 
Sobre La Reforma PolíTica 270110
Sobre La Reforma PolíTica 270110Sobre La Reforma PolíTica 270110
Sobre La Reforma PolíTica 270110
 
Kertas kerja konda kondi
Kertas kerja konda kondiKertas kerja konda kondi
Kertas kerja konda kondi
 
Block wise risk evalution
Block wise risk evalutionBlock wise risk evalution
Block wise risk evalution
 
單元五:簡報背景的變更與設計
單元五:簡報背景的變更與設計單元五:簡報背景的變更與設計
單元五:簡報背景的變更與設計
 
Seattle Interactive Conference 2014 Brochure
Seattle Interactive Conference 2014 BrochureSeattle Interactive Conference 2014 Brochure
Seattle Interactive Conference 2014 Brochure
 
Diş dostu panel 31 mayıs,2011
Diş dostu panel  31 mayıs,2011Diş dostu panel  31 mayıs,2011
Diş dostu panel 31 mayıs,2011
 
Agenda Día Mundial de la Acuicultura (versión final)
Agenda Día Mundial de la Acuicultura (versión final)Agenda Día Mundial de la Acuicultura (versión final)
Agenda Día Mundial de la Acuicultura (versión final)
 
Presentacion 13 05-2014
Presentacion 13 05-2014Presentacion 13 05-2014
Presentacion 13 05-2014
 
2 1 56_
2 1 56_2 1 56_
2 1 56_
 
Crédit immobilier - Les taux région par région (Empruntis.com - février 2013)
Crédit immobilier - Les taux région par région (Empruntis.com - février 2013)Crédit immobilier - Les taux région par région (Empruntis.com - février 2013)
Crédit immobilier - Les taux région par région (Empruntis.com - février 2013)
 
Curso linux clase_2_2012
Curso linux clase_2_2012Curso linux clase_2_2012
Curso linux clase_2_2012
 
Avventura ai Poli
Avventura ai PoliAvventura ai Poli
Avventura ai Poli
 
კატა
კატაკატა
კატა
 
Pres Web2.0
Pres Web2.0Pres Web2.0
Pres Web2.0
 
Fourier i
Fourier iFourier i
Fourier i
 
Practica #3 bloque 3
Practica #3 bloque 3Practica #3 bloque 3
Practica #3 bloque 3
 
Bases quimicas de la vida
Bases quimicas de la vidaBases quimicas de la vida
Bases quimicas de la vida
 
Ss Rpm Layouts4
Ss Rpm Layouts4Ss Rpm Layouts4
Ss Rpm Layouts4
 
El Leviatan - Thomas Hobbes
El Leviatan - Thomas HobbesEl Leviatan - Thomas Hobbes
El Leviatan - Thomas Hobbes
 

Similar to Design principles in web design

Web design principles
Web design principlesWeb design principles
Web design principlesjwrtw_2468
 
Design and User Interface
Design and User InterfaceDesign and User Interface
Design and User InterfaceBeth Case
 
Business website analysis
Business website analysisBusiness website analysis
Business website analysisLewis Appleton
 
Web design principles leah fischer
Web design principles leah fischerWeb design principles leah fischer
Web design principles leah fischerlkfischer1
 
Web design principles leah fischer
Web design principles leah fischerWeb design principles leah fischer
Web design principles leah fischerlkfischer1
 
Design Principles of the Web
Design Principles of the WebDesign Principles of the Web
Design Principles of the Weblkfischer1
 
Iron Web Team Ham Sandwich
Iron Web Team Ham SandwichIron Web Team Ham Sandwich
Iron Web Team Ham SandwichMalena Gonzalez
 
PRINCIPLES-ELEMENTS-OF-GOOD-WEBSITE-DESIGN-USING.pptx
PRINCIPLES-ELEMENTS-OF-GOOD-WEBSITE-DESIGN-USING.pptxPRINCIPLES-ELEMENTS-OF-GOOD-WEBSITE-DESIGN-USING.pptx
PRINCIPLES-ELEMENTS-OF-GOOD-WEBSITE-DESIGN-USING.pptxAPRILROSEVICENTE1
 
Convert ch7 part3
Convert ch7 part3Convert ch7 part3
Convert ch7 part3Yu Liang
 
Task 1 Portfolio Website Analysis
Task 1 Portfolio Website AnalysisTask 1 Portfolio Website Analysis
Task 1 Portfolio Website Analysisaimsyayj
 
Sephora redesign case study.pdf
Sephora redesign case study.pdfSephora redesign case study.pdf
Sephora redesign case study.pdfZhuojunSun
 
Bad Design Presentation
Bad Design PresentationBad Design Presentation
Bad Design Presentationwurmies
 
Web design principles
Web design principlesWeb design principles
Web design principlesAndorn
 

Similar to Design principles in web design (16)

Web design principles
Web design principlesWeb design principles
Web design principles
 
Design principles
Design principlesDesign principles
Design principles
 
Design and User Interface
Design and User InterfaceDesign and User Interface
Design and User Interface
 
Business website analysis
Business website analysisBusiness website analysis
Business website analysis
 
Web design principles leah fischer
Web design principles leah fischerWeb design principles leah fischer
Web design principles leah fischer
 
Web design principles leah fischer
Web design principles leah fischerWeb design principles leah fischer
Web design principles leah fischer
 
Design Principles of the Web
Design Principles of the WebDesign Principles of the Web
Design Principles of the Web
 
Iron Web Team Ham Sandwich
Iron Web Team Ham SandwichIron Web Team Ham Sandwich
Iron Web Team Ham Sandwich
 
PRINCIPLES-ELEMENTS-OF-GOOD-WEBSITE-DESIGN-USING.pptx
PRINCIPLES-ELEMENTS-OF-GOOD-WEBSITE-DESIGN-USING.pptxPRINCIPLES-ELEMENTS-OF-GOOD-WEBSITE-DESIGN-USING.pptx
PRINCIPLES-ELEMENTS-OF-GOOD-WEBSITE-DESIGN-USING.pptx
 
Convert ch7 part3
Convert ch7 part3Convert ch7 part3
Convert ch7 part3
 
Task 1 Portfolio Website Analysis
Task 1 Portfolio Website AnalysisTask 1 Portfolio Website Analysis
Task 1 Portfolio Website Analysis
 
Resarch
ResarchResarch
Resarch
 
Sephora redesign case study.pdf
Sephora redesign case study.pdfSephora redesign case study.pdf
Sephora redesign case study.pdf
 
Bad Design Presentation
Bad Design PresentationBad Design Presentation
Bad Design Presentation
 
Web design principles
Web design principlesWeb design principles
Web design principles
 
Atlogys Tech Talk - Web 2.0 Design Guidelines
Atlogys Tech Talk - Web 2.0 Design GuidelinesAtlogys Tech Talk - Web 2.0 Design Guidelines
Atlogys Tech Talk - Web 2.0 Design Guidelines
 

Recently uploaded

This PowerPoint helps students to consider the concept of infinity.
This PowerPoint helps students to consider the concept of infinity.This PowerPoint helps students to consider the concept of infinity.
This PowerPoint helps students to consider the concept of infinity.christianmathematics
 
REMIFENTANIL: An Ultra short acting opioid.pptx
REMIFENTANIL: An Ultra short acting opioid.pptxREMIFENTANIL: An Ultra short acting opioid.pptx
REMIFENTANIL: An Ultra short acting opioid.pptxDr. Ravikiran H M Gowda
 
80 ĐỀ THI THỬ TUYỂN SINH TIẾNG ANH VÀO 10 SỞ GD – ĐT THÀNH PHỐ HỒ CHÍ MINH NĂ...
80 ĐỀ THI THỬ TUYỂN SINH TIẾNG ANH VÀO 10 SỞ GD – ĐT THÀNH PHỐ HỒ CHÍ MINH NĂ...80 ĐỀ THI THỬ TUYỂN SINH TIẾNG ANH VÀO 10 SỞ GD – ĐT THÀNH PHỐ HỒ CHÍ MINH NĂ...
80 ĐỀ THI THỬ TUYỂN SINH TIẾNG ANH VÀO 10 SỞ GD – ĐT THÀNH PHỐ HỒ CHÍ MINH NĂ...Nguyen Thanh Tu Collection
 
Micro-Scholarship, What it is, How can it help me.pdf
Micro-Scholarship, What it is, How can it help me.pdfMicro-Scholarship, What it is, How can it help me.pdf
Micro-Scholarship, What it is, How can it help me.pdfPoh-Sun Goh
 
How to Manage Global Discount in Odoo 17 POS
How to Manage Global Discount in Odoo 17 POSHow to Manage Global Discount in Odoo 17 POS
How to Manage Global Discount in Odoo 17 POSCeline George
 
Jamworks pilot and AI at Jisc (20/03/2024)
Jamworks pilot and AI at Jisc (20/03/2024)Jamworks pilot and AI at Jisc (20/03/2024)
Jamworks pilot and AI at Jisc (20/03/2024)Jisc
 
Key note speaker Neum_Admir Softic_ENG.pdf
Key note speaker Neum_Admir Softic_ENG.pdfKey note speaker Neum_Admir Softic_ENG.pdf
Key note speaker Neum_Admir Softic_ENG.pdfAdmir Softic
 
Sensory_Experience_and_Emotional_Resonance_in_Gabriel_Okaras_The_Piano_and_Th...
Sensory_Experience_and_Emotional_Resonance_in_Gabriel_Okaras_The_Piano_and_Th...Sensory_Experience_and_Emotional_Resonance_in_Gabriel_Okaras_The_Piano_and_Th...
Sensory_Experience_and_Emotional_Resonance_in_Gabriel_Okaras_The_Piano_and_Th...Pooja Bhuva
 
Wellbeing inclusion and digital dystopias.pptx
Wellbeing inclusion and digital dystopias.pptxWellbeing inclusion and digital dystopias.pptx
Wellbeing inclusion and digital dystopias.pptxJisc
 
Application orientated numerical on hev.ppt
Application orientated numerical on hev.pptApplication orientated numerical on hev.ppt
Application orientated numerical on hev.pptRamjanShidvankar
 
Unit 3 Emotional Intelligence and Spiritual Intelligence.pdf
Unit 3 Emotional Intelligence and Spiritual Intelligence.pdfUnit 3 Emotional Intelligence and Spiritual Intelligence.pdf
Unit 3 Emotional Intelligence and Spiritual Intelligence.pdfDr Vijay Vishwakarma
 
Fostering Friendships - Enhancing Social Bonds in the Classroom
Fostering Friendships - Enhancing Social Bonds  in the ClassroomFostering Friendships - Enhancing Social Bonds  in the Classroom
Fostering Friendships - Enhancing Social Bonds in the ClassroomPooky Knightsmith
 
Introduction to Nonprofit Accounting: The Basics
Introduction to Nonprofit Accounting: The BasicsIntroduction to Nonprofit Accounting: The Basics
Introduction to Nonprofit Accounting: The BasicsTechSoup
 
Towards a code of practice for AI in AT.pptx
Towards a code of practice for AI in AT.pptxTowards a code of practice for AI in AT.pptx
Towards a code of practice for AI in AT.pptxJisc
 
How to Create and Manage Wizard in Odoo 17
How to Create and Manage Wizard in Odoo 17How to Create and Manage Wizard in Odoo 17
How to Create and Manage Wizard in Odoo 17Celine George
 
Holdier Curriculum Vitae (April 2024).pdf
Holdier Curriculum Vitae (April 2024).pdfHoldier Curriculum Vitae (April 2024).pdf
Holdier Curriculum Vitae (April 2024).pdfagholdier
 
Spellings Wk 3 English CAPS CARES Please Practise
Spellings Wk 3 English CAPS CARES Please PractiseSpellings Wk 3 English CAPS CARES Please Practise
Spellings Wk 3 English CAPS CARES Please PractiseAnaAcapella
 
ICT Role in 21st Century Education & its Challenges.pptx
ICT Role in 21st Century Education & its Challenges.pptxICT Role in 21st Century Education & its Challenges.pptx
ICT Role in 21st Century Education & its Challenges.pptxAreebaZafar22
 
How to Give a Domain for a Field in Odoo 17
How to Give a Domain for a Field in Odoo 17How to Give a Domain for a Field in Odoo 17
How to Give a Domain for a Field in Odoo 17Celine George
 

Recently uploaded (20)

This PowerPoint helps students to consider the concept of infinity.
This PowerPoint helps students to consider the concept of infinity.This PowerPoint helps students to consider the concept of infinity.
This PowerPoint helps students to consider the concept of infinity.
 
REMIFENTANIL: An Ultra short acting opioid.pptx
REMIFENTANIL: An Ultra short acting opioid.pptxREMIFENTANIL: An Ultra short acting opioid.pptx
REMIFENTANIL: An Ultra short acting opioid.pptx
 
80 ĐỀ THI THỬ TUYỂN SINH TIẾNG ANH VÀO 10 SỞ GD – ĐT THÀNH PHỐ HỒ CHÍ MINH NĂ...
80 ĐỀ THI THỬ TUYỂN SINH TIẾNG ANH VÀO 10 SỞ GD – ĐT THÀNH PHỐ HỒ CHÍ MINH NĂ...80 ĐỀ THI THỬ TUYỂN SINH TIẾNG ANH VÀO 10 SỞ GD – ĐT THÀNH PHỐ HỒ CHÍ MINH NĂ...
80 ĐỀ THI THỬ TUYỂN SINH TIẾNG ANH VÀO 10 SỞ GD – ĐT THÀNH PHỐ HỒ CHÍ MINH NĂ...
 
Micro-Scholarship, What it is, How can it help me.pdf
Micro-Scholarship, What it is, How can it help me.pdfMicro-Scholarship, What it is, How can it help me.pdf
Micro-Scholarship, What it is, How can it help me.pdf
 
How to Manage Global Discount in Odoo 17 POS
How to Manage Global Discount in Odoo 17 POSHow to Manage Global Discount in Odoo 17 POS
How to Manage Global Discount in Odoo 17 POS
 
Jamworks pilot and AI at Jisc (20/03/2024)
Jamworks pilot and AI at Jisc (20/03/2024)Jamworks pilot and AI at Jisc (20/03/2024)
Jamworks pilot and AI at Jisc (20/03/2024)
 
Spatium Project Simulation student brief
Spatium Project Simulation student briefSpatium Project Simulation student brief
Spatium Project Simulation student brief
 
Key note speaker Neum_Admir Softic_ENG.pdf
Key note speaker Neum_Admir Softic_ENG.pdfKey note speaker Neum_Admir Softic_ENG.pdf
Key note speaker Neum_Admir Softic_ENG.pdf
 
Sensory_Experience_and_Emotional_Resonance_in_Gabriel_Okaras_The_Piano_and_Th...
Sensory_Experience_and_Emotional_Resonance_in_Gabriel_Okaras_The_Piano_and_Th...Sensory_Experience_and_Emotional_Resonance_in_Gabriel_Okaras_The_Piano_and_Th...
Sensory_Experience_and_Emotional_Resonance_in_Gabriel_Okaras_The_Piano_and_Th...
 
Wellbeing inclusion and digital dystopias.pptx
Wellbeing inclusion and digital dystopias.pptxWellbeing inclusion and digital dystopias.pptx
Wellbeing inclusion and digital dystopias.pptx
 
Application orientated numerical on hev.ppt
Application orientated numerical on hev.pptApplication orientated numerical on hev.ppt
Application orientated numerical on hev.ppt
 
Unit 3 Emotional Intelligence and Spiritual Intelligence.pdf
Unit 3 Emotional Intelligence and Spiritual Intelligence.pdfUnit 3 Emotional Intelligence and Spiritual Intelligence.pdf
Unit 3 Emotional Intelligence and Spiritual Intelligence.pdf
 
Fostering Friendships - Enhancing Social Bonds in the Classroom
Fostering Friendships - Enhancing Social Bonds  in the ClassroomFostering Friendships - Enhancing Social Bonds  in the Classroom
Fostering Friendships - Enhancing Social Bonds in the Classroom
 
Introduction to Nonprofit Accounting: The Basics
Introduction to Nonprofit Accounting: The BasicsIntroduction to Nonprofit Accounting: The Basics
Introduction to Nonprofit Accounting: The Basics
 
Towards a code of practice for AI in AT.pptx
Towards a code of practice for AI in AT.pptxTowards a code of practice for AI in AT.pptx
Towards a code of practice for AI in AT.pptx
 
How to Create and Manage Wizard in Odoo 17
How to Create and Manage Wizard in Odoo 17How to Create and Manage Wizard in Odoo 17
How to Create and Manage Wizard in Odoo 17
 
Holdier Curriculum Vitae (April 2024).pdf
Holdier Curriculum Vitae (April 2024).pdfHoldier Curriculum Vitae (April 2024).pdf
Holdier Curriculum Vitae (April 2024).pdf
 
Spellings Wk 3 English CAPS CARES Please Practise
Spellings Wk 3 English CAPS CARES Please PractiseSpellings Wk 3 English CAPS CARES Please Practise
Spellings Wk 3 English CAPS CARES Please Practise
 
ICT Role in 21st Century Education & its Challenges.pptx
ICT Role in 21st Century Education & its Challenges.pptxICT Role in 21st Century Education & its Challenges.pptx
ICT Role in 21st Century Education & its Challenges.pptx
 
How to Give a Domain for a Field in Odoo 17
How to Give a Domain for a Field in Odoo 17How to Give a Domain for a Field in Odoo 17
How to Give a Domain for a Field in Odoo 17
 

Design principles in web design

  • 1. Design Principles in Web Design By: Juana Gonzalez, Emma Huskey, and Nolan Terrill
  • 2. Balance The Apple website displays balance because it is centered on the page and there is not to much information so your eyes do not realize the difference from one half of the screen to the other making it symmetrical.
  • 3. Emphasis The Jing website displays emphasis due to its good use of contrast in color and most of the text is isolated to its own part of the page allowing the user to easily view the information
  • 4. Rhythm The Pittstate website displays rhythm with its use of the red color for the top of the page and implementing red throughout for major headings which allows the users eyes to be drawn to important information.
  • 5. Scale and Proportion The Maccosmetics website displays scale and proportion with its homepage images being viewed at a lifelike size which is very appealing to cosmetic purchasers.
  • 6. Simplicity The Google website displays simplicity through its use of primary colors and making the page have a large amount of whitespace giving the users eyes a break from having to search in order to find information..
  • 7. Unity The Pearsonified website displays unity through the pages alignment in the center and main tabs being easily found at the top of the page due to being similar and in good proximity.
  • 8. Variety The Apple website displays variety by having so many elements organized in such and interesting way by color scheme and page organization.