Bachelor of Graphic Design Unit 5 — Questions and Answers
Question 1: What is the purpose of using relative units like 'em' and 'rem' over absolute units like 'px' in responsive web design?
- They render faster in browsers
- They scale with user font preferences and parent element sizes (Correct answer)
- They are required by WCAG accessibility standards
- They reduce CSS file size
Correct answer: They scale with user font preferences and parent element sizes
Relative units scale proportionally with font size settings, enabling accessible, flexible layouts that adapt to user preferences.
Question 2: A magazine page is specified as 210 × 297 mm. What standard paper size is this?
- US Letter
- A4 (Correct answer)
- Tabloid
- B5
Correct answer: A4
210 × 297 mm is the ISO A4 paper size, the international standard used throughout Europe and most of the world.
Question 3: What does the term 'x-height' refer to in typographic measurement?
- The height of the letter X only
- The height of lowercase letters without ascenders or descenders (Correct answer)
- The distance from baseline to cap height
- The horizontal width of an em space
Correct answer: The height of lowercase letters without ascenders or descenders
X-height is the height of lowercase letters that have no ascenders or descenders, named after the lowercase 'x' as a reference.
Question 4: In grid systems, what is a 'module' as a unit?
- A single column in the layout
- A repeating spatial unit formed by the intersection of rows and columns (Correct answer)
- The gutter space between columns
- The outer margin of the page
Correct answer: A repeating spatial unit formed by the intersection of rows and columns
A module is the basic repeating cell created where a column and a row field intersect, forming the core unit of a modular grid.
Question 5: Which CSS unit is always equal to exactly 1/96th of an inch, regardless of screen resolution?
- em
- pt
- px (Correct answer)
- vw
Correct answer: px
In CSS, 1px is defined as exactly 1/96th of an inch for print media and as a reference pixel for screens, ensuring consistency.
Question 6: A designer specifies a column gutter of 4mm in a print layout. What is this measurement in points (approximately)?
- 4 pt
- 8 pt
- 11.34 pt (Correct answer)
- 28.35 pt
Correct answer: 11.34 pt
1 mm ≈ 2.835 pt, so 4 mm × 2.835 ≈ 11.34 pt; this conversion is essential for consistent cross-unit print specifications.
Question 7: What is the significance of the 'em square' (also called the 'em box') in typeface design?
- The physical size of the letter M in a typeface
- The invisible bounding box that defines the maximum space a glyph can occupy (Correct answer)
- The space equal to one line of text including leading
- The unit used only for uppercase letters
Correct answer: The invisible bounding box that defines the maximum space a glyph can occupy
The em square is the design grid used by type designers to define all glyph proportions; glyphs can extend slightly beyond it.
Bachelor of Graphic Design Unit 5
What is the purpose of using relative units like 'em' and 'rem' over absolute units like 'px' in responsive web design?