SlideShare una empresa de Scribd logo
1 de 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.

Más contenido relacionado

Destacado

Destacado (8)

Ind eng-368-ppt
Ind eng-368-pptInd eng-368-ppt
Ind eng-368-ppt
 
Slides
SlidesSlides
Slides
 
Elektrośmieci ver1
Elektrośmieci ver1Elektrośmieci ver1
Elektrośmieci ver1
 
Articles 62612 Recurso 1
Articles 62612 Recurso 1Articles 62612 Recurso 1
Articles 62612 Recurso 1
 
White chocolate and macadamia nut brownies
White chocolate and macadamia nut browniesWhite chocolate and macadamia nut brownies
White chocolate and macadamia nut brownies
 
Fidelidade aos Gestores de Conta ou à Empresa?
Fidelidade aos Gestores de Conta ou à Empresa?Fidelidade aos Gestores de Conta ou à Empresa?
Fidelidade aos Gestores de Conta ou à Empresa?
 
St. Anthony PTG Fundraiser Flyer
St. Anthony PTG Fundraiser FlyerSt. Anthony PTG Fundraiser Flyer
St. Anthony PTG Fundraiser Flyer
 
Rodina,mezilidské vztahy
Rodina,mezilidské vztahyRodina,mezilidské vztahy
Rodina,mezilidské vztahy
 

Similar a 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 a 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
 

Último

Organizational Transformation Lead with Culture
Organizational Transformation Lead with CultureOrganizational Transformation Lead with Culture
Organizational Transformation Lead with CultureSeta Wicaksana
 
Call Girls Pune Just Call 9907093804 Top Class Call Girl Service Available
Call Girls Pune Just Call 9907093804 Top Class Call Girl Service AvailableCall Girls Pune Just Call 9907093804 Top Class Call Girl Service Available
Call Girls Pune Just Call 9907093804 Top Class Call Girl Service AvailableDipal Arora
 
Regression analysis: Simple Linear Regression Multiple Linear Regression
Regression analysis:  Simple Linear Regression Multiple Linear RegressionRegression analysis:  Simple Linear Regression Multiple Linear Regression
Regression analysis: Simple Linear Regression Multiple Linear RegressionRavindra Nath Shukla
 
HONOR Veterans Event Keynote by Michael Hawkins
HONOR Veterans Event Keynote by Michael HawkinsHONOR Veterans Event Keynote by Michael Hawkins
HONOR Veterans Event Keynote by Michael HawkinsMichael W. Hawkins
 
Call Girls Jp Nagar Just Call 👗 7737669865 👗 Top Class Call Girl Service Bang...
Call Girls Jp Nagar Just Call 👗 7737669865 👗 Top Class Call Girl Service Bang...Call Girls Jp Nagar Just Call 👗 7737669865 👗 Top Class Call Girl Service Bang...
Call Girls Jp Nagar Just Call 👗 7737669865 👗 Top Class Call Girl Service Bang...amitlee9823
 
MONA 98765-12871 CALL GIRLS IN LUDHIANA LUDHIANA CALL GIRL
MONA 98765-12871 CALL GIRLS IN LUDHIANA LUDHIANA CALL GIRLMONA 98765-12871 CALL GIRLS IN LUDHIANA LUDHIANA CALL GIRL
MONA 98765-12871 CALL GIRLS IN LUDHIANA LUDHIANA CALL GIRLSeo
 
Russian Call Girls In Gurgaon ❤️8448577510 ⊹Best Escorts Service In 24/7 Delh...
Russian Call Girls In Gurgaon ❤️8448577510 ⊹Best Escorts Service In 24/7 Delh...Russian Call Girls In Gurgaon ❤️8448577510 ⊹Best Escorts Service In 24/7 Delh...
Russian Call Girls In Gurgaon ❤️8448577510 ⊹Best Escorts Service In 24/7 Delh...lizamodels9
 
Insurers' journeys to build a mastery in the IoT usage
Insurers' journeys to build a mastery in the IoT usageInsurers' journeys to build a mastery in the IoT usage
Insurers' journeys to build a mastery in the IoT usageMatteo Carbone
 
Famous Olympic Siblings from the 21st Century
Famous Olympic Siblings from the 21st CenturyFamous Olympic Siblings from the 21st Century
Famous Olympic Siblings from the 21st Centuryrwgiffor
 
B.COM Unit – 4 ( CORPORATE SOCIAL RESPONSIBILITY ( CSR ).pptx
B.COM Unit – 4 ( CORPORATE SOCIAL RESPONSIBILITY ( CSR ).pptxB.COM Unit – 4 ( CORPORATE SOCIAL RESPONSIBILITY ( CSR ).pptx
B.COM Unit – 4 ( CORPORATE SOCIAL RESPONSIBILITY ( CSR ).pptxpriyanshujha201
 
The Coffee Bean & Tea Leaf(CBTL), Business strategy case study
The Coffee Bean & Tea Leaf(CBTL), Business strategy case studyThe Coffee Bean & Tea Leaf(CBTL), Business strategy case study
The Coffee Bean & Tea Leaf(CBTL), Business strategy case studyEthan lee
 
👉Chandigarh Call Girls 👉9878799926👉Just Call👉Chandigarh Call Girl In Chandiga...
👉Chandigarh Call Girls 👉9878799926👉Just Call👉Chandigarh Call Girl In Chandiga...👉Chandigarh Call Girls 👉9878799926👉Just Call👉Chandigarh Call Girl In Chandiga...
👉Chandigarh Call Girls 👉9878799926👉Just Call👉Chandigarh Call Girl In Chandiga...rajveerescorts2022
 
Boost the utilization of your HCL environment by reevaluating use cases and f...
Boost the utilization of your HCL environment by reevaluating use cases and f...Boost the utilization of your HCL environment by reevaluating use cases and f...
Boost the utilization of your HCL environment by reevaluating use cases and f...Roland Driesen
 
Yaroslav Rozhankivskyy: Три складові і три передумови максимальної продуктивн...
Yaroslav Rozhankivskyy: Три складові і три передумови максимальної продуктивн...Yaroslav Rozhankivskyy: Три складові і три передумови максимальної продуктивн...
Yaroslav Rozhankivskyy: Три складові і три передумови максимальної продуктивн...Lviv Startup Club
 
M.C Lodges -- Guest House in Jhang.
M.C Lodges --  Guest House in Jhang.M.C Lodges --  Guest House in Jhang.
M.C Lodges -- Guest House in Jhang.Aaiza Hassan
 
Best VIP Call Girls Noida Sector 40 Call Me: 8448380779
Best VIP Call Girls Noida Sector 40 Call Me: 8448380779Best VIP Call Girls Noida Sector 40 Call Me: 8448380779
Best VIP Call Girls Noida Sector 40 Call Me: 8448380779Delhi Call girls
 
Monte Carlo simulation : Simulation using MCSM
Monte Carlo simulation : Simulation using MCSMMonte Carlo simulation : Simulation using MCSM
Monte Carlo simulation : Simulation using MCSMRavindra Nath Shukla
 
A DAY IN THE LIFE OF A SALESMAN / WOMAN
A DAY IN THE LIFE OF A  SALESMAN / WOMANA DAY IN THE LIFE OF A  SALESMAN / WOMAN
A DAY IN THE LIFE OF A SALESMAN / WOMANIlamathiKannappan
 

Último (20)

Organizational Transformation Lead with Culture
Organizational Transformation Lead with CultureOrganizational Transformation Lead with Culture
Organizational Transformation Lead with Culture
 
Call Girls Pune Just Call 9907093804 Top Class Call Girl Service Available
Call Girls Pune Just Call 9907093804 Top Class Call Girl Service AvailableCall Girls Pune Just Call 9907093804 Top Class Call Girl Service Available
Call Girls Pune Just Call 9907093804 Top Class Call Girl Service Available
 
Regression analysis: Simple Linear Regression Multiple Linear Regression
Regression analysis:  Simple Linear Regression Multiple Linear RegressionRegression analysis:  Simple Linear Regression Multiple Linear Regression
Regression analysis: Simple Linear Regression Multiple Linear Regression
 
HONOR Veterans Event Keynote by Michael Hawkins
HONOR Veterans Event Keynote by Michael HawkinsHONOR Veterans Event Keynote by Michael Hawkins
HONOR Veterans Event Keynote by Michael Hawkins
 
Call Girls Jp Nagar Just Call 👗 7737669865 👗 Top Class Call Girl Service Bang...
Call Girls Jp Nagar Just Call 👗 7737669865 👗 Top Class Call Girl Service Bang...Call Girls Jp Nagar Just Call 👗 7737669865 👗 Top Class Call Girl Service Bang...
Call Girls Jp Nagar Just Call 👗 7737669865 👗 Top Class Call Girl Service Bang...
 
MONA 98765-12871 CALL GIRLS IN LUDHIANA LUDHIANA CALL GIRL
MONA 98765-12871 CALL GIRLS IN LUDHIANA LUDHIANA CALL GIRLMONA 98765-12871 CALL GIRLS IN LUDHIANA LUDHIANA CALL GIRL
MONA 98765-12871 CALL GIRLS IN LUDHIANA LUDHIANA CALL GIRL
 
Russian Call Girls In Gurgaon ❤️8448577510 ⊹Best Escorts Service In 24/7 Delh...
Russian Call Girls In Gurgaon ❤️8448577510 ⊹Best Escorts Service In 24/7 Delh...Russian Call Girls In Gurgaon ❤️8448577510 ⊹Best Escorts Service In 24/7 Delh...
Russian Call Girls In Gurgaon ❤️8448577510 ⊹Best Escorts Service In 24/7 Delh...
 
Insurers' journeys to build a mastery in the IoT usage
Insurers' journeys to build a mastery in the IoT usageInsurers' journeys to build a mastery in the IoT usage
Insurers' journeys to build a mastery in the IoT usage
 
Famous Olympic Siblings from the 21st Century
Famous Olympic Siblings from the 21st CenturyFamous Olympic Siblings from the 21st Century
Famous Olympic Siblings from the 21st Century
 
Mifty kit IN Salmiya (+918133066128) Abortion pills IN Salmiyah Cytotec pills
Mifty kit IN Salmiya (+918133066128) Abortion pills IN Salmiyah Cytotec pillsMifty kit IN Salmiya (+918133066128) Abortion pills IN Salmiyah Cytotec pills
Mifty kit IN Salmiya (+918133066128) Abortion pills IN Salmiyah Cytotec pills
 
B.COM Unit – 4 ( CORPORATE SOCIAL RESPONSIBILITY ( CSR ).pptx
B.COM Unit – 4 ( CORPORATE SOCIAL RESPONSIBILITY ( CSR ).pptxB.COM Unit – 4 ( CORPORATE SOCIAL RESPONSIBILITY ( CSR ).pptx
B.COM Unit – 4 ( CORPORATE SOCIAL RESPONSIBILITY ( CSR ).pptx
 
The Coffee Bean & Tea Leaf(CBTL), Business strategy case study
The Coffee Bean & Tea Leaf(CBTL), Business strategy case studyThe Coffee Bean & Tea Leaf(CBTL), Business strategy case study
The Coffee Bean & Tea Leaf(CBTL), Business strategy case study
 
👉Chandigarh Call Girls 👉9878799926👉Just Call👉Chandigarh Call Girl In Chandiga...
👉Chandigarh Call Girls 👉9878799926👉Just Call👉Chandigarh Call Girl In Chandiga...👉Chandigarh Call Girls 👉9878799926👉Just Call👉Chandigarh Call Girl In Chandiga...
👉Chandigarh Call Girls 👉9878799926👉Just Call👉Chandigarh Call Girl In Chandiga...
 
Boost the utilization of your HCL environment by reevaluating use cases and f...
Boost the utilization of your HCL environment by reevaluating use cases and f...Boost the utilization of your HCL environment by reevaluating use cases and f...
Boost the utilization of your HCL environment by reevaluating use cases and f...
 
Yaroslav Rozhankivskyy: Три складові і три передумови максимальної продуктивн...
Yaroslav Rozhankivskyy: Три складові і три передумови максимальної продуктивн...Yaroslav Rozhankivskyy: Три складові і три передумови максимальної продуктивн...
Yaroslav Rozhankivskyy: Три складові і три передумови максимальної продуктивн...
 
M.C Lodges -- Guest House in Jhang.
M.C Lodges --  Guest House in Jhang.M.C Lodges --  Guest House in Jhang.
M.C Lodges -- Guest House in Jhang.
 
Best VIP Call Girls Noida Sector 40 Call Me: 8448380779
Best VIP Call Girls Noida Sector 40 Call Me: 8448380779Best VIP Call Girls Noida Sector 40 Call Me: 8448380779
Best VIP Call Girls Noida Sector 40 Call Me: 8448380779
 
Monte Carlo simulation : Simulation using MCSM
Monte Carlo simulation : Simulation using MCSMMonte Carlo simulation : Simulation using MCSM
Monte Carlo simulation : Simulation using MCSM
 
VVVIP Call Girls In Greater Kailash ➡️ Delhi ➡️ 9999965857 🚀 No Advance 24HRS...
VVVIP Call Girls In Greater Kailash ➡️ Delhi ➡️ 9999965857 🚀 No Advance 24HRS...VVVIP Call Girls In Greater Kailash ➡️ Delhi ➡️ 9999965857 🚀 No Advance 24HRS...
VVVIP Call Girls In Greater Kailash ➡️ Delhi ➡️ 9999965857 🚀 No Advance 24HRS...
 
A DAY IN THE LIFE OF A SALESMAN / WOMAN
A DAY IN THE LIFE OF A  SALESMAN / WOMANA DAY IN THE LIFE OF A  SALESMAN / WOMAN
A DAY IN THE LIFE OF A SALESMAN / WOMAN
 

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.