CIW Web Design Specialist Flashcards

Which color model is primarily used for colors displayed on computer monitors and web browsers?

Answer: RGB

Monitors use the RGB (Red, Green, Blue) additive color model to produce on-screen colors.

What is the main advantage of using CSS Flexbox over traditional float-based layouts?

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.

Which file format is best suited for photographic images on the web due to its lossy compression?

Answer: JPEG

JPEG uses lossy compression optimized for photographs, producing small file sizes with acceptable quality loss.

What does the CSS `box-sizing: border-box` declaration change about element sizing?

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.

Which principle of web design states that related elements should be grouped together visually?

Answer: Proximity

The design principle of proximity groups related items to show their relationship, reducing visual clutter.

What is the purpose of a wireframe in the web design process?

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.