SlideShare uma empresa Scribd logo
1 de 8
web design principles
briana o’neill
ryan ash
mandy reno
unity This site demonstrates the design element unity
through the alignment of the photos and text as well
as the similarity of the objects in the design.
variety
This website shows variety by
splitting different information
into different designs, to
separate and add interest to
each section.
balance
This site demonstrates symmetrical balance
through equal spacing and distribution of text
and photos.
scale & proportion
This site shows scale and
proportion by displaying their
products at zoomed in levels.
rhythm This site shows rhythm through the visualization of
movement of the icons for the buttons in a circular motion.
emphasis The site title is the emphasis for this web page, it is
emphasized through size and placement.
simplicity This site shows simplicity through the concise
amount of information on the home page.

Mais conteúdo relacionado

Destaque

la Conoscenza è un Bene Comune. il Ruolo Facilitatore del Digitale.
la Conoscenza è un Bene Comune. il Ruolo Facilitatore del Digitale.la Conoscenza è un Bene Comune. il Ruolo Facilitatore del Digitale.
la Conoscenza è un Bene Comune. il Ruolo Facilitatore del Digitale.Marco Dal Pozzo
 
Storyboard
StoryboardStoryboard
Storyboardgruni99
 
I padstoryboard
I padstoryboardI padstoryboard
I padstoryboardmooresr4
 
Nuove Possibilità di Sviluppo
Nuove Possibilità di SviluppoNuove Possibilità di Sviluppo
Nuove Possibilità di SviluppoMarco Basile
 
Character Sketch Essay
Character Sketch EssayCharacter Sketch Essay
Character Sketch EssayGayla Keesee
 
Il Coaching Creativo. Tecniche per la crescita, l'innovazione e il cambiament...
Il Coaching Creativo. Tecniche per la crescita, l'innovazione e il cambiament...Il Coaching Creativo. Tecniche per la crescita, l'innovazione e il cambiament...
Il Coaching Creativo. Tecniche per la crescita, l'innovazione e il cambiament...Massimo Del Monte
 
Condividere obiettivi e prendere decisioni con Lego Serious Play
Condividere obiettivi e prendere decisioni con Lego Serious PlayCondividere obiettivi e prendere decisioni con Lego Serious Play
Condividere obiettivi e prendere decisioni con Lego Serious Playextrategy
 
3 TECNICHE DI COACHING CREATIVO
3 TECNICHE DI COACHING CREATIVO 3 TECNICHE DI COACHING CREATIVO
3 TECNICHE DI COACHING CREATIVO Massimo Del Monte
 
Visual Design vs. Creatività
Visual Design vs. CreativitàVisual Design vs. Creatività
Visual Design vs. CreativitàNicolò Volpato
 

Destaque (13)

SketchNoting
SketchNotingSketchNoting
SketchNoting
 
la Conoscenza è un Bene Comune. il Ruolo Facilitatore del Digitale.
la Conoscenza è un Bene Comune. il Ruolo Facilitatore del Digitale.la Conoscenza è un Bene Comune. il Ruolo Facilitatore del Digitale.
la Conoscenza è un Bene Comune. il Ruolo Facilitatore del Digitale.
 
Storyboard
StoryboardStoryboard
Storyboard
 
I padstoryboard
I padstoryboardI padstoryboard
I padstoryboard
 
Nuove Possibilità di Sviluppo
Nuove Possibilità di SviluppoNuove Possibilità di Sviluppo
Nuove Possibilità di Sviluppo
 
Facilitatore
Facilitatore Facilitatore
Facilitatore
 
Character Sketch Essay
Character Sketch EssayCharacter Sketch Essay
Character Sketch Essay
 
Visual brainstorming
Visual brainstormingVisual brainstorming
Visual brainstorming
 
La ruota della vita
La ruota della vitaLa ruota della vita
La ruota della vita
 
Il Coaching Creativo. Tecniche per la crescita, l'innovazione e il cambiament...
Il Coaching Creativo. Tecniche per la crescita, l'innovazione e il cambiament...Il Coaching Creativo. Tecniche per la crescita, l'innovazione e il cambiament...
Il Coaching Creativo. Tecniche per la crescita, l'innovazione e il cambiament...
 
Condividere obiettivi e prendere decisioni con Lego Serious Play
Condividere obiettivi e prendere decisioni con Lego Serious PlayCondividere obiettivi e prendere decisioni con Lego Serious Play
Condividere obiettivi e prendere decisioni con Lego Serious Play
 
3 TECNICHE DI COACHING CREATIVO
3 TECNICHE DI COACHING CREATIVO 3 TECNICHE DI COACHING CREATIVO
3 TECNICHE DI COACHING CREATIVO
 
Visual Design vs. Creatività
Visual Design vs. CreativitàVisual Design vs. Creatività
Visual Design vs. Creatività
 

Semelhante a Web design principles (2)

Webdesignprinciplesbaileybucknergomez 2
Webdesignprinciplesbaileybucknergomez 2Webdesignprinciplesbaileybucknergomez 2
Webdesignprinciplesbaileybucknergomez 2Steven_G1563
 
Websites Using Design Principles
Websites Using Design PrinciplesWebsites Using Design Principles
Websites Using Design Principlessoper1515
 
Examples of Web Design Principles
Examples of Web Design PrinciplesExamples of Web Design Principles
Examples of Web Design Principlescjbqulix
 
Web design priciples
Web design priciplesWeb design priciples
Web design priciplesmwindisch
 
Web design priciples
Web design priciplesWeb design priciples
Web design priciplesKaoriSawa
 
Basic principles of grapics and layout
Basic principles of grapics and layoutBasic principles of grapics and layout
Basic principles of grapics and layoutGeovelSarmiento
 
Web Design Principles
Web Design PrinciplesWeb Design Principles
Web Design PrinciplesAndres Vargas
 
Web Design Principles
Web Design PrinciplesWeb Design Principles
Web Design Principlesballoub
 
FinancialViz Makeover: Putting comparisons side-by-side
FinancialViz Makeover: Putting comparisons side-by-sideFinancialViz Makeover: Putting comparisons side-by-side
FinancialViz Makeover: Putting comparisons side-by-sideDave Paradi
 
Web design principles
Web design principlesWeb design principles
Web design principleswravenstein
 

Semelhante a Web design principles (2) (13)

Webdesignprinciplesbaileybucknergomez 2
Webdesignprinciplesbaileybucknergomez 2Webdesignprinciplesbaileybucknergomez 2
Webdesignprinciplesbaileybucknergomez 2
 
Websites Using Design Principles
Websites Using Design PrinciplesWebsites Using Design Principles
Websites Using Design Principles
 
Examples of Web Design Principles
Examples of Web Design PrinciplesExamples of Web Design Principles
Examples of Web Design Principles
 
Web design priciples
Web design priciplesWeb design priciples
Web design priciples
 
Web design priciples
Web design priciplesWeb design priciples
Web design priciples
 
Basic principles of grapics and layout
Basic principles of grapics and layoutBasic principles of grapics and layout
Basic principles of grapics and layout
 
Web Design Principles
Web Design PrinciplesWeb Design Principles
Web Design Principles
 
Design principles
Design principlesDesign principles
Design principles
 
Web Design Principles
Web Design PrinciplesWeb Design Principles
Web Design Principles
 
FinancialViz Makeover: Putting comparisons side-by-side
FinancialViz Makeover: Putting comparisons side-by-sideFinancialViz Makeover: Putting comparisons side-by-side
FinancialViz Makeover: Putting comparisons side-by-side
 
Aet week2 exploration
Aet week2 explorationAet week2 exploration
Aet week2 exploration
 
Web design principles
Web design principlesWeb design principles
Web design principles
 
Design Principles
Design PrinciplesDesign Principles
Design Principles
 

Último

Top 10 Modern Web Design Trends for 2025
Top 10 Modern Web Design Trends for 2025Top 10 Modern Web Design Trends for 2025
Top 10 Modern Web Design Trends for 2025Rndexperts
 
1比1办理美国北卡罗莱纳州立大学毕业证成绩单pdf电子版制作修改
1比1办理美国北卡罗莱纳州立大学毕业证成绩单pdf电子版制作修改1比1办理美国北卡罗莱纳州立大学毕业证成绩单pdf电子版制作修改
1比1办理美国北卡罗莱纳州立大学毕业证成绩单pdf电子版制作修改yuu sss
 
Business research proposal mcdo.pptxBusiness research proposal mcdo.pptxBusin...
Business research proposal mcdo.pptxBusiness research proposal mcdo.pptxBusin...Business research proposal mcdo.pptxBusiness research proposal mcdo.pptxBusin...
Business research proposal mcdo.pptxBusiness research proposal mcdo.pptxBusin...mrchrns005
 
办理学位证(TheAuckland证书)新西兰奥克兰大学毕业证成绩单原版一比一
办理学位证(TheAuckland证书)新西兰奥克兰大学毕业证成绩单原版一比一办理学位证(TheAuckland证书)新西兰奥克兰大学毕业证成绩单原版一比一
办理学位证(TheAuckland证书)新西兰奥克兰大学毕业证成绩单原版一比一Fi L
 
8377877756 Full Enjoy @24/7 Call Girls in Nirman Vihar Delhi NCR
8377877756 Full Enjoy @24/7 Call Girls in Nirman Vihar Delhi NCR8377877756 Full Enjoy @24/7 Call Girls in Nirman Vihar Delhi NCR
8377877756 Full Enjoy @24/7 Call Girls in Nirman Vihar Delhi NCRdollysharma2066
 
在线办理ohio毕业证俄亥俄大学毕业证成绩单留信学历认证
在线办理ohio毕业证俄亥俄大学毕业证成绩单留信学历认证在线办理ohio毕业证俄亥俄大学毕业证成绩单留信学历认证
在线办理ohio毕业证俄亥俄大学毕业证成绩单留信学历认证nhjeo1gg
 
306MTAMount UCLA University Bachelor's Diploma in Social Media
306MTAMount UCLA University Bachelor's Diploma in Social Media306MTAMount UCLA University Bachelor's Diploma in Social Media
306MTAMount UCLA University Bachelor's Diploma in Social MediaD SSS
 
(办理学位证)约克圣约翰大学毕业证,KCL成绩单原版一比一
(办理学位证)约克圣约翰大学毕业证,KCL成绩单原版一比一(办理学位证)约克圣约翰大学毕业证,KCL成绩单原版一比一
(办理学位证)约克圣约翰大学毕业证,KCL成绩单原版一比一D SSS
 
Pharmaceutical Packaging for the elderly.pdf
Pharmaceutical Packaging for the elderly.pdfPharmaceutical Packaging for the elderly.pdf
Pharmaceutical Packaging for the elderly.pdfAayushChavan5
 
毕业文凭制作#回国入职#diploma#degree澳洲弗林德斯大学毕业证成绩单pdf电子版制作修改#毕业文凭制作#回国入职#diploma#degree
毕业文凭制作#回国入职#diploma#degree澳洲弗林德斯大学毕业证成绩单pdf电子版制作修改#毕业文凭制作#回国入职#diploma#degree 毕业文凭制作#回国入职#diploma#degree澳洲弗林德斯大学毕业证成绩单pdf电子版制作修改#毕业文凭制作#回国入职#diploma#degree
毕业文凭制作#回国入职#diploma#degree澳洲弗林德斯大学毕业证成绩单pdf电子版制作修改#毕业文凭制作#回国入职#diploma#degree ttt fff
 
'CASE STUDY OF INDIRA PARYAVARAN BHAVAN DELHI ,
'CASE STUDY OF INDIRA PARYAVARAN BHAVAN DELHI ,'CASE STUDY OF INDIRA PARYAVARAN BHAVAN DELHI ,
'CASE STUDY OF INDIRA PARYAVARAN BHAVAN DELHI ,Aginakm1
 
昆士兰大学毕业证(UQ毕业证)#文凭成绩单#真实留信学历认证永久存档
昆士兰大学毕业证(UQ毕业证)#文凭成绩单#真实留信学历认证永久存档昆士兰大学毕业证(UQ毕业证)#文凭成绩单#真实留信学历认证永久存档
昆士兰大学毕业证(UQ毕业证)#文凭成绩单#真实留信学历认证永久存档208367051
 
西北大学毕业证学位证成绩单-怎么样办伪造
西北大学毕业证学位证成绩单-怎么样办伪造西北大学毕业证学位证成绩单-怎么样办伪造
西北大学毕业证学位证成绩单-怎么样办伪造kbdhl05e
 
Iconic Global Solution - web design, Digital Marketing services
Iconic Global Solution - web design, Digital Marketing servicesIconic Global Solution - web design, Digital Marketing services
Iconic Global Solution - web design, Digital Marketing servicesIconic global solution
 
group_15_empirya_p1projectIndustrial.pdf
group_15_empirya_p1projectIndustrial.pdfgroup_15_empirya_p1projectIndustrial.pdf
group_15_empirya_p1projectIndustrial.pdfneelspinoy
 
DAKSHIN BIHAR GRAMIN BANK: REDEFINING THE DIGITAL BANKING EXPERIENCE WITH A U...
DAKSHIN BIHAR GRAMIN BANK: REDEFINING THE DIGITAL BANKING EXPERIENCE WITH A U...DAKSHIN BIHAR GRAMIN BANK: REDEFINING THE DIGITAL BANKING EXPERIENCE WITH A U...
DAKSHIN BIHAR GRAMIN BANK: REDEFINING THE DIGITAL BANKING EXPERIENCE WITH A U...Rishabh Aryan
 
原版美国亚利桑那州立大学毕业证成绩单pdf电子版制作修改#毕业文凭制作#回国入职#diploma#degree
原版美国亚利桑那州立大学毕业证成绩单pdf电子版制作修改#毕业文凭制作#回国入职#diploma#degree原版美国亚利桑那州立大学毕业证成绩单pdf电子版制作修改#毕业文凭制作#回国入职#diploma#degree
原版美国亚利桑那州立大学毕业证成绩单pdf电子版制作修改#毕业文凭制作#回国入职#diploma#degreeyuu sss
 
原版1:1定制堪培拉大学毕业证(UC毕业证)#文凭成绩单#真实留信学历认证永久存档
原版1:1定制堪培拉大学毕业证(UC毕业证)#文凭成绩单#真实留信学历认证永久存档原版1:1定制堪培拉大学毕业证(UC毕业证)#文凭成绩单#真实留信学历认证永久存档
原版1:1定制堪培拉大学毕业证(UC毕业证)#文凭成绩单#真实留信学历认证永久存档208367051
 
ARt app | UX Case Study
ARt app | UX Case StudyARt app | UX Case Study
ARt app | UX Case StudySophia Viganò
 
Passbook project document_april_21__.pdf
Passbook project document_april_21__.pdfPassbook project document_april_21__.pdf
Passbook project document_april_21__.pdfvaibhavkanaujia
 

Último (20)

Top 10 Modern Web Design Trends for 2025
Top 10 Modern Web Design Trends for 2025Top 10 Modern Web Design Trends for 2025
Top 10 Modern Web Design Trends for 2025
 
1比1办理美国北卡罗莱纳州立大学毕业证成绩单pdf电子版制作修改
1比1办理美国北卡罗莱纳州立大学毕业证成绩单pdf电子版制作修改1比1办理美国北卡罗莱纳州立大学毕业证成绩单pdf电子版制作修改
1比1办理美国北卡罗莱纳州立大学毕业证成绩单pdf电子版制作修改
 
Business research proposal mcdo.pptxBusiness research proposal mcdo.pptxBusin...
Business research proposal mcdo.pptxBusiness research proposal mcdo.pptxBusin...Business research proposal mcdo.pptxBusiness research proposal mcdo.pptxBusin...
Business research proposal mcdo.pptxBusiness research proposal mcdo.pptxBusin...
 
办理学位证(TheAuckland证书)新西兰奥克兰大学毕业证成绩单原版一比一
办理学位证(TheAuckland证书)新西兰奥克兰大学毕业证成绩单原版一比一办理学位证(TheAuckland证书)新西兰奥克兰大学毕业证成绩单原版一比一
办理学位证(TheAuckland证书)新西兰奥克兰大学毕业证成绩单原版一比一
 
8377877756 Full Enjoy @24/7 Call Girls in Nirman Vihar Delhi NCR
8377877756 Full Enjoy @24/7 Call Girls in Nirman Vihar Delhi NCR8377877756 Full Enjoy @24/7 Call Girls in Nirman Vihar Delhi NCR
8377877756 Full Enjoy @24/7 Call Girls in Nirman Vihar Delhi NCR
 
在线办理ohio毕业证俄亥俄大学毕业证成绩单留信学历认证
在线办理ohio毕业证俄亥俄大学毕业证成绩单留信学历认证在线办理ohio毕业证俄亥俄大学毕业证成绩单留信学历认证
在线办理ohio毕业证俄亥俄大学毕业证成绩单留信学历认证
 
306MTAMount UCLA University Bachelor's Diploma in Social Media
306MTAMount UCLA University Bachelor's Diploma in Social Media306MTAMount UCLA University Bachelor's Diploma in Social Media
306MTAMount UCLA University Bachelor's Diploma in Social Media
 
(办理学位证)约克圣约翰大学毕业证,KCL成绩单原版一比一
(办理学位证)约克圣约翰大学毕业证,KCL成绩单原版一比一(办理学位证)约克圣约翰大学毕业证,KCL成绩单原版一比一
(办理学位证)约克圣约翰大学毕业证,KCL成绩单原版一比一
 
Pharmaceutical Packaging for the elderly.pdf
Pharmaceutical Packaging for the elderly.pdfPharmaceutical Packaging for the elderly.pdf
Pharmaceutical Packaging for the elderly.pdf
 
毕业文凭制作#回国入职#diploma#degree澳洲弗林德斯大学毕业证成绩单pdf电子版制作修改#毕业文凭制作#回国入职#diploma#degree
毕业文凭制作#回国入职#diploma#degree澳洲弗林德斯大学毕业证成绩单pdf电子版制作修改#毕业文凭制作#回国入职#diploma#degree 毕业文凭制作#回国入职#diploma#degree澳洲弗林德斯大学毕业证成绩单pdf电子版制作修改#毕业文凭制作#回国入职#diploma#degree
毕业文凭制作#回国入职#diploma#degree澳洲弗林德斯大学毕业证成绩单pdf电子版制作修改#毕业文凭制作#回国入职#diploma#degree
 
'CASE STUDY OF INDIRA PARYAVARAN BHAVAN DELHI ,
'CASE STUDY OF INDIRA PARYAVARAN BHAVAN DELHI ,'CASE STUDY OF INDIRA PARYAVARAN BHAVAN DELHI ,
'CASE STUDY OF INDIRA PARYAVARAN BHAVAN DELHI ,
 
昆士兰大学毕业证(UQ毕业证)#文凭成绩单#真实留信学历认证永久存档
昆士兰大学毕业证(UQ毕业证)#文凭成绩单#真实留信学历认证永久存档昆士兰大学毕业证(UQ毕业证)#文凭成绩单#真实留信学历认证永久存档
昆士兰大学毕业证(UQ毕业证)#文凭成绩单#真实留信学历认证永久存档
 
西北大学毕业证学位证成绩单-怎么样办伪造
西北大学毕业证学位证成绩单-怎么样办伪造西北大学毕业证学位证成绩单-怎么样办伪造
西北大学毕业证学位证成绩单-怎么样办伪造
 
Iconic Global Solution - web design, Digital Marketing services
Iconic Global Solution - web design, Digital Marketing servicesIconic Global Solution - web design, Digital Marketing services
Iconic Global Solution - web design, Digital Marketing services
 
group_15_empirya_p1projectIndustrial.pdf
group_15_empirya_p1projectIndustrial.pdfgroup_15_empirya_p1projectIndustrial.pdf
group_15_empirya_p1projectIndustrial.pdf
 
DAKSHIN BIHAR GRAMIN BANK: REDEFINING THE DIGITAL BANKING EXPERIENCE WITH A U...
DAKSHIN BIHAR GRAMIN BANK: REDEFINING THE DIGITAL BANKING EXPERIENCE WITH A U...DAKSHIN BIHAR GRAMIN BANK: REDEFINING THE DIGITAL BANKING EXPERIENCE WITH A U...
DAKSHIN BIHAR GRAMIN BANK: REDEFINING THE DIGITAL BANKING EXPERIENCE WITH A U...
 
原版美国亚利桑那州立大学毕业证成绩单pdf电子版制作修改#毕业文凭制作#回国入职#diploma#degree
原版美国亚利桑那州立大学毕业证成绩单pdf电子版制作修改#毕业文凭制作#回国入职#diploma#degree原版美国亚利桑那州立大学毕业证成绩单pdf电子版制作修改#毕业文凭制作#回国入职#diploma#degree
原版美国亚利桑那州立大学毕业证成绩单pdf电子版制作修改#毕业文凭制作#回国入职#diploma#degree
 
原版1:1定制堪培拉大学毕业证(UC毕业证)#文凭成绩单#真实留信学历认证永久存档
原版1:1定制堪培拉大学毕业证(UC毕业证)#文凭成绩单#真实留信学历认证永久存档原版1:1定制堪培拉大学毕业证(UC毕业证)#文凭成绩单#真实留信学历认证永久存档
原版1:1定制堪培拉大学毕业证(UC毕业证)#文凭成绩单#真实留信学历认证永久存档
 
ARt app | UX Case Study
ARt app | UX Case StudyARt app | UX Case Study
ARt app | UX Case Study
 
Passbook project document_april_21__.pdf
Passbook project document_april_21__.pdfPassbook project document_april_21__.pdf
Passbook project document_april_21__.pdf
 

Web design principles (2)

  • 1. web design principles briana o’neill ryan ash mandy reno
  • 2. unity This site demonstrates the design element unity through the alignment of the photos and text as well as the similarity of the objects in the design.
  • 3. variety This website shows variety by splitting different information into different designs, to separate and add interest to each section.
  • 4. balance This site demonstrates symmetrical balance through equal spacing and distribution of text and photos.
  • 5. scale & proportion This site shows scale and proportion by displaying their products at zoomed in levels.
  • 6. rhythm This site shows rhythm through the visualization of movement of the icons for the buttons in a circular motion.
  • 7. emphasis The site title is the emphasis for this web page, it is emphasized through size and placement.
  • 8. simplicity This site shows simplicity through the concise amount of information on the home page.