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

PPTX
Web Design Principles
PPTX
Changes
DOCX
Magazine Inner Pages Research 1
PPTX
Lesson 1_Website production 1_Research
PPTX
Presentation1
PPTX
Analysis of titles
PPT
Contents Page Analysis
PPTX
Regional magazine contents analysis
Web Design Principles
Changes
Magazine Inner Pages Research 1
Lesson 1_Website production 1_Research
Presentation1
Analysis of titles
Contents Page Analysis
Regional magazine contents analysis

What's hot (17)

PPTX
Contents page analysis
PPT
Progress to Final Product
PPTX
School magazine
PPTX
Front Cover Screenshots
PPTX
Radiohead Website Analysis
ODP
Smash hits linking the 3 parts of the magazine together.-
PPT
Contents Page
DOCX
Summary of results for contents page survey
DOCX
Double page analysis
PPTX
Question 7
PPTX
Comparison 2
PPTX
Making Contents Page
DOCX
Student magazine contents analysis
PPTX
Contents page deconstruction
PPTX
PPTX
Website planning
PPT
Front covers
Contents page analysis
Progress to Final Product
School magazine
Front Cover Screenshots
Radiohead Website Analysis
Smash hits linking the 3 parts of the magazine together.-
Contents Page
Summary of results for contents page survey
Double page analysis
Question 7
Comparison 2
Making Contents Page
Student magazine contents analysis
Contents page deconstruction
Website planning
Front covers
Ad

Viewers also liked (20)

DOCX
Tools4ever identity & access management product brochure
PDF
Michael Durante Western Reserve Q109 update letter
PPTX
Tutorial 2
PPTX
스펙 없이 대기업 들어가기
PDF
NSU-folder Print version
PDF
Reputation Advocate - The Value of Reviews
DOC
Kertas kerja teknik menjwb soalan prosa 1
PPTX
Chapter 16
PPTX
Ospiti del Master in comunicazione delle scienze
PPTX
Approach to Young, High Risk AML patients with Limited Resources
PPTX
Unidad 8 tema 2 act de aprendizaje 1_kenia hernandez flores
PDF
Michael Durante Western Reserve Blackwall Partners 1Q12
PPTX
unity in diversity
DOC
Ranjan updated Resume
DOCX
Trabajo de carlos salazar
PDF
Dec 1500 2007
PPT
Spartak dermendjiev-2014-1
PDF
каталог авторских программ е.виль вильямс и и. чуланова 2014
PDF
Presentazione Gruppo Informatica Solidale Firenze - Febbraio 2014
PPTX
How to lose weight fast
Tools4ever identity & access management product brochure
Michael Durante Western Reserve Q109 update letter
Tutorial 2
스펙 없이 대기업 들어가기
NSU-folder Print version
Reputation Advocate - The Value of Reviews
Kertas kerja teknik menjwb soalan prosa 1
Chapter 16
Ospiti del Master in comunicazione delle scienze
Approach to Young, High Risk AML patients with Limited Resources
Unidad 8 tema 2 act de aprendizaje 1_kenia hernandez flores
Michael Durante Western Reserve Blackwall Partners 1Q12
unity in diversity
Ranjan updated Resume
Trabajo de carlos salazar
Dec 1500 2007
Spartak dermendjiev-2014-1
каталог авторских программ е.виль вильямс и и. чуланова 2014
Presentazione Gruppo Informatica Solidale Firenze - Febbraio 2014
How to lose weight fast
Ad

Similar to Web Design Principles (20)

PPTX
Northern life web deconstruction
PPTX
Final Design Portfolio
DOCX
Contents page analysis
PPTX
Website Inspiration Q Magazine
PPTX
Contents page for blog
DOCX
Double Page
PPTX
Magazine analysis
PPTX
Magazine analysis
PPTX
C&C CONTENT PAGE
PPTX
PPTX
Webpage design design for screen
PPTX
Media magazine work
PPTX
Magazine analysis
PPTX
Textual analysis of ‘i do’ wedding page
DOCX
Contetns research 2
PPTX
Magazine analysis
PPTX
Main article analysis
PPTX
Website Inspiration Q Magazine
DOCX
Music magazine research 2
PPT
Task 1 p1 conventions, house style,
Northern life web deconstruction
Final Design Portfolio
Contents page analysis
Website Inspiration Q Magazine
Contents page for blog
Double Page
Magazine analysis
Magazine analysis
C&C CONTENT PAGE
Webpage design design for screen
Media magazine work
Magazine analysis
Textual analysis of ‘i do’ wedding page
Contetns research 2
Magazine analysis
Main article analysis
Website Inspiration Q Magazine
Music magazine research 2
Task 1 p1 conventions, house style,

Recently uploaded (20)

PPTX
8086.pptx microprocessor and microcontroller
PDF
321 LIBRARY DESIGN.pdf43354445t6556t5656
PPTX
SOBALAJE WORK.pptxe4544556y8878998yy6555y5
PPT
Unit I Preparatory process of dyeing in textiles
PPTX
22CDH01-V3-UNIT III-UX-UI for Immersive Design
PPT
aksharma-dfs.pptgfgfgdfgdgdfgdfgdgdrgdgdgdgdgdgadgdgd
PDF
Architecture Design Portfolio- VICTOR OKUTU
PDF
SOUND-NOTE-ARCHITECT-MOHIUDDIN AKHAND SMUCT
PPTX
Necrosgwjskdnbsjdmdndmkdndndnmdndndkdmdndkdkndmdmis.pptx
PPTX
Introduction to Building Information Modeling
PPTX
Project_Presentation Bitcoin Price Prediction
PDF
The Complete Guide to Buying Verified Stripe Accounts 2025.pdf
PPTX
UNIT III - GRAPHICS AND AUDIO FOR MOBILE
PPTX
WHY UPLOADING IS IMPORTANT TO DOWNLOAD SLIDES.pptx
PPTX
URBAN FINANCEnhynhynnnytnynnnynynyynynynyn
PPT
robotS AND ROBOTICSOF HUMANS AND MACHINES
PPTX
22CDO02-IMGD-UNIT-I-MOBILE GAME DESIGN PROCESS
PPTX
Bitcoin predictor project presentation
PDF
Govind singh Corporate office interior Portfolio
PDF
Timeless Interiors by PEE VEE INTERIORS
8086.pptx microprocessor and microcontroller
321 LIBRARY DESIGN.pdf43354445t6556t5656
SOBALAJE WORK.pptxe4544556y8878998yy6555y5
Unit I Preparatory process of dyeing in textiles
22CDH01-V3-UNIT III-UX-UI for Immersive Design
aksharma-dfs.pptgfgfgdfgdgdfgdfgdgdrgdgdgdgdgdgadgdgd
Architecture Design Portfolio- VICTOR OKUTU
SOUND-NOTE-ARCHITECT-MOHIUDDIN AKHAND SMUCT
Necrosgwjskdnbsjdmdndmkdndndnmdndndkdmdndkdkndmdmis.pptx
Introduction to Building Information Modeling
Project_Presentation Bitcoin Price Prediction
The Complete Guide to Buying Verified Stripe Accounts 2025.pdf
UNIT III - GRAPHICS AND AUDIO FOR MOBILE
WHY UPLOADING IS IMPORTANT TO DOWNLOAD SLIDES.pptx
URBAN FINANCEnhynhynnnytnynnnynynyynynynyn
robotS AND ROBOTICSOF HUMANS AND MACHINES
22CDO02-IMGD-UNIT-I-MOBILE GAME DESIGN PROCESS
Bitcoin predictor project presentation
Govind singh Corporate office interior Portfolio
Timeless Interiors by PEE VEE INTERIORS

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

  • #3: 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.
  • #6: The way the site is set up and with the different areas.