The document outlines technical concepts for graphic design production, focusing on document structure, grids, and layout specifications. It emphasizes the importance of page margins and row/column gaps in grid-based design, highlighting that variations in margin width can enhance readability and aesthetics. Examples of different grid layouts are also provided for reference.

1. Document Structure
Dr. Ahmed Attia
2019
Technical Concepts For
Graphic Design Production

2. Topics
• Document Structure

3. Images Fonts Colors Size
Technical
Design
Specifications
Document Structure

4. Grids

5. Grid-based Design

6. Grid-based Design

7. Grids

8. Grids

9. Grids

10. Two-column grids

11. Three-column grids

12. Basic three-column symmetrical grid

13. Four- or more column grids

14.  Besides choosing the number, width, and arrangement of
your columns, there are some other important grid elements
that you must consider: page margins, and row and column
gaps.
Margins and row and column gaps

15.  No matter what type of document you’re working on, it’s
rare that your page margins will all be of equal width.
 For example, you may want more space at the top or
bottom of each page—for page header or page footer
information, page numbers, and so on.
 For bound publications, you’ll usually find that the inside
margins are considerably wider than the outside margins.
This prevents text and images that are placed in the center
of a spread from ‘disappearing’ into the spine.
Page margins

16. Page Margins

17.  Row and column gaps are the spaces between the rows
and columns in a grid structure.
 There are no strict rules about the width of these spaces, but
if you make them too narrow your text columns will be
difficult to read.
 We suggest that you experiment to find the gap width that
works best for your particular layout.
Row and column gaps (Gutters)

18. Row and column gaps (Gutters)

19. Document Setup

20. Examples Of Grids

21. Example N0.1

22. Example N0.2

23. Example N0.3

24. Example N0.4