Web Banners Industrial Design 3 â Questions and Answers
Question 1: Which file format is preferred for web banners requiring crisp logos and flat graphics at the smallest file size?
- JPEG
- BMP
- PNG-8 (Correct answer)
- TIFF
Correct answer: PNG-8
PNG-8 supports up to 256 colors with lossless compression, making it ideal for flat graphics and logos where small file size and crisp edges are both required.
Question 2: What industrial design concept describes grouping related banner elementsâlogo, tagline, CTAâinto one cohesive visual unit?
- Negative space
- Chunking (Correct answer)
- Bleed area
- Kerning
Correct answer: Chunking
Chunking groups related elements together so the viewer processes them as a single unit, reducing cognitive load and improving message clarity.
Question 3: When applying skeuomorphic vs. flat design principles to a web banner CTA button, flat design primarily benefits by:
- Adding realistic drop shadows for depth
- Improving load speed and scalability across screens (Correct answer)
- Requiring more intricate illustration work
- Limiting color palette choices
Correct answer: Improving load speed and scalability across screens
Flat design uses simple shapes and colors without gradients or shadows, resulting in smaller file sizes, faster load times, and cleaner rendering at any resolution.
Question 4: In a banner's iterative design process, what does A/B testing a single variable (such as CTA color) demonstrate?
- The overall brand quality
- The isolated impact of that specific element on performance (Correct answer)
- The banner's animation frame rate
- The file compression ratio
Correct answer: The isolated impact of that specific element on performance
Testing one variable at a time isolates its effect on click-through or conversion rates, providing actionable data without confounding results.
Question 5: Which typographic practice is MOST critical when designing banners intended for both desktop and mobile viewports?
- Using decorative script fonts throughout
- Setting minimum readable font sizes and fluid scaling (Correct answer)
- Locking all text at 10px to save space
- Using all-caps for every text element
Correct answer: Setting minimum readable font sizes and fluid scaling
Setting minimum readable font sizes (typically 14â16px for body text) and allowing fluid scaling ensures legibility across the range of screen sizes and pixel densities.
Question 6: What does 'safe area' mean in the context of web banner production?
- The region where animation is allowed to play
- The inner margin kept clear of edges where content won't be cropped (Correct answer)
- The area reserved for advertiser legal disclaimers only
- The pixel zone excluded from compression algorithms
Correct answer: The inner margin kept clear of edges where content won't be cropped
The safe area is an inner buffer zone within the banner that ensures critical contentâlogos, headlines, CTAsâwon't be trimmed or obscured when the ad is placed in various environments.
Question 7: Which principle guides the use of white space (negative space) in banner design to improve comprehension?
- It should be eliminated to maximize content
- It reduces visual noise and focuses attention on key messages (Correct answer)
- It increases file size unnecessarily
- It is only applicable to print design
Correct answer: It reduces visual noise and focuses attention on key messages
White space reduces clutter, separates elements, and allows the viewer's eye to rest, which improves the readability and impact of the banner's core message.
Web Banners Industrial Design 3
Which file format is preferred for web banners requiring crisp logos and flat graphics at the smallest file size?