wayground logo

Free Printable Worksheets

Font size

S
M
L
XL
Worksheets

Graphic & UI Design

Total questions: 75

Worksheet time: 40mins

Name
Class
Date
1.

Which principle ensures that different elements in a design appear visually connected even when they are not identical?

a)

Proximity

b)

Balance

c)

Contrast

d)

Alignment

2.

A design that feels equally weighted on both sides of its center uses what type of balance?

a)

Radial Balance

b)

Asymmetrical Balance

c)

Symmetrical Balance

d)

Visual Balance

3.

What principle of design helps direct the viewer’s eye to the most important part of a composition?

a)

Alignment

b)

Contrast

c)

Emphasis

d)

Repetition

4.

Which of these best demonstrates contrast?

a)

Using light blue and dark blue together

b)

Using identical fonts throughout

c)

Aligning all text to the center

d)

Using one color throughout the poster

5.

In a well-designed poster, text and image positioned neatly in relation to one another demonstrate which principle?

a)

Emphasis

b)

Alignment

c)

Proximity

d)

Balance

6.

Why is repetition important in graphic design?

a)

It creates randomness and movement

b)

It brings unity and consistency across the design

c)

It allows for more colors to be used freely

d)

It highlights every element equally

7.

What happens when a design has little or no white space?

a)

It looks cleaner and more readable

b)

It feels overwhelming and cluttered

8.

Which of these would be an example of “asymmetrical balance”?

a)

A centered title with equal margins

b)

A large image on one side balanced by smaller text on the other

c)

Two identical shapes on opposite sides

d)

A perfectly mirrored layout

9.

Which principle is MOST useful for grouping related information in a brochure?

a)

White Space

b)

Proximity

c)

Balance

d)

Contrast

10.

The use of grids in layout design helps achieve:

a)

Movement

b)

Repetition

c)

Alignment

d)

Texture

11.

Which element of design is primarily responsible for creating structure and directing visual flow?

a)

A. Line

b)

B. Form

c)

C. Shape

d)

D. Texture

12.

A designer using a circular logo and rectangular buttons is working with which design element?

a)

Space

b)

Shape

c)

Form

d)

Balance

13.

Which of the following color combinations shows complementary colors?

4 lines
14.

What does “form” in design refer to?

a)

A 2D flat object

b)

A 3D object with depth and volume

c)

A color pattern

d)

A repeating line

15.

Which design element helps prevent visual clutter and allows a design to “breathe”?

a)

Line

b)

Texture

c)

Space

d)

Form

16.

When a design uses a wooden background to give the illusion of touch, it demonstrates:

a)

Shape

b)

Texture

c)

Form

d)

Color

17.

In a minimalist poster, large empty areas are an intentional use of:

a)

Proximity

b)

Line

c)

Negative Space

d)

Texture

18.

The “temperature” of colors (warm or cool) primarily affects:

a)

Readability

b)

Depth perception

c)

Emotional tone

d)

Texture realism

19.

Which element of design is responsible for creating visual hierarchy through boldness or weight?

a)

Typography

b)

Line

c)

Color

d)

Texture

20.

A design that uses highlights and shadows to make a flat object appear realistic is emphasizing which element?

a)

Form

b)

Space

c)

Texture

d)

Line

21.

What is the main difference between shape and form?

a)

Form has color; shape doesn’t

b)

Shape is 2D; form is 3D

c)

Form has texture; shape doesn’t

d)

Shape shows depth; form doesn’t

22.

Which color scheme uses one base color and its lighter or darker shades?

a)

Monochromatic

b)

Complementary

c)

Analogous

d)

Triadic

23.

What is the role of typography as an element of design?

a)

It creates depth

b)

It arranges text to communicate tone and readability

c)

It balances shapes

d)

It controls the amount of white space

24.

The difference between positive and negative space in design helps define:

a)

Texture

b)

Balance

c)

Figure and background

d)

Color temperature

25.

A design with bright colors, thick lines, and heavy forms is most likely aiming to create:

a)

Simplicity

b)

Drama and attention

c)

Calmness

d)

Unity

26.

When lines lead your eyes toward a certain direction, they demonstrate:

a)

Movement

b)

Texture

c)

Shape

d)

Form

27.

Designers use cool colors (like blue and green) primarily to:

a)

Create excitement

b)

Build tension

c)

Convey calmness or peace

d)

Increase contrast

28.

Which of the following is not a font category?

a)

Serif

b)

Sans-serif

c)

Abstract

d)

Script

29.

Serif fonts are best described as:

a)

Fonts without extra strokes at the end of letters

b)

Fonts with small decorative feet or strokes

c)

Fonts with no variation in thickness

d)

Fonts used only for digital design

30.

Which font type is commonly used for websites because of its clarity on screens?

a)

Script

b)

Sans-serif

c)

Display

d)

Serif

31.

Which typographic concept controls the space between individual letters?

a)

A. Kerning

b)

B. Tracking

c)

C. Leading

d)

D. Alignment

32.

The vertical spacing between lines of text is called:

a)

Letter-spacing

b)

Leading

c)

Alignment

d)

Tracking

33.

Which term refers to how text is positioned on a page?

a)

Alignment

b)

Hierarchy

c)

Weight

d)

Baseline

34.

Which type of font is often used for invitations or elegant branding?

a)

Serif

b)

Sans-serif

c)

Script

d)

Display

35.

Why should display fonts be used sparingly?

a)

They are expensive

b)

They are too simple for headlines

c)

They reduce emphasis

d)

They are hard to read in large text blocks

36.

The consistent use of font styles across a design helps maintain:

a)

Contrast

b)

Consistency

c)

Movement

d)

Tension

37.

Typography hierarchy helps:

a)

Add more colors

b)

Make text look random

c)

Guide the reader’s attention to what matters most

d)

Reduce alignment problems

38.

A bold title paired with lighter body text creates:

a)

Unity

b)

Visual hierarchy

c)

Proximity

d)

Alignment

39.

The main body text in a school essay is best written in:

a)

Script font

b)

Display font

c)

Serif font

d)

Handwriting font

40.

The key to good typography in posters is:

a)

Using as many fonts as possible

b)

Avoiding contrast

c)

Using clear hierarchy and alignment

d)

Placing text randomly

41.

A font like Impact or Bebas Neue is ideal for:

a)

Body text

b)

Decorative invitations

c)

Headings and posters

d)

Subtle paragraphs

42.

Which of the following shows poor typography practice?

a)

Using 2 font families consistently

b)

Mixing 5 different fonts on one flyer

c)

Using alignment grids

d)

Emphasizing with bold

43.

What is the visual “tone” created by serif fonts compared to sans-serif fonts?

a)

Serif = modern; Sans-serif = traditional

b)

Serif = traditional; Sans-serif = modern

c)

Serif = playful; Sans-serif = elegant

d)

Serif = neutral; Sans-serif = complex

44.

Which principle best complements typography for readability?

a)

Alignment

b)

Balance

c)

Color harmony

d)

Proximity

45.

When text and visuals are fighting for attention, the best design fix is to:

a)

Add more elements

b)

Increase text size only

c)

Adjust contrast and white space

d)

Use decorative fonts

46.

What’s the main goal of typography in design?

a)

Decoration

b)

Readability and communication

c)

Random creativity

d)

Adding color only

47.

Which typographic style is ideal for digital reading and UI design?

a)

Script

b)

Display

c)

Sans-serif

d)

Serif

48.

Which of the following best represents hierarchy in typography?

a)

Random font sizes

b)

Titles larger than subtitles, subtitles larger than body text

c)

Equal text size everywhere

d)

Color changes only

49.

A heading that grabs attention with bold uppercase letters demonstrates:

a)

Emphasis

b)

Contrast

c)

Alignment

d)

Texture

50.

In professional branding, typography is often paired with which element to strengthen identity?

a)

Texture

b)

Color

c)

Line

d)

Shape

51.

Gina is designing a login screen for her new app. She places the “Submit” button in a hard-to-see corner. Which UI principle is she violating?

a)

Balance

b)

Clarity

c)

Simplicity

d)

Focus

52.

A website has the same font, color scheme, and button style on every page. Which principle is being applied correctly?

a)

Feedback

b)

Consistency

c)

Simplicity

d)

Emphasis

53.

Gina wants users to notice the “Sign Up Now” button first on her app screen. Which principle should she prioritize?

a)

Balance

b)

Clarity

c)

Simplicity

d)

Emphasis

54.

On a news app, the headlines are bold and colorful, while the body text is muted. What design principle is at work?

a)

A. Alignment

b)

B. Contrast

c)

C. Repetition

d)

D. Balance

55.

Gina sketches her app layout with buttons, images, and text aligned neatly in a grid. Which principle is she applying?

a)

Feedback

b)

Balance

c)

Alignment

d)

Simplicity

56.

A crowded UI with too many elements makes users confused. Which principle could improve this?

a)

Focus

b)

Simplicity

c)

Consistency

d)

Feedback

57.

On Gina’s app, clicking “Submit” instantly shows a green check mark. Which principle is demonstrated?

a)

Feedback

b)

Balance

c)

Focus

d)

Clarity

58.

Gina notices that users are tapping wrong buttons because there’s not enough spacing. What element is she missing?

a)

Alignment

b)

White space

c)

Typography

d)

Color

59.

Which combination of elements is MOST critical in making a UI visually intuitive?

a)

A. Typography, color, and spacing

b)

B. Images, sound, and buttons

c)

C. Wireframes, code, and prototype

60.

Gina is designing a mobile app for elderly users. The buttons are tiny, the text is hard to read, and the contrast is low. Which UI principle should she focus on improving first?

a)

Simplicity

b)

Clarity

c)

Consistency

d)

Balance

61.

Gina is testing her food delivery app. Users can’t find the “Order” button. This is an example of a poor:

a)

UX design

b)

UI design

c)

Typography choice

d)

Color scheme

62.

Which real-life scenario BEST demonstrates good UX?

a)

A website with flashy animations but slow loading

b)

A bank app that lets Gina transfer money in three clicks

c)

A poster with bright colors and bold fonts

d)

A login page with confusing text boxes

63.

Gina conducts a survey and observes users struggling with navigation on her app. Which UX step is she performing?

a)

Prototyping

b)

Testing

c)

Wireframing

d)

Research

64.

A UX designer notices that users exit the app at the checkout page. This is a classic example of:

a)

Pain point

b)

Wireframe

c)

Prototype

d)

Alignment issue

65.

When creating personas, Gina invents a character to represent typical users. Which UX term does this represent?

a)

Persona

b)

Storyboard

c)

Wireframe

d)

Prototype

66.

Which UX principle is violated if Gina’s app looks beautiful but users can’t complete tasks easily?

a)

UI design

b)

User-centered design

c)

Typography

d)

Feedback

67.

Gina sketches her app screens on paper before digital designing. Which UX step is she performing?

a)

Prototype

b)

Wireframe

c)

Testing

d)

Research

68.

A video streaming app automatically suggests shows Gina likes, saving her search time. This is an example of:

a)

Good UI

b)

Good UX

c)

Poor UX

d)

Poor UI

69.

Gina observes that users are tapping the wrong icons because they look similar. Which UX principle needs improvement?

a)

Consistency

b)

Feedback

c)

Clarity

d)

Focus

70.

If Gina wants users to feel happy and confident while using her app, which design should she focus on?

a)

UX design

b)

Typography only

c)

UI color schemes only

d)

Layout grids only

71.

Gina designs a shopping app where the “Add to Cart” button changes color when tapped. Which two principles are being combined?

a)

A. Feedback and Focus

b)

B. Simplicity and Alignment

c)

C. White space and Balance

d)

D. Typography and Contrast

72.

Gina notices her app looks perfect, but users complain they can’t figure out how to order. What advice would you give her?

a)

Improve UX by testing user flows

b)

Add more colors

c)

Change font sizes only

d)

Focus only on icons

73.

Gina is designing a mobile quiz app. She ensures each screen has similar button sizes, font, and color. Which UI principle is she applying?

a)

Clarity

b)

Consistency

c)

Focus

d)

Simplicity

74.

In Gina’s prototype, she places too many images and animations on the screen. Users feel overwhelmed. Which UX/UI principle is being ignored?

a)

Simplicity

b)

Feedback

c)

Alignment

d)

Typography

75.

Gina is asked to design an app for visually impaired users. Which combination of principles is MOST important?

a)

High contrast colors, clear typography, and feedback

b)

Bright images and animations

c)

Multiple fonts and button styles

d)

Large negative space only