Web Banners Web Banner Design Principles 1 — Questions and Answers
Question 1: What is the primary purpose of visual hierarchy in a web banner design?
- To guide the viewer's eye toward the most important element first (Correct answer)
- To use as many colors as possible
- To fill every pixel of available space
- To match the background color of the hosting page
Correct answer: To guide the viewer's eye toward the most important element first
Visual hierarchy directs attention to key elements like the headline or CTA in a logical order.
Question 2: Which principle recommends using empty space in a web banner to improve readability?
- Proximity
- White space (negative space) (Correct answer)
- Repetition
- Contrast
Correct answer: White space (negative space)
White space or negative space reduces clutter and lets key elements breathe, improving readability.
Question 3: What does 'above the fold' mean in the context of web banner placement?
- The banner is printed and folded
- The banner is visible without scrolling (Correct answer)
- The banner appears at the bottom of the page
- The banner is hidden behind a pop-up
Correct answer: The banner is visible without scrolling
'Above the fold' refers to the portion of a webpage visible to users without scrolling down.
Question 4: Which color contrast principle is most important for a web banner CTA button?
- The CTA button should blend with the background
- The CTA button should use low contrast to appear subtle
- The CTA button should have high contrast to stand out (Correct answer)
- The CTA button color doesn't affect click-through rate
Correct answer: The CTA button should have high contrast to stand out
High contrast between the CTA button and background draws attention and increases click-through rates.
Question 5: What is the recommended maximum number of fonts typically used in a single web banner?
- 1
- 2 (Correct answer)
- 4
- 6
Correct answer: 2
Using two fonts—one for headlines and one for body text—maintains visual harmony without clutter.
Question 6: Why is it important for a web banner to include a clear call-to-action (CTA)?
- CTAs increase file size
- CTAs tell viewers exactly what action to take next (Correct answer)
- CTAs are required by IAB standards
- CTAs are only needed for video banners
Correct answer: CTAs tell viewers exactly what action to take next
A clear CTA guides users toward the intended conversion action, such as 'Shop Now' or 'Learn More'.
Web Banners Web Banner Design Principles 1
What is the primary purpose of visual hierarchy in a web banner design?