SlideShare una empresa de Scribd logo
1 de 8
Elements of Design on the Web

        Jennifer L. Katzer
        Matthew A. Heflin
          Nevin P. Jones
Google
                             Simplicity




Google shows simplicity because there is nothing on the
homepage. It is white space, a logo, and a search bar. There is a
little advertisement, but it’s tiny and almost invisible. This helps
people stay focused on their task as they search.
Mumford and Sons
                                      Emphasis




Mumford and Sons’ website represents emphasis because the center image and
text really captures the eye. The visual weight is high because it’s so busy. This
emphasis is helped by the blank blue frame on most sides.
HBO Go
                                Scale and Proportion




It has a large main banner contrasted with smaller icons at the bottom. You see the large
banner first then are attracted by the repetition of the smaller links.
Tumblr
                                        Rhythm




The white blurbs repeat all the way down the page and never end. This creates repetition
that emphasizes a rhythm that locks the viewer in and keeps them scrolling.
NBC
                                          Balance




Example of symmetrical balance with the emphasis in the center with a large, dark header
separating the upper and main lower parts of the page.
MountainDew.com
                                           Variety




There is variety in texture, size of icons, and pop-ups that engage as you mouse over each
tile.
Netflix
                                             Unity




This one shows unity by similarity, proximity, and alignment of each tile or movie cover. Each
tile is similar in shape. They are close together, evenly spaced apart, and arranged in a grid.

Más contenido relacionado

La actualidad más candente

What’s on tv cover research & analysis
What’s on tv cover research & analysisWhat’s on tv cover research & analysis
What’s on tv cover research & analysissalesian2015a2
 
Dps analysis of shout
Dps analysis of shout Dps analysis of shout
Dps analysis of shout asmediad14
 
Design Elements
Design ElementsDesign Elements
Design Elementsaerose5
 
Schlegelmann paul cse615-assignment9-4-interpretivesigndesigns
Schlegelmann paul cse615-assignment9-4-interpretivesigndesignsSchlegelmann paul cse615-assignment9-4-interpretivesigndesigns
Schlegelmann paul cse615-assignment9-4-interpretivesigndesignssequoia55
 
Schlegelmann paul cse615-assignment9-4-interpretivesigndesigns
Schlegelmann paul cse615-assignment9-4-interpretivesigndesignsSchlegelmann paul cse615-assignment9-4-interpretivesigndesigns
Schlegelmann paul cse615-assignment9-4-interpretivesigndesignssequoia55
 
Need to add to blog april 2013
Need to add to blog   april 2013Need to add to blog   april 2013
Need to add to blog april 2013oksanatorhan
 
Research – magazine double page spread
Research – magazine double page spreadResearch – magazine double page spread
Research – magazine double page spreadTwistedangel666
 
Casey O'Brien 3ptppt
Casey O'Brien 3ptpptCasey O'Brien 3ptppt
Casey O'Brien 3ptpptCasey O'Brien
 
Alfie film poster analysis
Alfie film poster analysisAlfie film poster analysis
Alfie film poster analysisStephen Cook
 

La actualidad más candente (13)

What’s on tv cover research & analysis
What’s on tv cover research & analysisWhat’s on tv cover research & analysis
What’s on tv cover research & analysis
 
Dps analysis of shout
Dps analysis of shout Dps analysis of shout
Dps analysis of shout
 
Design Elements
Design ElementsDesign Elements
Design Elements
 
Schlegelmann paul cse615-assignment9-4-interpretivesigndesigns
Schlegelmann paul cse615-assignment9-4-interpretivesigndesignsSchlegelmann paul cse615-assignment9-4-interpretivesigndesigns
Schlegelmann paul cse615-assignment9-4-interpretivesigndesigns
 
Schlegelmann paul cse615-assignment9-4-interpretivesigndesigns
Schlegelmann paul cse615-assignment9-4-interpretivesigndesignsSchlegelmann paul cse615-assignment9-4-interpretivesigndesigns
Schlegelmann paul cse615-assignment9-4-interpretivesigndesigns
 
Part 9
Part 9Part 9
Part 9
 
Need to add to blog april 2013
Need to add to blog   april 2013Need to add to blog   april 2013
Need to add to blog april 2013
 
Presentation1
Presentation1Presentation1
Presentation1
 
front cover2
front cover2front cover2
front cover2
 
Research – magazine double page spread
Research – magazine double page spreadResearch – magazine double page spread
Research – magazine double page spread
 
Casey O'Brien 3ptppt
Casey O'Brien 3ptpptCasey O'Brien 3ptppt
Casey O'Brien 3ptppt
 
6.production reflection
6.production reflection6.production reflection
6.production reflection
 
Alfie film poster analysis
Alfie film poster analysisAlfie film poster analysis
Alfie film poster analysis
 

Destacado

Herramientas web 2-0-abdy_martínez
Herramientas web 2-0-abdy_martínezHerramientas web 2-0-abdy_martínez
Herramientas web 2-0-abdy_martínezabdymartinez
 
OrgSync for Private and Boarding schools
OrgSync for Private and Boarding schoolsOrgSync for Private and Boarding schools
OrgSync for Private and Boarding schoolsOrgSync
 
Cawley presentation
Cawley presentationCawley presentation
Cawley presentationwhcawley
 
3 We’ll Work Till Jesus Comes 2 Thessalonians 3
3 We’ll Work Till Jesus Comes 2 Thessalonians 33 We’ll Work Till Jesus Comes 2 Thessalonians 3
3 We’ll Work Till Jesus Comes 2 Thessalonians 3Rick Peterson
 
Week 4 - Ideate - All ideas
Week 4 - Ideate - All ideasWeek 4 - Ideate - All ideas
Week 4 - Ideate - All ideasTWJO
 
aZakaria amlal gracious studios
aZakaria amlal   gracious studiosaZakaria amlal   gracious studios
aZakaria amlal gracious studioswebwinkelvakdag
 

Destacado (7)

Herramientas web 2-0-abdy_martínez
Herramientas web 2-0-abdy_martínezHerramientas web 2-0-abdy_martínez
Herramientas web 2-0-abdy_martínez
 
OrgSync for Private and Boarding schools
OrgSync for Private and Boarding schoolsOrgSync for Private and Boarding schools
OrgSync for Private and Boarding schools
 
Cawley presentation
Cawley presentationCawley presentation
Cawley presentation
 
3 We’ll Work Till Jesus Comes 2 Thessalonians 3
3 We’ll Work Till Jesus Comes 2 Thessalonians 33 We’ll Work Till Jesus Comes 2 Thessalonians 3
3 We’ll Work Till Jesus Comes 2 Thessalonians 3
 
16° giornata
16° giornata16° giornata
16° giornata
 
Week 4 - Ideate - All ideas
Week 4 - Ideate - All ideasWeek 4 - Ideate - All ideas
Week 4 - Ideate - All ideas
 
aZakaria amlal gracious studios
aZakaria amlal   gracious studiosaZakaria amlal   gracious studios
aZakaria amlal gracious studios
 

Último

Understanding the Difference Between Veneers, Laminated Plywood, and Flexible...
Understanding the Difference Between Veneers, Laminated Plywood, and Flexible...Understanding the Difference Between Veneers, Laminated Plywood, and Flexible...
Understanding the Difference Between Veneers, Laminated Plywood, and Flexible...greenply645
 
Leadership Development: Empowering Women Leaders
Leadership Development: Empowering Women LeadersLeadership Development: Empowering Women Leaders
Leadership Development: Empowering Women LeadersLas Vegas Leading Ladies
 
How to Maintain Healthy Life style.pptx
How to Maintain  Healthy Life style.pptxHow to Maintain  Healthy Life style.pptx
How to Maintain Healthy Life style.pptxrdishurana
 
Landscape Gardeners in Sussex and Surrey
Landscape Gardeners in Sussex and SurreyLandscape Gardeners in Sussex and Surrey
Landscape Gardeners in Sussex and SurreyAskXX.com
 
How Can A Life Coach Help You Deal With Self-Limiting Beliefs
How Can A Life Coach Help You Deal With Self-Limiting BeliefsHow Can A Life Coach Help You Deal With Self-Limiting Beliefs
How Can A Life Coach Help You Deal With Self-Limiting BeliefsExecutive Coaching Orlando
 
Horsley U3A monthly slide show June 2024.pptx
Horsley U3A monthly slide show June 2024.pptxHorsley U3A monthly slide show June 2024.pptx
Horsley U3A monthly slide show June 2024.pptxMarkBlowers2
 
Transformative Learning Experience at Sattva Yoga Academy
Transformative Learning Experience at Sattva Yoga AcademyTransformative Learning Experience at Sattva Yoga Academy
Transformative Learning Experience at Sattva Yoga AcademyMamta Mehra
 
A case study on customer satisfaction towards First cry products.
A case study on customer satisfaction towards First cry products.A case study on customer satisfaction towards First cry products.
A case study on customer satisfaction towards First cry products.mantashanaaz25
 
Exploring the Timeless Beauty of Diamond Heart Pendants
Exploring the Timeless Beauty of Diamond Heart PendantsExploring the Timeless Beauty of Diamond Heart Pendants
Exploring the Timeless Beauty of Diamond Heart PendantsCharleston Alexander
 
Nirshaa Ecommerce_Ready To Ship Products
Nirshaa Ecommerce_Ready To Ship ProductsNirshaa Ecommerce_Ready To Ship Products
Nirshaa Ecommerce_Ready To Ship Productsnirshaacom
 
Common Mistakes in Intermittent Fasting 204 and 168 - Presentation.pdf
Common Mistakes in Intermittent Fasting 204 and 168 - Presentation.pdfCommon Mistakes in Intermittent Fasting 204 and 168 - Presentation.pdf
Common Mistakes in Intermittent Fasting 204 and 168 - Presentation.pdfNada Elgazaar
 
deloitte-2024-genz-millennial-survey.pdf
deloitte-2024-genz-millennial-survey.pdfdeloitte-2024-genz-millennial-survey.pdf
deloitte-2024-genz-millennial-survey.pdfsontran31211023069
 

Último (13)

Understanding the Difference Between Veneers, Laminated Plywood, and Flexible...
Understanding the Difference Between Veneers, Laminated Plywood, and Flexible...Understanding the Difference Between Veneers, Laminated Plywood, and Flexible...
Understanding the Difference Between Veneers, Laminated Plywood, and Flexible...
 
Leadership Development: Empowering Women Leaders
Leadership Development: Empowering Women LeadersLeadership Development: Empowering Women Leaders
Leadership Development: Empowering Women Leaders
 
How to Maintain Healthy Life style.pptx
How to Maintain  Healthy Life style.pptxHow to Maintain  Healthy Life style.pptx
How to Maintain Healthy Life style.pptx
 
Landscape Gardeners in Sussex and Surrey
Landscape Gardeners in Sussex and SurreyLandscape Gardeners in Sussex and Surrey
Landscape Gardeners in Sussex and Surrey
 
How Can A Life Coach Help You Deal With Self-Limiting Beliefs
How Can A Life Coach Help You Deal With Self-Limiting BeliefsHow Can A Life Coach Help You Deal With Self-Limiting Beliefs
How Can A Life Coach Help You Deal With Self-Limiting Beliefs
 
Take Back Control: Moving Forward with Scleroderma - Gregory Cohen
Take Back Control: Moving Forward with Scleroderma - Gregory CohenTake Back Control: Moving Forward with Scleroderma - Gregory Cohen
Take Back Control: Moving Forward with Scleroderma - Gregory Cohen
 
Horsley U3A monthly slide show June 2024.pptx
Horsley U3A monthly slide show June 2024.pptxHorsley U3A monthly slide show June 2024.pptx
Horsley U3A monthly slide show June 2024.pptx
 
Transformative Learning Experience at Sattva Yoga Academy
Transformative Learning Experience at Sattva Yoga AcademyTransformative Learning Experience at Sattva Yoga Academy
Transformative Learning Experience at Sattva Yoga Academy
 
A case study on customer satisfaction towards First cry products.
A case study on customer satisfaction towards First cry products.A case study on customer satisfaction towards First cry products.
A case study on customer satisfaction towards First cry products.
 
Exploring the Timeless Beauty of Diamond Heart Pendants
Exploring the Timeless Beauty of Diamond Heart PendantsExploring the Timeless Beauty of Diamond Heart Pendants
Exploring the Timeless Beauty of Diamond Heart Pendants
 
Nirshaa Ecommerce_Ready To Ship Products
Nirshaa Ecommerce_Ready To Ship ProductsNirshaa Ecommerce_Ready To Ship Products
Nirshaa Ecommerce_Ready To Ship Products
 
Common Mistakes in Intermittent Fasting 204 and 168 - Presentation.pdf
Common Mistakes in Intermittent Fasting 204 and 168 - Presentation.pdfCommon Mistakes in Intermittent Fasting 204 and 168 - Presentation.pdf
Common Mistakes in Intermittent Fasting 204 and 168 - Presentation.pdf
 
deloitte-2024-genz-millennial-survey.pdf
deloitte-2024-genz-millennial-survey.pdfdeloitte-2024-genz-millennial-survey.pdf
deloitte-2024-genz-millennial-survey.pdf
 

Design elements presentation

  • 1. Elements of Design on the Web Jennifer L. Katzer Matthew A. Heflin Nevin P. Jones
  • 2. Google Simplicity Google shows simplicity because there is nothing on the homepage. It is white space, a logo, and a search bar. There is a little advertisement, but it’s tiny and almost invisible. This helps people stay focused on their task as they search.
  • 3. Mumford and Sons Emphasis Mumford and Sons’ website represents emphasis because the center image and text really captures the eye. The visual weight is high because it’s so busy. This emphasis is helped by the blank blue frame on most sides.
  • 4. HBO Go Scale and Proportion It has a large main banner contrasted with smaller icons at the bottom. You see the large banner first then are attracted by the repetition of the smaller links.
  • 5. Tumblr Rhythm The white blurbs repeat all the way down the page and never end. This creates repetition that emphasizes a rhythm that locks the viewer in and keeps them scrolling.
  • 6. NBC Balance Example of symmetrical balance with the emphasis in the center with a large, dark header separating the upper and main lower parts of the page.
  • 7. MountainDew.com Variety There is variety in texture, size of icons, and pop-ups that engage as you mouse over each tile.
  • 8. Netflix Unity This one shows unity by similarity, proximity, and alignment of each tile or movie cover. Each tile is similar in shape. They are close together, evenly spaced apart, and arranged in a grid.