Web Banners Product Design 3

Question 1

What is the purpose of a 'safe zone' in web banner design?

Accepted Answer

A margin inside the banner where critical content is kept to avoid cropping

Answer

Safe zones ensure key content like the logo and CTA are never accidentally clipped when the banner is scaled or placed in different contexts.

Question 2

Which of the following best describes 'visual tension' used intentionally in product banner design?

Accepted Answer

Strategic imbalance or contrast that creates energy and draws the eye

Answer

Intentional visual tension through asymmetry or contrast creates dynamic energy that captures attention and guides the viewer toward key elements.

Question 3

A banner must communicate a product price reduction. Which design approach is most effective?

Accepted Answer

Strike through the original price and display the new price prominently in a contrasting color

Answer

The strikethrough technique visually anchors the deal, making the savings immediately apparent through direct price comparison.

Question 4

When selecting a typeface for a web banner headline, which pairing approach is most widely recommended?

Accepted Answer

Pair a strong display font with a clean, neutral secondary font

Answer

Contrasting a bold display font with a neutral secondary font creates hierarchy while maintaining readability and visual coherence.

Question 5

What does 'above-the-fold' mean in the context of banner placement on a webpage?

Accepted Answer

The visible portion of a webpage without scrolling

Answer

Above-the-fold refers to the viewable area of a webpage on initial load before the user scrolls, which is prime real estate for banner ads.

Web Banners Practice Test