Icon Design Icon Design Principles & Visual Theory 2

Question 1

What is a 'pixel grid' in icon design used for?

Accepted Answer

Ensuring icon edges align to pixel boundaries for sharpness

Answer

Aligning vector paths to the pixel grid prevents anti-aliasing blur, keeping icon edges crisp at intended render sizes.

Question 2

Which principle describes using the same stroke weight, corner radius, and style across all icons in a set?

Accepted Answer

Consistency

Answer

Consistency ensures all icons in a set look like they belong together, reinforcing the overall design language.

Question 3

In vector icon design, what does 'compound path' mean?

Accepted Answer

Multiple paths combined into one object, creating holes or unions

Answer

A compound path merges multiple sub-paths so that overlapping areas can create transparent 'holes' or unified shapes.

Question 4

What is the recommended minimum touch target size for icons used in mobile UI, per common usability guidelines?

Accepted Answer

44×44 px

Answer

Apple's HIG and Google's Material Design both recommend at least 44×44 pt/dp touch targets to ensure comfortable tapping.

Question 5

Which color theory concept helps icon designers ensure sufficient contrast between an icon and its background?

Accepted Answer

Luminance contrast ratio

Answer

Luminance contrast ratio (measured per WCAG) determines whether the icon is distinguishable from its background in terms of lightness difference.

Icon Design Practice Test