SlideShare a Scribd company logo
IMD09117 and IMD09118  Web Design and Development Unit 5 Layout principles
Basic design principles  Version A Unit 6   ©2008  Napier University  ,[object Object],[object Object],[object Object],[object Object]
Proximity Version A Unit 6   ©2008  Napier University
Proximity Version A Unit 6   ©2008  Napier University  alison varey    0131 455 2725 Napier University 10 colinton road    edinburgh EH14 1DJ
Proximity Version A Unit 6   ©2008  Napier University  alison varey     0131 455 2725 Napier University 10 colinton road    edinburgh EH14 1DJ
Proximity Version A Unit 6   ©2008  Napier University  Napier University alison varey 10 colinton road edinburgh EH14 1DJ 0131 455 2725
Proximity Version A Unit 6   ©2008  Napier University
Proximity Version A Unit 6   ©2008  Napier University  ,[object Object],[object Object],[object Object]
Proximity Version A Unit 6   ©2008  Napier University  ,[object Object],[object Object]
Proximity Don’ts Version A Unit 6   ©2008  Napier University  ,[object Object],[object Object],[object Object]
Proximity Don’ts Version A Unit 6   ©2008  Napier University  ,[object Object],[object Object]
Alignment Version A Unit 6   ©2008  Napier University  ,[object Object]
Alignment Version A Unit 6   ©2008  Napier University  Napier University alison varey 10 colinton road edinburgh EH14 1DJ 0131 455 2725
Alignment Version A Unit 6   ©2008  Napier University
Alignment Version A Unit 6   ©2008  Napier University
Alignment Version A Unit 6   ©2008  Napier University  napier  university alison varey
Alignment Version A Unit 6   ©2008  Napier University
Alignment Version A Unit 6   ©2008  Napier University
Alignment Version A Unit 6   ©2008  Napier University  A new specialist photographic resource featuring creative images of  DANCE, THEATRE, OPERA, MUSIC, FILM AND PERSONALITIES. Colour – Black and white Abstract – Documentar y
Alignment Version A Unit 6   ©2008  Napier University  A new specialist photographic resource featuring creative images of  DANCE, THEATRE, OPERA, MUSIC, FILM AND PERSONALITIES. Colour – Black and white Abstract – Documentary
Alignment Version A Unit 6   ©2008  Napier University
Alignment Version A Unit 6   ©2008  Napier University  On the ground On the washing-line
Alignment Version A Unit 6   ©2008  Napier University
Alignment Version A Unit 6   ©2008  Napier University
Alignment Version A Unit 6   ©2008  Napier University  ,[object Object],[object Object],[object Object]
Alignment Version A Unit 6   ©2008  Napier University  ,[object Object],[object Object]
Alignment Version A Unit 6   ©2008  Napier University  ,[object Object]
Alignment Version A Unit 6   ©2008  Napier University  Other sites http://admissions.nebrwesleyan.edu/ http://www.agency.com   http://www.aaronjasinski.com   http://moma.org/exhibitions/2008/tallbuildings/index_f.html   http://www.vikmuniz.net   http://www.j6studios.com   http://www.jasonsiu.com/
Summary Version A Unit 6   ©2008  Napier University  ,[object Object],[object Object]
Summary Version A Unit 6   ©2008  Napier University  ,[object Object],[object Object],[object Object]

More Related Content

Viewers also liked

What is an Effective Layout?
What is an Effective Layout?What is an Effective Layout?
What is an Effective Layout?
Kern Learning Solution
 
10 Design & Layout Principles Guaranteed To Improve
10 Design & Layout Principles Guaranteed To Improve10 Design & Layout Principles Guaranteed To Improve
10 Design & Layout Principles Guaranteed To Improve
Lauren Martin
 
Basic Principles of Graphics and Layout
Basic Principles of Graphics and LayoutBasic Principles of Graphics and Layout
Basic Principles of Graphics and Layout
joypamor
 
Salvador dali ppt
Salvador dali pptSalvador dali ppt
Salvador dali ppt
Rida Khan
 
The Elements and Principles of Design
The Elements and Principles of DesignThe Elements and Principles of Design
The Elements and Principles of Design
flatt1ce
 
Elements & Principles of Design
Elements & Principles of DesignElements & Principles of Design
Elements & Principles of Design
Z M
 
Elements and Principles of Design
Elements and Principles of DesignElements and Principles of Design
Elements and Principles of Design
Ravi Bhadauria
 
Elements & Principles of Art Design PowerPoint
Elements & Principles of Art Design PowerPointElements & Principles of Art Design PowerPoint
Elements & Principles of Art Design PowerPoint
emurfield
 
Principles of Design - Graphic Design Theory
Principles of Design - Graphic Design TheoryPrinciples of Design - Graphic Design Theory
Principles of Design - Graphic Design Theory
Abanoub Hanna
 
Basic layout principles
Basic layout principlesBasic layout principles
Basic layout principles
Sherwin Manual
 
An Introduction To Graphic Design
An Introduction To Graphic DesignAn Introduction To Graphic Design
An Introduction To Graphic Design
Afshan Kirmani
 

Viewers also liked (11)

What is an Effective Layout?
What is an Effective Layout?What is an Effective Layout?
What is an Effective Layout?
 
10 Design & Layout Principles Guaranteed To Improve
10 Design & Layout Principles Guaranteed To Improve10 Design & Layout Principles Guaranteed To Improve
10 Design & Layout Principles Guaranteed To Improve
 
Basic Principles of Graphics and Layout
Basic Principles of Graphics and LayoutBasic Principles of Graphics and Layout
Basic Principles of Graphics and Layout
 
Salvador dali ppt
Salvador dali pptSalvador dali ppt
Salvador dali ppt
 
The Elements and Principles of Design
The Elements and Principles of DesignThe Elements and Principles of Design
The Elements and Principles of Design
 
Elements & Principles of Design
Elements & Principles of DesignElements & Principles of Design
Elements & Principles of Design
 
Elements and Principles of Design
Elements and Principles of DesignElements and Principles of Design
Elements and Principles of Design
 
Elements & Principles of Art Design PowerPoint
Elements & Principles of Art Design PowerPointElements & Principles of Art Design PowerPoint
Elements & Principles of Art Design PowerPoint
 
Principles of Design - Graphic Design Theory
Principles of Design - Graphic Design TheoryPrinciples of Design - Graphic Design Theory
Principles of Design - Graphic Design Theory
 
Basic layout principles
Basic layout principlesBasic layout principles
Basic layout principles
 
An Introduction To Graphic Design
An Introduction To Graphic DesignAn Introduction To Graphic Design
An Introduction To Graphic Design
 

More from Graeme Smith

Project Management - An Introductiuon
Project Management - An IntroductiuonProject Management - An Introductiuon
Project Management - An Introductiuon
Graeme Smith
 
Intro to the unit
Intro to the unitIntro to the unit
Intro to the unit
Graeme Smith
 
The CSS Box Model
The CSS Box ModelThe CSS Box Model
The CSS Box Model
Graeme Smith
 
The art of presentations
The art of presentationsThe art of presentations
The art of presentations
Graeme Smith
 
Typography, A Presentation
Typography, A PresentationTypography, A Presentation
Typography, A Presentation
Graeme Smith
 
Flip Book
Flip BookFlip Book
Flip Book
Graeme Smith
 
Typography
TypographyTypography
Typography
Graeme Smith
 
Typography and grids
Typography and gridsTypography and grids
Typography and grids
Graeme Smith
 
Intro to Game Design
Intro to Game DesignIntro to Game Design
Intro to Game Design
Graeme Smith
 
Composition, some basic rules of photography
Composition, some basic rules of photographyComposition, some basic rules of photography
Composition, some basic rules of photography
Graeme Smith
 
Form Validation
Form ValidationForm Validation
Form Validation
Graeme Smith
 
1 - Designing A Site
1 - Designing A Site1 - Designing A Site
1 - Designing A Site
Graeme Smith
 
Personality Emotion
Personality EmotionPersonality Emotion
Personality Emotion
Graeme Smith
 
Personality Emotion
Personality EmotionPersonality Emotion
Personality Emotion
Graeme Smith
 
Information Design
Information DesignInformation Design
Information Design
Graeme Smith
 
Perspective Principles
Perspective PrinciplesPerspective Principles
Perspective Principles
Graeme Smith
 
Interaction Design
Interaction DesignInteraction Design
Interaction Design
Graeme Smith
 
Colour
ColourColour
Colour
Graeme Smith
 
Web Functionality
Web FunctionalityWeb Functionality
Web Functionality
Graeme Smith
 
Content for the Web
Content for the WebContent for the Web
Content for the Web
Graeme Smith
 

More from Graeme Smith (20)

Project Management - An Introductiuon
Project Management - An IntroductiuonProject Management - An Introductiuon
Project Management - An Introductiuon
 
Intro to the unit
Intro to the unitIntro to the unit
Intro to the unit
 
The CSS Box Model
The CSS Box ModelThe CSS Box Model
The CSS Box Model
 
The art of presentations
The art of presentationsThe art of presentations
The art of presentations
 
Typography, A Presentation
Typography, A PresentationTypography, A Presentation
Typography, A Presentation
 
Flip Book
Flip BookFlip Book
Flip Book
 
Typography
TypographyTypography
Typography
 
Typography and grids
Typography and gridsTypography and grids
Typography and grids
 
Intro to Game Design
Intro to Game DesignIntro to Game Design
Intro to Game Design
 
Composition, some basic rules of photography
Composition, some basic rules of photographyComposition, some basic rules of photography
Composition, some basic rules of photography
 
Form Validation
Form ValidationForm Validation
Form Validation
 
1 - Designing A Site
1 - Designing A Site1 - Designing A Site
1 - Designing A Site
 
Personality Emotion
Personality EmotionPersonality Emotion
Personality Emotion
 
Personality Emotion
Personality EmotionPersonality Emotion
Personality Emotion
 
Information Design
Information DesignInformation Design
Information Design
 
Perspective Principles
Perspective PrinciplesPerspective Principles
Perspective Principles
 
Interaction Design
Interaction DesignInteraction Design
Interaction Design
 
Colour
ColourColour
Colour
 
Web Functionality
Web FunctionalityWeb Functionality
Web Functionality
 
Content for the Web
Content for the WebContent for the Web
Content for the Web
 

Recently uploaded

20 slides of research movie and artists .pdf
20 slides of research movie and artists .pdf20 slides of research movie and artists .pdf
20 slides of research movie and artists .pdf
ameli25062005
 
ARENA - Young adults in the workplace (Knight Moves).pdf
ARENA - Young adults in the workplace (Knight Moves).pdfARENA - Young adults in the workplace (Knight Moves).pdf
ARENA - Young adults in the workplace (Knight Moves).pdf
Knight Moves
 
Graphic Design Tools and Software .pptx
Graphic Design Tools and Software   .pptxGraphic Design Tools and Software   .pptx
Graphic Design Tools and Software .pptx
Virtual Real Design
 
Heuristics Evaluation - How to Guide.pdf
Heuristics Evaluation - How to Guide.pdfHeuristics Evaluation - How to Guide.pdf
Heuristics Evaluation - How to Guide.pdf
Jaime Brown
 
EASY TUTORIAL OF HOW TO USE CAPCUT BY: FEBLESS HERNANE
EASY TUTORIAL OF HOW TO USE CAPCUT BY: FEBLESS HERNANEEASY TUTORIAL OF HOW TO USE CAPCUT BY: FEBLESS HERNANE
EASY TUTORIAL OF HOW TO USE CAPCUT BY: FEBLESS HERNANE
Febless Hernane
 
PDF SubmissionDigital Marketing Institute in Noida
PDF SubmissionDigital Marketing Institute in NoidaPDF SubmissionDigital Marketing Institute in Noida
PDF SubmissionDigital Marketing Institute in Noida
PoojaSaini954651
 
原版定做(penn毕业证书)美国宾夕法尼亚大学毕业证文凭学历证书原版一模一样
原版定做(penn毕业证书)美国宾夕法尼亚大学毕业证文凭学历证书原版一模一样原版定做(penn毕业证书)美国宾夕法尼亚大学毕业证文凭学历证书原版一模一样
原版定做(penn毕业证书)美国宾夕法尼亚大学毕业证文凭学历证书原版一模一样
gpffo76j
 
UNIT V ACTIONS AND COMMANDS, FORMS AND CONTROLS.pptx
UNIT V ACTIONS AND COMMANDS, FORMS AND CONTROLS.pptxUNIT V ACTIONS AND COMMANDS, FORMS AND CONTROLS.pptx
UNIT V ACTIONS AND COMMANDS, FORMS AND CONTROLS.pptx
GOWSIKRAJA PALANISAMY
 
UNIT IV-VISUAL STYLE AND MOBILE INTERFACES.pptx
UNIT IV-VISUAL STYLE AND MOBILE INTERFACES.pptxUNIT IV-VISUAL STYLE AND MOBILE INTERFACES.pptx
UNIT IV-VISUAL STYLE AND MOBILE INTERFACES.pptx
GOWSIKRAJA PALANISAMY
 
一比一原版(毕业证)长崎大学毕业证成绩单如何办理
一比一原版(毕业证)长崎大学毕业证成绩单如何办理一比一原版(毕业证)长崎大学毕业证成绩单如何办理
一比一原版(毕业证)长崎大学毕业证成绩单如何办理
taqyed
 
Technoblade The Legacy of a Minecraft Legend.
Technoblade The Legacy of a Minecraft Legend.Technoblade The Legacy of a Minecraft Legend.
Technoblade The Legacy of a Minecraft Legend.
Techno Merch
 
一比一原版(Columbia毕业证)哥伦比亚大学毕业证如何办理
一比一原版(Columbia毕业证)哥伦比亚大学毕业证如何办理一比一原版(Columbia毕业证)哥伦比亚大学毕业证如何办理
一比一原版(Columbia毕业证)哥伦比亚大学毕业证如何办理
asuzyq
 
Design Thinking Design thinking Design thinking
Design Thinking Design thinking Design thinkingDesign Thinking Design thinking Design thinking
Design Thinking Design thinking Design thinking
cy0krjxt
 
Revolutionizing the Digital Landscape: Web Development Companies in India
Revolutionizing the Digital Landscape: Web Development Companies in IndiaRevolutionizing the Digital Landscape: Web Development Companies in India
Revolutionizing the Digital Landscape: Web Development Companies in India
amrsoftec1
 
Branding de la empresa de Bolt- 2024.pdf
Branding de la empresa de Bolt- 2024.pdfBranding de la empresa de Bolt- 2024.pdf
Branding de la empresa de Bolt- 2024.pdf
PabloMartelLpez
 
AHMED TALAAT ARCHITECTURE PORTFOLIO .pdf
AHMED TALAAT ARCHITECTURE PORTFOLIO .pdfAHMED TALAAT ARCHITECTURE PORTFOLIO .pdf
AHMED TALAAT ARCHITECTURE PORTFOLIO .pdf
talaatahm
 
一比一原版(CITY毕业证书)谢菲尔德哈勒姆大学毕业证如何办理
一比一原版(CITY毕业证书)谢菲尔德哈勒姆大学毕业证如何办理一比一原版(CITY毕业证书)谢菲尔德哈勒姆大学毕业证如何办理
一比一原版(CITY毕业证书)谢菲尔德哈勒姆大学毕业证如何办理
9a93xvy
 
一比一原版(UW毕业证)西雅图华盛顿大学毕业证如何办理
一比一原版(UW毕业证)西雅图华盛顿大学毕业证如何办理一比一原版(UW毕业证)西雅图华盛顿大学毕业证如何办理
一比一原版(UW毕业证)西雅图华盛顿大学毕业证如何办理
kecekev
 
一比一原版(MMU毕业证书)曼彻斯特城市大学毕业证成绩单如何办理
一比一原版(MMU毕业证书)曼彻斯特城市大学毕业证成绩单如何办理一比一原版(MMU毕业证书)曼彻斯特城市大学毕业证成绩单如何办理
一比一原版(MMU毕业证书)曼彻斯特城市大学毕业证成绩单如何办理
7sd8fier
 
定制美国西雅图城市大学毕业证学历证书原版一模一样
定制美国西雅图城市大学毕业证学历证书原版一模一样定制美国西雅图城市大学毕业证学历证书原版一模一样
定制美国西雅图城市大学毕业证学历证书原版一模一样
qo1as76n
 

Recently uploaded (20)

20 slides of research movie and artists .pdf
20 slides of research movie and artists .pdf20 slides of research movie and artists .pdf
20 slides of research movie and artists .pdf
 
ARENA - Young adults in the workplace (Knight Moves).pdf
ARENA - Young adults in the workplace (Knight Moves).pdfARENA - Young adults in the workplace (Knight Moves).pdf
ARENA - Young adults in the workplace (Knight Moves).pdf
 
Graphic Design Tools and Software .pptx
Graphic Design Tools and Software   .pptxGraphic Design Tools and Software   .pptx
Graphic Design Tools and Software .pptx
 
Heuristics Evaluation - How to Guide.pdf
Heuristics Evaluation - How to Guide.pdfHeuristics Evaluation - How to Guide.pdf
Heuristics Evaluation - How to Guide.pdf
 
EASY TUTORIAL OF HOW TO USE CAPCUT BY: FEBLESS HERNANE
EASY TUTORIAL OF HOW TO USE CAPCUT BY: FEBLESS HERNANEEASY TUTORIAL OF HOW TO USE CAPCUT BY: FEBLESS HERNANE
EASY TUTORIAL OF HOW TO USE CAPCUT BY: FEBLESS HERNANE
 
PDF SubmissionDigital Marketing Institute in Noida
PDF SubmissionDigital Marketing Institute in NoidaPDF SubmissionDigital Marketing Institute in Noida
PDF SubmissionDigital Marketing Institute in Noida
 
原版定做(penn毕业证书)美国宾夕法尼亚大学毕业证文凭学历证书原版一模一样
原版定做(penn毕业证书)美国宾夕法尼亚大学毕业证文凭学历证书原版一模一样原版定做(penn毕业证书)美国宾夕法尼亚大学毕业证文凭学历证书原版一模一样
原版定做(penn毕业证书)美国宾夕法尼亚大学毕业证文凭学历证书原版一模一样
 
UNIT V ACTIONS AND COMMANDS, FORMS AND CONTROLS.pptx
UNIT V ACTIONS AND COMMANDS, FORMS AND CONTROLS.pptxUNIT V ACTIONS AND COMMANDS, FORMS AND CONTROLS.pptx
UNIT V ACTIONS AND COMMANDS, FORMS AND CONTROLS.pptx
 
UNIT IV-VISUAL STYLE AND MOBILE INTERFACES.pptx
UNIT IV-VISUAL STYLE AND MOBILE INTERFACES.pptxUNIT IV-VISUAL STYLE AND MOBILE INTERFACES.pptx
UNIT IV-VISUAL STYLE AND MOBILE INTERFACES.pptx
 
一比一原版(毕业证)长崎大学毕业证成绩单如何办理
一比一原版(毕业证)长崎大学毕业证成绩单如何办理一比一原版(毕业证)长崎大学毕业证成绩单如何办理
一比一原版(毕业证)长崎大学毕业证成绩单如何办理
 
Technoblade The Legacy of a Minecraft Legend.
Technoblade The Legacy of a Minecraft Legend.Technoblade The Legacy of a Minecraft Legend.
Technoblade The Legacy of a Minecraft Legend.
 
一比一原版(Columbia毕业证)哥伦比亚大学毕业证如何办理
一比一原版(Columbia毕业证)哥伦比亚大学毕业证如何办理一比一原版(Columbia毕业证)哥伦比亚大学毕业证如何办理
一比一原版(Columbia毕业证)哥伦比亚大学毕业证如何办理
 
Design Thinking Design thinking Design thinking
Design Thinking Design thinking Design thinkingDesign Thinking Design thinking Design thinking
Design Thinking Design thinking Design thinking
 
Revolutionizing the Digital Landscape: Web Development Companies in India
Revolutionizing the Digital Landscape: Web Development Companies in IndiaRevolutionizing the Digital Landscape: Web Development Companies in India
Revolutionizing the Digital Landscape: Web Development Companies in India
 
Branding de la empresa de Bolt- 2024.pdf
Branding de la empresa de Bolt- 2024.pdfBranding de la empresa de Bolt- 2024.pdf
Branding de la empresa de Bolt- 2024.pdf
 
AHMED TALAAT ARCHITECTURE PORTFOLIO .pdf
AHMED TALAAT ARCHITECTURE PORTFOLIO .pdfAHMED TALAAT ARCHITECTURE PORTFOLIO .pdf
AHMED TALAAT ARCHITECTURE PORTFOLIO .pdf
 
一比一原版(CITY毕业证书)谢菲尔德哈勒姆大学毕业证如何办理
一比一原版(CITY毕业证书)谢菲尔德哈勒姆大学毕业证如何办理一比一原版(CITY毕业证书)谢菲尔德哈勒姆大学毕业证如何办理
一比一原版(CITY毕业证书)谢菲尔德哈勒姆大学毕业证如何办理
 
一比一原版(UW毕业证)西雅图华盛顿大学毕业证如何办理
一比一原版(UW毕业证)西雅图华盛顿大学毕业证如何办理一比一原版(UW毕业证)西雅图华盛顿大学毕业证如何办理
一比一原版(UW毕业证)西雅图华盛顿大学毕业证如何办理
 
一比一原版(MMU毕业证书)曼彻斯特城市大学毕业证成绩单如何办理
一比一原版(MMU毕业证书)曼彻斯特城市大学毕业证成绩单如何办理一比一原版(MMU毕业证书)曼彻斯特城市大学毕业证成绩单如何办理
一比一原版(MMU毕业证书)曼彻斯特城市大学毕业证成绩单如何办理
 
定制美国西雅图城市大学毕业证学历证书原版一模一样
定制美国西雅图城市大学毕业证学历证书原版一模一样定制美国西雅图城市大学毕业证学历证书原版一模一样
定制美国西雅图城市大学毕业证学历证书原版一模一样
 

Layout Principles 1

  • 1. IMD09117 and IMD09118 Web Design and Development Unit 5 Layout principles
  • 2.
  • 3. Proximity Version A Unit 6 ©2008 Napier University
  • 4. Proximity Version A Unit 6 ©2008 Napier University alison varey 0131 455 2725 Napier University 10 colinton road edinburgh EH14 1DJ
  • 5. Proximity Version A Unit 6 ©2008 Napier University alison varey 0131 455 2725 Napier University 10 colinton road edinburgh EH14 1DJ
  • 6. Proximity Version A Unit 6 ©2008 Napier University Napier University alison varey 10 colinton road edinburgh EH14 1DJ 0131 455 2725
  • 7. Proximity Version A Unit 6 ©2008 Napier University
  • 8.
  • 9.
  • 10.
  • 11.
  • 12.
  • 13. Alignment Version A Unit 6 ©2008 Napier University Napier University alison varey 10 colinton road edinburgh EH14 1DJ 0131 455 2725
  • 14. Alignment Version A Unit 6 ©2008 Napier University
  • 15. Alignment Version A Unit 6 ©2008 Napier University
  • 16. Alignment Version A Unit 6 ©2008 Napier University napier university alison varey
  • 17. Alignment Version A Unit 6 ©2008 Napier University
  • 18. Alignment Version A Unit 6 ©2008 Napier University
  • 19. Alignment Version A Unit 6 ©2008 Napier University A new specialist photographic resource featuring creative images of DANCE, THEATRE, OPERA, MUSIC, FILM AND PERSONALITIES. Colour – Black and white Abstract – Documentar y
  • 20. Alignment Version A Unit 6 ©2008 Napier University A new specialist photographic resource featuring creative images of DANCE, THEATRE, OPERA, MUSIC, FILM AND PERSONALITIES. Colour – Black and white Abstract – Documentary
  • 21. Alignment Version A Unit 6 ©2008 Napier University
  • 22. Alignment Version A Unit 6 ©2008 Napier University On the ground On the washing-line
  • 23. Alignment Version A Unit 6 ©2008 Napier University
  • 24. Alignment Version A Unit 6 ©2008 Napier University
  • 25.
  • 26.
  • 27.
  • 28. Alignment Version A Unit 6 ©2008 Napier University Other sites http://admissions.nebrwesleyan.edu/ http://www.agency.com http://www.aaronjasinski.com http://moma.org/exhibitions/2008/tallbuildings/index_f.html http://www.vikmuniz.net http://www.j6studios.com http://www.jasonsiu.com/
  • 29.
  • 30.