SlideShare a Scribd company logo
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

Republic act 9006
Republic act 9006Republic act 9006
Republic act 9006Lady Lee
 
Respondents, interpretation, recomendation, conclusion
Respondents, interpretation, recomendation, conclusionRespondents, interpretation, recomendation, conclusion
Respondents, interpretation, recomendation, conclusionLady Lee
 
Lourd de veyra
Lourd de veyraLourd de veyra
Lourd de veyraLady Lee
 
【URS partner x 交點】市集,你我的交集 - 張心 - Weekend Fever
【URS partner x 交點】市集,你我的交集 - 張心 - Weekend Fever【URS partner x 交點】市集,你我的交集 - 張心 - Weekend Fever
【URS partner x 交點】市集,你我的交集 - 張心 - Weekend Fever
Ryan Hsieh
 
交點台中Vol.19 - 焄榕 - change
交點台中Vol.19 - 焄榕 - change交點台中Vol.19 - 焄榕 - change
交點台中Vol.19 - 焄榕 - change
Ryan Hsieh
 
Powerpoint presentation
Powerpoint presentationPowerpoint presentation
Powerpoint presentationLady Lee
 

Viewers also liked (8)

Modeling101- Week 1
Modeling101- Week 1Modeling101- Week 1
Modeling101- Week 1
 
Portfolio sawasdeeidea
Portfolio sawasdeeideaPortfolio sawasdeeidea
Portfolio sawasdeeidea
 
Republic act 9006
Republic act 9006Republic act 9006
Republic act 9006
 
Respondents, interpretation, recomendation, conclusion
Respondents, interpretation, recomendation, conclusionRespondents, interpretation, recomendation, conclusion
Respondents, interpretation, recomendation, conclusion
 
Lourd de veyra
Lourd de veyraLourd de veyra
Lourd de veyra
 
【URS partner x 交點】市集,你我的交集 - 張心 - Weekend Fever
【URS partner x 交點】市集,你我的交集 - 張心 - Weekend Fever【URS partner x 交點】市集,你我的交集 - 張心 - Weekend Fever
【URS partner x 交點】市集,你我的交集 - 張心 - Weekend Fever
 
交點台中Vol.19 - 焄榕 - change
交點台中Vol.19 - 焄榕 - change交點台中Vol.19 - 焄榕 - change
交點台中Vol.19 - 焄榕 - change
 
Powerpoint presentation
Powerpoint presentationPowerpoint presentation
Powerpoint presentation
 

Similar to Design Principles of 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 Interface
Beth Case
 
Business website analysis
Business website analysisBusiness website analysis
Business website analysis
Lewis 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 Sandwich
Malena 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.pptx
APRILROSEVICENTE1
 
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.pdf
ZhuojunSun
 
Bad Design Presentation
Bad Design PresentationBad Design Presentation
Bad Design Presentationwurmies
 
Web design principles
Web design principlesWeb design principles
Web design principlesAndorn
 
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
Atlogys Technical Consulting
 

Similar to Design Principles of 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

一比一原版(Bristol毕业证书)布里斯托大学毕业证成绩单如何办理
一比一原版(Bristol毕业证书)布里斯托大学毕业证成绩单如何办理一比一原版(Bristol毕业证书)布里斯托大学毕业证成绩单如何办理
一比一原版(Bristol毕业证书)布里斯托大学毕业证成绩单如何办理
smpc3nvg
 
PORTFOLIO FABIANA VILLANI ARCHITECTURE.pdf
PORTFOLIO FABIANA VILLANI ARCHITECTURE.pdfPORTFOLIO FABIANA VILLANI ARCHITECTURE.pdf
PORTFOLIO FABIANA VILLANI ARCHITECTURE.pdf
fabianavillanib
 
Коричневый и Кремовый Деликатный Органический Копирайтер Фрилансер Марке...
Коричневый и Кремовый Деликатный Органический Копирайтер Фрилансер Марке...Коричневый и Кремовый Деликатный Органический Копирайтер Фрилансер Марке...
Коричневый и Кремовый Деликатный Органический Копирайтер Фрилансер Марке...
ameli25062005
 
PDF SubmissionDigital Marketing Institute in Noida
PDF SubmissionDigital Marketing Institute in NoidaPDF SubmissionDigital Marketing Institute in Noida
PDF SubmissionDigital Marketing Institute in Noida
PoojaSaini954651
 
Transforming Brand Perception and Boosting Profitability
Transforming Brand Perception and Boosting ProfitabilityTransforming Brand Perception and Boosting Profitability
Transforming Brand Perception and Boosting Profitability
aaryangarg12
 
一比一原版(UCB毕业证书)伯明翰大学学院毕业证成绩单如何办理
一比一原版(UCB毕业证书)伯明翰大学学院毕业证成绩单如何办理一比一原版(UCB毕业证书)伯明翰大学学院毕业证成绩单如何办理
一比一原版(UCB毕业证书)伯明翰大学学院毕业证成绩单如何办理
h7j5io0
 
一比一原版(Brunel毕业证书)布鲁内尔大学毕业证成绩单如何办理
一比一原版(Brunel毕业证书)布鲁内尔大学毕业证成绩单如何办理一比一原版(Brunel毕业证书)布鲁内尔大学毕业证成绩单如何办理
一比一原版(Brunel毕业证书)布鲁内尔大学毕业证成绩单如何办理
smpc3nvg
 
Connect Conference 2022: Passive House - Economic and Environmental Solution...
Connect Conference 2022: Passive House -  Economic and Environmental Solution...Connect Conference 2022: Passive House -  Economic and Environmental Solution...
Connect Conference 2022: Passive House - Economic and Environmental Solution...
TE Studio
 
Portfolio.pdf
Portfolio.pdfPortfolio.pdf
Portfolio.pdf
garcese
 
Top Israeli Products and Brands - Plan it israel.pdf
Top Israeli Products and Brands - Plan it israel.pdfTop Israeli Products and Brands - Plan it israel.pdf
Top Israeli Products and Brands - Plan it israel.pdf
PlanitIsrael
 
Design Thinking Design thinking Design thinking
Design Thinking Design thinking Design thinkingDesign Thinking Design thinking Design thinking
Design Thinking Design thinking Design thinking
cy0krjxt
 
Expert Accessory Dwelling Unit (ADU) Drafting Services
Expert Accessory Dwelling Unit (ADU) Drafting ServicesExpert Accessory Dwelling Unit (ADU) Drafting Services
Expert Accessory Dwelling Unit (ADU) Drafting Services
ResDraft
 
RTUYUIJKLDSADAGHBDJNKSMAL,D
RTUYUIJKLDSADAGHBDJNKSMAL,DRTUYUIJKLDSADAGHBDJNKSMAL,D
RTUYUIJKLDSADAGHBDJNKSMAL,D
cy0krjxt
 
Moldes de letra 3D Alfabeto completo esp
Moldes de letra 3D Alfabeto completo espMoldes de letra 3D Alfabeto completo esp
Moldes de letra 3D Alfabeto completo esp
Hess9
 
LORRAINE ANDREI_LEQUIGAN_HOW TO USE TRELLO
LORRAINE ANDREI_LEQUIGAN_HOW TO USE TRELLOLORRAINE ANDREI_LEQUIGAN_HOW TO USE TRELLO
LORRAINE ANDREI_LEQUIGAN_HOW TO USE TRELLO
lorraineandreiamcidl
 
Game Concept Presentation for Ukrainian Mythology Based Game With Designs
Game Concept Presentation for Ukrainian Mythology Based Game With DesignsGame Concept Presentation for Ukrainian Mythology Based Game With Designs
Game Concept Presentation for Ukrainian Mythology Based Game With Designs
184804
 
Design Thinking Design thinking Design thinking
Design Thinking Design thinking Design thinkingDesign Thinking Design thinking Design thinking
Design Thinking Design thinking Design thinking
cy0krjxt
 
一比一原版(BU毕业证书)伯恩茅斯大学毕业证成绩单如何办理
一比一原版(BU毕业证书)伯恩茅斯大学毕业证成绩单如何办理一比一原版(BU毕业证书)伯恩茅斯大学毕业证成绩单如何办理
一比一原版(BU毕业证书)伯恩茅斯大学毕业证成绩单如何办理
h7j5io0
 
一比一原版(NCL毕业证书)纽卡斯尔大学毕业证成绩单如何办理
一比一原版(NCL毕业证书)纽卡斯尔大学毕业证成绩单如何办理一比一原版(NCL毕业证书)纽卡斯尔大学毕业证成绩单如何办理
一比一原版(NCL毕业证书)纽卡斯尔大学毕业证成绩单如何办理
7sd8fier
 
Storytelling For The Web: Integrate Storytelling in your Design Process
Storytelling For The Web: Integrate Storytelling in your Design ProcessStorytelling For The Web: Integrate Storytelling in your Design Process
Storytelling For The Web: Integrate Storytelling in your Design Process
Chiara Aliotta
 

Recently uploaded (20)

一比一原版(Bristol毕业证书)布里斯托大学毕业证成绩单如何办理
一比一原版(Bristol毕业证书)布里斯托大学毕业证成绩单如何办理一比一原版(Bristol毕业证书)布里斯托大学毕业证成绩单如何办理
一比一原版(Bristol毕业证书)布里斯托大学毕业证成绩单如何办理
 
PORTFOLIO FABIANA VILLANI ARCHITECTURE.pdf
PORTFOLIO FABIANA VILLANI ARCHITECTURE.pdfPORTFOLIO FABIANA VILLANI ARCHITECTURE.pdf
PORTFOLIO FABIANA VILLANI ARCHITECTURE.pdf
 
Коричневый и Кремовый Деликатный Органический Копирайтер Фрилансер Марке...
Коричневый и Кремовый Деликатный Органический Копирайтер Фрилансер Марке...Коричневый и Кремовый Деликатный Органический Копирайтер Фрилансер Марке...
Коричневый и Кремовый Деликатный Органический Копирайтер Фрилансер Марке...
 
PDF SubmissionDigital Marketing Institute in Noida
PDF SubmissionDigital Marketing Institute in NoidaPDF SubmissionDigital Marketing Institute in Noida
PDF SubmissionDigital Marketing Institute in Noida
 
Transforming Brand Perception and Boosting Profitability
Transforming Brand Perception and Boosting ProfitabilityTransforming Brand Perception and Boosting Profitability
Transforming Brand Perception and Boosting Profitability
 
一比一原版(UCB毕业证书)伯明翰大学学院毕业证成绩单如何办理
一比一原版(UCB毕业证书)伯明翰大学学院毕业证成绩单如何办理一比一原版(UCB毕业证书)伯明翰大学学院毕业证成绩单如何办理
一比一原版(UCB毕业证书)伯明翰大学学院毕业证成绩单如何办理
 
一比一原版(Brunel毕业证书)布鲁内尔大学毕业证成绩单如何办理
一比一原版(Brunel毕业证书)布鲁内尔大学毕业证成绩单如何办理一比一原版(Brunel毕业证书)布鲁内尔大学毕业证成绩单如何办理
一比一原版(Brunel毕业证书)布鲁内尔大学毕业证成绩单如何办理
 
Connect Conference 2022: Passive House - Economic and Environmental Solution...
Connect Conference 2022: Passive House -  Economic and Environmental Solution...Connect Conference 2022: Passive House -  Economic and Environmental Solution...
Connect Conference 2022: Passive House - Economic and Environmental Solution...
 
Portfolio.pdf
Portfolio.pdfPortfolio.pdf
Portfolio.pdf
 
Top Israeli Products and Brands - Plan it israel.pdf
Top Israeli Products and Brands - Plan it israel.pdfTop Israeli Products and Brands - Plan it israel.pdf
Top Israeli Products and Brands - Plan it israel.pdf
 
Design Thinking Design thinking Design thinking
Design Thinking Design thinking Design thinkingDesign Thinking Design thinking Design thinking
Design Thinking Design thinking Design thinking
 
Expert Accessory Dwelling Unit (ADU) Drafting Services
Expert Accessory Dwelling Unit (ADU) Drafting ServicesExpert Accessory Dwelling Unit (ADU) Drafting Services
Expert Accessory Dwelling Unit (ADU) Drafting Services
 
RTUYUIJKLDSADAGHBDJNKSMAL,D
RTUYUIJKLDSADAGHBDJNKSMAL,DRTUYUIJKLDSADAGHBDJNKSMAL,D
RTUYUIJKLDSADAGHBDJNKSMAL,D
 
Moldes de letra 3D Alfabeto completo esp
Moldes de letra 3D Alfabeto completo espMoldes de letra 3D Alfabeto completo esp
Moldes de letra 3D Alfabeto completo esp
 
LORRAINE ANDREI_LEQUIGAN_HOW TO USE TRELLO
LORRAINE ANDREI_LEQUIGAN_HOW TO USE TRELLOLORRAINE ANDREI_LEQUIGAN_HOW TO USE TRELLO
LORRAINE ANDREI_LEQUIGAN_HOW TO USE TRELLO
 
Game Concept Presentation for Ukrainian Mythology Based Game With Designs
Game Concept Presentation for Ukrainian Mythology Based Game With DesignsGame Concept Presentation for Ukrainian Mythology Based Game With Designs
Game Concept Presentation for Ukrainian Mythology Based Game With Designs
 
Design Thinking Design thinking Design thinking
Design Thinking Design thinking Design thinkingDesign Thinking Design thinking Design thinking
Design Thinking Design thinking Design thinking
 
一比一原版(BU毕业证书)伯恩茅斯大学毕业证成绩单如何办理
一比一原版(BU毕业证书)伯恩茅斯大学毕业证成绩单如何办理一比一原版(BU毕业证书)伯恩茅斯大学毕业证成绩单如何办理
一比一原版(BU毕业证书)伯恩茅斯大学毕业证成绩单如何办理
 
一比一原版(NCL毕业证书)纽卡斯尔大学毕业证成绩单如何办理
一比一原版(NCL毕业证书)纽卡斯尔大学毕业证成绩单如何办理一比一原版(NCL毕业证书)纽卡斯尔大学毕业证成绩单如何办理
一比一原版(NCL毕业证书)纽卡斯尔大学毕业证成绩单如何办理
 
Storytelling For The Web: Integrate Storytelling in your Design Process
Storytelling For The Web: Integrate Storytelling in your Design ProcessStorytelling For The Web: Integrate Storytelling in your Design Process
Storytelling For The Web: Integrate Storytelling in your Design Process
 

Design Principles of 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.