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.

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 Layoutis 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.