SlideShare a Scribd company logo
2
Most read
7
Most read
Title Page




                                                Robert Burdi
                                                     Page Layout
        Page Layout is the process of placing and arranging text and graphics on the page
          to produce documents such as newsletters, brochures, books and web pages.




The verb page layout is the process of placing and arranging and rearranging text and graphics on the page to   1
produce documents such as newsletters, brochures, books, etc.
Page Layout
   Objective:
   To create a page layout using elements of good design.

   1) Elements of a Page Layout
          - Design Grid and Pasteboard
          - Headline
          - Footer
          - Text
          - Pictures

   2) Good Design
          - Concise and Organized
          - Structure

   3) Design Distinctions
          - Captions
          - White Space/Negative Space
          - Additional Graphic Elements
Page Layout is the process of placing and arranging text and graphics on the page to produce documents such as   2
newsletters, brochures, books and web pages.
Page Layout
             The Elements
   1) Grid and Pasteboard
           A modular and systematic
           approach to the layout which
           includes vertical and horizontal
           lines that are used to subdivide a
           page vertically and horizontally
           into margins, column spaces.

   Benefit: These subdivisions aid the
           design process quicker, and
           ensuring visual consistency
           between multi-page documents.




Page Layout is the process of placing and arranging text and graphics on the page to produce documents such as   3
newsletters, brochures, books and web pages.
Page Layout
             The Elements
   2) Headline
          A heading at the top of an article
          or page in a advertisement,
          newspaper or magazine.

   3) Pictures
           A graphical item displayed
           on a screen.

   4) Text
              Detailed descriptive text which
              refers to the specific item on the
              page layout.

   5) Footer
          A line or block of text appearing
          at the foot of the page layout.
Page Layout is the process of placing and arranging text and graphics on the page to produce documents such as   4
newsletters, brochures, books and web pages.
Page Layout




               What is the function of the Grid and Pasteboard?




Page Layout is the process of placing and arranging text and graphics on the page to produce documents such as   5
newsletters, brochures, books and web pages.
Page Layout
              Good Design
   1) Structured and Organized
           - Headline
               Line the Headline up
               with the on top of the Grid.

              - Footer
                  Line the Footer at the
                  bottom with the Grid.

              - Align Left
                   American culture is familiar
                   reading left to right.

              - Layout is easy-to-read
                  With design you have the
                  obligation to create a layout
                  the viewer understands.

Page Layout is the process of placing and arranging text and graphics on the page to produce documents such as   6
newsletters, brochures, books and web pages.
Page Layout
              Good Design
   1) Structured and Organized
           - Text
               Keep text
               aligned left         with
               Headline and Footer.

              - Pictures
                  Float the Pictures in the white
                  space opposite the text.

                   Keep the picture opposite
                   to the text it describes.




Page Layout is the process of placing and arranging text and graphics on the page to produce documents such as   7
newsletters, brochures, books and web pages.
Page Layout




                        What makes Page Layout Good Design?




Page Layout is the process of placing and arranging text and graphics on the page to produce documents such as   8
newsletters, brochures, books and web pages.
Page Layout
     Design Distinctions
  1) Captions
          Text added to a photo or graphic
          element, to draw attention to a
          particular section of the document.

  2) White Space/Negative Space
         The visible pasteboard is just as
         important as the elements.

  3) Additional Graphical Elements
          At time additional elements
          will be added to a Page Layout
          to increase it’s marketability.




Page Layout is the process of placing and arranging text and graphics on the page to produce documents such as   9
newsletters, brochures, books and web pages.
Page Layout




              What is the purpose of a caption in Page Layout?




Page Layout is the process of placing and arranging text and graphics on the page to produce documents such as   10
newsletters, brochures, books and web pages.
Page Layout

Overview
Page Layout is Subjective
     Based on or influenced by personal feelings, tastes, or opinions.
       Examples: Alignment, Audience, Placement in a publication…

Good Design is Objective
    Structured, well organized, concise, and easy-to-read.




Page Layout is the process of placing and arranging text and graphics on the page to produce documents such as   11
newsletters, brochures, books and web pages.
Page Layout
                          Before                                                             After




      Good Design Page Layout consists of structure of the elements
                with personalized emphasize on details.
Page Layout is the process of placing and arranging text and graphics on the page to produce documents such as   12
newsletters, brochures, books and web pages.
Page Layout




                                              Questions?
                                Robert Burdi – Graphic Designer

                                      Cell: 630.272.8476
                              Email: rob.burdi@robertburdi.com




Page Layout is the process of placing and arranging text and graphics on the page to produce documents such as   13
newsletters, brochures, books and web pages.

More Related Content

PPTX
Basic concept of Graphic Design
PPT
Graphic Design For non graphic designers
PPT
Typography presentation
PDF
Designing Magazines: Part 1
PDF
Introduction to InDesign
PPTX
Graphic design for marketing professionals
PPTX
Graphic design composition
PPTX
Basic Principles of Graphics and Layout
Basic concept of Graphic Design
Graphic Design For non graphic designers
Typography presentation
Designing Magazines: Part 1
Introduction to InDesign
Graphic design for marketing professionals
Graphic design composition
Basic Principles of Graphics and Layout

What's hot (20)

PDF
InDesign Intro
PDF
Typography Essentials: Part 1
PPTX
Introduction to Adobe InDesign CC
PPTX
An introduction to graphic design
PDF
What is Graphic Design?
PPTX
Graphic Design Elements and Principles - Tips and inspiration
PDF
Graphic Designing Presentation (Tips & Tricks)
PPT
Graphic design
PDF
Introduction to Graphic Design PDF [slideshare]
PPTX
Elements and principles in graphics design
PDF
Graphic design by Muhammad Mujeeb Riaz
PPTX
Magazine Layout Design
ODP
Intro to Graphic Design Elements
PDF
Graphic design slideshow
PDF
Desktop publishing intro
PPTX
Design Principles
PDF
WHAT IS GRAPHIC DESIGN? (Intro to GD, Wk 1)
PPTX
Graphic design
PPT
Desktop Publishing
PDF
Graphic Design 101
InDesign Intro
Typography Essentials: Part 1
Introduction to Adobe InDesign CC
An introduction to graphic design
What is Graphic Design?
Graphic Design Elements and Principles - Tips and inspiration
Graphic Designing Presentation (Tips & Tricks)
Graphic design
Introduction to Graphic Design PDF [slideshare]
Elements and principles in graphics design
Graphic design by Muhammad Mujeeb Riaz
Magazine Layout Design
Intro to Graphic Design Elements
Graphic design slideshow
Desktop publishing intro
Design Principles
WHAT IS GRAPHIC DESIGN? (Intro to GD, Wk 1)
Graphic design
Desktop Publishing
Graphic Design 101
Ad

Viewers also liked (12)

PPTX
Page layout
PPTX
Page Layout
PPTX
visual hierarchy
PPTX
Page Layout And Design Principles
PPTX
Page Layout
PPTX
Page layout and design
PPT
Page layout final
PDF
10 easy ways to better design your magazine. Tips & tricks, tutorials and ins...
PPT
Magazine Layout and Colour Scheme
PDF
Designing Magazines: Part 2
PPTX
Layout or Makeup Journalism
PPTX
Newspaper Layouting
Page layout
Page Layout
visual hierarchy
Page Layout And Design Principles
Page Layout
Page layout and design
Page layout final
10 easy ways to better design your magazine. Tips & tricks, tutorials and ins...
Magazine Layout and Colour Scheme
Designing Magazines: Part 2
Layout or Makeup Journalism
Newspaper Layouting
Ad

Similar to Page layout (20)

PPTX
Layout
PPT
Advertising layout (2)
PPTX
NWR: Layout Design: Student Collaboration
PDF
Advertising Layout
PPTX
BAMMC SEM VI AD-Design Layouts in Graphic Design.pptx
PPTX
Basic layout principles
PDF
Types of Layouts by ADMEC Multimedia Institute
PPTX
Composition and layout
PDF
Basic principles of graphics and layout
PPTX
Layouting.pptx
PPT
Printed Graphics Design & Production
PPTX
Layout design.pptx
PPTX
LAYOUT_Graphic--Design-Presentation.pptx
PPTX
LESSON 5-IMAGING AND DESIGN FOR THE ONLINE ENVIRONMENT.pptx
PPT
Advertisinglayout2 120627015009-phpapp01
PDF
Introduction to Layouts in Graphic Design
PPT
Design Workshop 1 - Fall 2012
PPTX
tfdyt4ert
PPTX
Layout design
PPTX
Layout
Advertising layout (2)
NWR: Layout Design: Student Collaboration
Advertising Layout
BAMMC SEM VI AD-Design Layouts in Graphic Design.pptx
Basic layout principles
Types of Layouts by ADMEC Multimedia Institute
Composition and layout
Basic principles of graphics and layout
Layouting.pptx
Printed Graphics Design & Production
Layout design.pptx
LAYOUT_Graphic--Design-Presentation.pptx
LESSON 5-IMAGING AND DESIGN FOR THE ONLINE ENVIRONMENT.pptx
Advertisinglayout2 120627015009-phpapp01
Introduction to Layouts in Graphic Design
Design Workshop 1 - Fall 2012
tfdyt4ert
Layout design

Recently uploaded (20)

PDF
Saundersa Comprehensive Review for the NCLEX-RN Examination.pdf
PDF
ANTIBIOTICS.pptx.pdf………………… xxxxxxxxxxxxx
PPTX
Cardiovascular Pharmacology for pharmacy students.pptx
PDF
01-Introduction-to-Information-Management.pdf
PPTX
human mycosis Human fungal infections are called human mycosis..pptx
PDF
Physiotherapy_for_Respiratory_and_Cardiac_Problems WEBBER.pdf
PPTX
COMPUTERS AS DATA ANALYSIS IN PRECLINICAL DEVELOPMENT.pptx
PPTX
Open Quiz Monsoon Mind Game Final Set.pptx
PPTX
The Healthy Child – Unit II | Child Health Nursing I | B.Sc Nursing 5th Semester
PDF
O5-L3 Freight Transport Ops (International) V1.pdf
PDF
O7-L3 Supply Chain Operations - ICLT Program
PDF
Abdominal Access Techniques with Prof. Dr. R K Mishra
PPTX
Pharmacology of Heart Failure /Pharmacotherapy of CHF
PPTX
master seminar digital applications in india
PDF
FourierSeries-QuestionsWithAnswers(Part-A).pdf
PPTX
PPT- ENG7_QUARTER1_LESSON1_WEEK1. IMAGERY -DESCRIPTIONS pptx.pptx
PDF
2.FourierTransform-ShortQuestionswithAnswers.pdf
PDF
Microbial disease of the cardiovascular and lymphatic systems
PPTX
Introduction_to_Human_Anatomy_and_Physiology_for_B.Pharm.pptx
PDF
3rd Neelam Sanjeevareddy Memorial Lecture.pdf
Saundersa Comprehensive Review for the NCLEX-RN Examination.pdf
ANTIBIOTICS.pptx.pdf………………… xxxxxxxxxxxxx
Cardiovascular Pharmacology for pharmacy students.pptx
01-Introduction-to-Information-Management.pdf
human mycosis Human fungal infections are called human mycosis..pptx
Physiotherapy_for_Respiratory_and_Cardiac_Problems WEBBER.pdf
COMPUTERS AS DATA ANALYSIS IN PRECLINICAL DEVELOPMENT.pptx
Open Quiz Monsoon Mind Game Final Set.pptx
The Healthy Child – Unit II | Child Health Nursing I | B.Sc Nursing 5th Semester
O5-L3 Freight Transport Ops (International) V1.pdf
O7-L3 Supply Chain Operations - ICLT Program
Abdominal Access Techniques with Prof. Dr. R K Mishra
Pharmacology of Heart Failure /Pharmacotherapy of CHF
master seminar digital applications in india
FourierSeries-QuestionsWithAnswers(Part-A).pdf
PPT- ENG7_QUARTER1_LESSON1_WEEK1. IMAGERY -DESCRIPTIONS pptx.pptx
2.FourierTransform-ShortQuestionswithAnswers.pdf
Microbial disease of the cardiovascular and lymphatic systems
Introduction_to_Human_Anatomy_and_Physiology_for_B.Pharm.pptx
3rd Neelam Sanjeevareddy Memorial Lecture.pdf

Page layout

  • 1. Title Page Robert Burdi Page Layout Page Layout is the process of placing and arranging text and graphics on the page to produce documents such as newsletters, brochures, books and web pages. The verb page layout is the process of placing and arranging and rearranging text and graphics on the page to 1 produce documents such as newsletters, brochures, books, etc.
  • 2. Page Layout Objective: To create a page layout using elements of good design. 1) Elements of a Page Layout - Design Grid and Pasteboard - Headline - Footer - Text - Pictures 2) Good Design - Concise and Organized - Structure 3) Design Distinctions - Captions - White Space/Negative Space - Additional Graphic Elements Page Layout is the process of placing and arranging text and graphics on the page to produce documents such as 2 newsletters, brochures, books and web pages.
  • 3. Page Layout The Elements 1) Grid and Pasteboard A modular and systematic approach to the layout which includes vertical and horizontal lines that are used to subdivide a page vertically and horizontally into margins, column spaces. Benefit: These subdivisions aid the design process quicker, and ensuring visual consistency between multi-page documents. Page Layout is the process of placing and arranging text and graphics on the page to produce documents such as 3 newsletters, brochures, books and web pages.
  • 4. Page Layout The Elements 2) Headline A heading at the top of an article or page in a advertisement, newspaper or magazine. 3) Pictures A graphical item displayed on a screen. 4) Text Detailed descriptive text which refers to the specific item on the page layout. 5) Footer A line or block of text appearing at the foot of the page layout. Page Layout is the process of placing and arranging text and graphics on the page to produce documents such as 4 newsletters, brochures, books and web pages.
  • 5. Page Layout What is the function of the Grid and Pasteboard? Page Layout is the process of placing and arranging text and graphics on the page to produce documents such as 5 newsletters, brochures, books and web pages.
  • 6. Page Layout Good Design 1) Structured and Organized - Headline Line the Headline up with the on top of the Grid. - Footer Line the Footer at the bottom with the Grid. - Align Left American culture is familiar reading left to right. - Layout is easy-to-read With design you have the obligation to create a layout the viewer understands. Page Layout is the process of placing and arranging text and graphics on the page to produce documents such as 6 newsletters, brochures, books and web pages.
  • 7. Page Layout Good Design 1) Structured and Organized - Text Keep text aligned left with Headline and Footer. - Pictures Float the Pictures in the white space opposite the text. Keep the picture opposite to the text it describes. Page Layout is the process of placing and arranging text and graphics on the page to produce documents such as 7 newsletters, brochures, books and web pages.
  • 8. Page Layout What makes Page Layout Good Design? Page Layout is the process of placing and arranging text and graphics on the page to produce documents such as 8 newsletters, brochures, books and web pages.
  • 9. Page Layout Design Distinctions 1) Captions Text added to a photo or graphic element, to draw attention to a particular section of the document. 2) White Space/Negative Space The visible pasteboard is just as important as the elements. 3) Additional Graphical Elements At time additional elements will be added to a Page Layout to increase it’s marketability. Page Layout is the process of placing and arranging text and graphics on the page to produce documents such as 9 newsletters, brochures, books and web pages.
  • 10. Page Layout What is the purpose of a caption in Page Layout? Page Layout is the process of placing and arranging text and graphics on the page to produce documents such as 10 newsletters, brochures, books and web pages.
  • 11. Page Layout Overview Page Layout is Subjective Based on or influenced by personal feelings, tastes, or opinions. Examples: Alignment, Audience, Placement in a publication… Good Design is Objective Structured, well organized, concise, and easy-to-read. Page Layout is the process of placing and arranging text and graphics on the page to produce documents such as 11 newsletters, brochures, books and web pages.
  • 12. Page Layout Before After Good Design Page Layout consists of structure of the elements with personalized emphasize on details. Page Layout is the process of placing and arranging text and graphics on the page to produce documents such as 12 newsletters, brochures, books and web pages.
  • 13. Page Layout Questions? Robert Burdi – Graphic Designer Cell: 630.272.8476 Email: rob.burdi@robertburdi.com Page Layout is the process of placing and arranging text and graphics on the page to produce documents such as 13 newsletters, brochures, books and web pages.