Icon Design Icon Design MCQ 3

Question 1

What is 'icon metaphor' in the context of UI design?

Accepted Answer

A visual symbol that represents an abstract concept through familiar real-world objects

Answer

An icon metaphor uses recognizable real-world imagery (like an envelope for email) to communicate abstract digital concepts.

Question 2

Which design principle ensures icons in a set feel visually unified?

Accepted Answer

Consistency

Answer

Consistency in stroke weight, corner radius, size, and style ensures that icons from the same set feel like they belong together.

Question 3

In Figma, which feature is most useful for managing and reusing icons across a design system?

Accepted Answer

Components and Variants

Answer

Components and Variants allow designers to create a single icon component with multiple states (size, style, color) that can be reused and updated globally.

Question 4

What is 'pixel hinting' in icon design?

Accepted Answer

Adjusting vector paths to align to the pixel grid for sharper rendering at small sizes

Answer

Pixel hinting aligns vector anchor points to pixel boundaries, preventing anti-aliasing blur when icons render at small sizes on screen.

Question 5

Which color property is most critical to check when designing icons for accessibility?

Accepted Answer

Contrast ratio

Answer

WCAG guidelines require a minimum contrast ratio of 3:1 for UI components including icons to ensure visibility for users with low vision.

Icon Design Practice Test

Icon Design Practice Test

Icon Design Icon Design MCQ 3