CIW CIW Web Design Specialist 2 — Questions and Answers
Question 1: Which color model is primarily used for colors displayed on computer monitors and web browsers?
- CMYK
- HSL only
- RGB (Correct answer)
- Pantone
Correct answer: RGB
Monitors use the RGB (Red, Green, Blue) additive color model to produce on-screen colors.
Question 2: What is the main advantage of using CSS Flexbox over traditional float-based layouts?
- Faster page load times
- Better cross-browser font rendering
- Easier alignment and distribution of space among items in a container (Correct answer)
- Automatic image compression
Correct answer: Easier alignment and distribution of space among items in a container
Flexbox was designed specifically to provide a more efficient way to lay out, align, and distribute space among items in a container.
Question 3: Which file format is best suited for photographic images on the web due to its lossy compression?
- GIF
- PNG
- SVG
- JPEG (Correct answer)
Correct answer: JPEG
JPEG uses lossy compression optimized for photographs, producing small file sizes with acceptable quality loss.
Question 4: What does the CSS `box-sizing: border-box` declaration change about element sizing?
- Includes padding and border in the element's total width and height (Correct answer)
- Removes the default margin
- Forces the element to display as a table
- Sets the element border to a box shape
Correct answer: Includes padding and border in the element's total width and height
With `border-box`, padding and border are included within the stated width/height, making layout calculations more predictable.
Question 5: Which principle of web design states that related elements should be grouped together visually?
- Contrast
- Repetition
- Proximity (Correct answer)
- Alignment
Correct answer: Proximity
The design principle of proximity groups related items to show their relationship, reducing visual clutter.
Question 6: What is the purpose of a wireframe in the web design process?
- Define the final color palette
- Write all JavaScript functionality
- Create a low-fidelity blueprint of page layout and content structure (Correct answer)
- Generate server-side code
Correct answer: Create a low-fidelity blueprint of page layout and content structure
A wireframe is a simple schematic that outlines page structure and content placement before visual design begins.
CIW CIW Web Design Specialist 2
Which color model is primarily used for colors displayed on computer monitors and web browsers?