Infographic Design Technology & Digital Applications 2 — Questions and Answers
Question 1: Which file format is best for an infographic that requires a transparent background on a website?
- JPEG
- PNG (Correct answer)
- BMP
- TIFF
Correct answer: PNG
PNG supports alpha-channel transparency, making it ideal for web infographics placed over colored backgrounds.
Question 2: In Adobe Illustrator, which feature allows you to reuse a design element across multiple artboards without manually copying it each time?
- Smart Guides
- Global Symbols (Correct answer)
- Live Paint
- Clipping Masks
Correct answer: Global Symbols
Global Symbols in Illustrator let you place a single master element that updates everywhere when the original is edited.
Question 3: What does the term 'responsive infographic' mean in web design?
- An infographic that loads quickly
- An infographic that adapts its layout to different screen sizes (Correct answer)
- An infographic with interactive hover effects
- An infographic that auto-updates its data
Correct answer: An infographic that adapts its layout to different screen sizes
A responsive infographic restructures or resizes its content to display correctly across desktop, tablet, and mobile screens.
Question 4: Which CSS unit is best for scaling infographic text proportionally with the viewport width?
- px
- em
- vw (Correct answer)
- pt
Correct answer: vw
The 'vw' unit (viewport width) scales font size relative to the browser window, ensuring proportional text on all screen sizes.
Question 5: When embedding a chart in a digital infographic, which tool is best for creating interactive, data-driven visualizations?
- Microsoft Paint
- D3.js (Correct answer)
- Adobe InDesign
- GIMP
Correct answer: D3.js
D3.js is a JavaScript library specifically designed for binding data to DOM elements and creating interactive visualizations.
Question 6: What is the primary advantage of using SVG over PNG for digital infographic icons?
- SVG files are smaller and support animation and infinite scalability (Correct answer)
- SVG supports more colors than PNG
- SVG loads faster on all devices
- SVG is easier to edit in Photoshop
Correct answer: SVG files are smaller and support animation and infinite scalability
SVG is vector-based, meaning icons stay crisp at any resolution and can be animated with CSS or JavaScript.
Question 7: In Canva, what does the 'Brand Kit' feature primarily help infographic designers do?
- Download high-resolution files
- Maintain consistent colors, fonts, and logos across designs (Correct answer)
- Access premium stock photos
- Schedule social media posts
Correct answer: Maintain consistent colors, fonts, and logos across designs
The Brand Kit stores your brand's official colors, fonts, and logo so they're instantly accessible and consistently applied across all designs.
Infographic Design Technology & Digital Applications 2
Which file format is best for an infographic that requires a transparent background on a website?