Web Banners Industrial Design 4 — Questions and Answers
Question 1: In the context of banner design, what does 'pixel density' (DPI/PPI) affect most directly?
- Animation frame rate
- Sharpness of raster images on high-resolution (Retina) displays (Correct answer)
- File compression format selection
- Banner click-through rate
Correct answer: Sharpness of raster images on high-resolution (Retina) displays
High-DPI displays require 2× or higher resolution raster assets to appear sharp; failing to provide these results in blurry logos and images on Retina screens.
Question 2: Which HTML5 banner animation technique is preferred over Flash for modern web banner delivery?
- GIF-only animation
- CSS3 and JavaScript-driven animation via GSAP or the Web Animations API (Correct answer)
- QuickTime video embeds
- Java applets
Correct answer: CSS3 and JavaScript-driven animation via GSAP or the Web Animations API
CSS3 and JavaScript animation libraries like GSAP produce smooth, hardware-accelerated animations that work across modern browsers without requiring plugins.
Question 3: When designing for the IAB's 'LEAN' ad standard, which characteristic is NOT part of LEAN principles?
- Lightweight file size
- Encrypted ad serving (HTTPS)
- Auto-playing audio at full volume (Correct answer)
- Non-invasive user experience
Correct answer: Auto-playing audio at full volume
LEAN stands for Light, Encrypted, Ad-choice supported, Non-invasive—auto-playing audio at full volume violates the non-invasive principle.
Question 4: What is the purpose of designing modular banner templates in an industrial design workflow for ad campaigns?
- To lock designs so they cannot be edited
- To enable rapid production of multiple sizes and variants from one master design (Correct answer)
- To force all banners to use the same color
- To bypass quality assurance steps
Correct answer: To enable rapid production of multiple sizes and variants from one master design
Modular templates provide a scalable system where swapping content blocks (image, copy, CTA) generates multiple ad sizes and variants efficiently without redesigning from scratch.
Question 5: Which Gestalt principle explains why placing a product image adjacent to a smiling person makes viewers associate positivity with the product?
- Closure
- Proximity (Correct answer)
- Figure-ground
- Continuation
Correct answer: Proximity
Gestalt proximity states that objects placed near each other are perceived as related, so pairing a product with a positive emotional cue transfers that association.
Question 6: In banner production, what does 'polite loading' mean?
- The banner loads only after the host page content has finished loading (Correct answer)
- The banner auto-plays video immediately on page load
- The banner requests user permission before displaying
- The banner uses bright colors to grab attention politely
Correct answer: The banner loads only after the host page content has finished loading
Polite loading defers the banner's heavier assets until the host page is fully loaded, preventing ads from degrading page performance and user experience.
Question 7: Which color model is MOST appropriate for designing web banners intended for screen display?
- CMYK
- Pantone
- RGB (Correct answer)
- LAB
Correct answer: RGB
RGB (Red, Green, Blue) is the native color model for screens; CMYK is for print, and Pantone is a standardized ink-matching system not used for digital output.
Web Banners Industrial Design 4
In the context of banner design, what does 'pixel density' (DPI/PPI) affect most directly?