Font size
WorksheetsGraphic & UI Design
Total questions: 75
Worksheet time: 40mins
Which principle ensures that different elements in a design appear visually connected even when they are not identical?
Proximity
Balance
Contrast
Alignment
A design that feels equally weighted on both sides of its center uses what type of balance?
Radial Balance
Asymmetrical Balance
Symmetrical Balance
Visual Balance
What principle of design helps direct the viewer’s eye to the most important part of a composition?
Alignment
Contrast
Emphasis
Repetition
Which of these best demonstrates contrast?
Using light blue and dark blue together
Using identical fonts throughout
Aligning all text to the center
Using one color throughout the poster
In a well-designed poster, text and image positioned neatly in relation to one another demonstrate which principle?
Emphasis
Alignment
Proximity
Balance
Why is repetition important in graphic design?
It creates randomness and movement
It brings unity and consistency across the design
It allows for more colors to be used freely
It highlights every element equally
What happens when a design has little or no white space?
It looks cleaner and more readable
It feels overwhelming and cluttered
Which of these would be an example of “asymmetrical balance”?
A centered title with equal margins
A large image on one side balanced by smaller text on the other
Two identical shapes on opposite sides
A perfectly mirrored layout
Which principle is MOST useful for grouping related information in a brochure?
White Space
Proximity
Balance
Contrast
The use of grids in layout design helps achieve:
Movement
Repetition
Alignment
Texture
Which element of design is primarily responsible for creating structure and directing visual flow?
A. Line
B. Form
C. Shape
D. Texture
A designer using a circular logo and rectangular buttons is working with which design element?
Space
Shape
Form
Balance
Which of the following color combinations shows complementary colors?
What does “form” in design refer to?
A 2D flat object
A 3D object with depth and volume
A color pattern
A repeating line
Which design element helps prevent visual clutter and allows a design to “breathe”?
Line
Texture
Space
Form
When a design uses a wooden background to give the illusion of touch, it demonstrates:
Shape
Texture
Form
Color
In a minimalist poster, large empty areas are an intentional use of:
Proximity
Line
Negative Space
Texture
The “temperature” of colors (warm or cool) primarily affects:
Readability
Depth perception
Emotional tone
Texture realism
Which element of design is responsible for creating visual hierarchy through boldness or weight?
Typography
Line
Color
Texture
A design that uses highlights and shadows to make a flat object appear realistic is emphasizing which element?
Form
Space
Texture
Line
What is the main difference between shape and form?
Form has color; shape doesn’t
Shape is 2D; form is 3D
Form has texture; shape doesn’t
Shape shows depth; form doesn’t
Which color scheme uses one base color and its lighter or darker shades?
Monochromatic
Complementary
Analogous
Triadic
What is the role of typography as an element of design?
It creates depth
It arranges text to communicate tone and readability
It balances shapes
It controls the amount of white space
The difference between positive and negative space in design helps define:
Texture
Balance
Figure and background
Color temperature
A design with bright colors, thick lines, and heavy forms is most likely aiming to create:
Simplicity
Drama and attention
Calmness
Unity
When lines lead your eyes toward a certain direction, they demonstrate:
Movement
Texture
Shape
Form
Designers use cool colors (like blue and green) primarily to:
Create excitement
Build tension
Convey calmness or peace
Increase contrast
Which of the following is not a font category?
Serif
Sans-serif
Abstract
Script
Serif fonts are best described as:
Fonts without extra strokes at the end of letters
Fonts with small decorative feet or strokes
Fonts with no variation in thickness
Fonts used only for digital design
Which font type is commonly used for websites because of its clarity on screens?
Script
Sans-serif
Display
Serif
Which typographic concept controls the space between individual letters?
A. Kerning
B. Tracking
C. Leading
D. Alignment
The vertical spacing between lines of text is called:
Letter-spacing
Leading
Alignment
Tracking
Which term refers to how text is positioned on a page?
Alignment
Hierarchy
Weight
Baseline
Which type of font is often used for invitations or elegant branding?
Serif
Sans-serif
Script
Display
Why should display fonts be used sparingly?
They are expensive
They are too simple for headlines
They reduce emphasis
They are hard to read in large text blocks
The consistent use of font styles across a design helps maintain:
Contrast
Consistency
Movement
Tension
Typography hierarchy helps:
Add more colors
Make text look random
Guide the reader’s attention to what matters most
Reduce alignment problems
A bold title paired with lighter body text creates:
Unity
Visual hierarchy
Proximity
Alignment
The main body text in a school essay is best written in:
Script font
Display font
Serif font
Handwriting font
The key to good typography in posters is:
Using as many fonts as possible
Avoiding contrast
Using clear hierarchy and alignment
Placing text randomly
A font like Impact or Bebas Neue is ideal for:
Body text
Decorative invitations
Headings and posters
Subtle paragraphs
Which of the following shows poor typography practice?
Using 2 font families consistently
Mixing 5 different fonts on one flyer
Using alignment grids
Emphasizing with bold
What is the visual “tone” created by serif fonts compared to sans-serif fonts?
Serif = modern; Sans-serif = traditional
Serif = traditional; Sans-serif = modern
Serif = playful; Sans-serif = elegant
Serif = neutral; Sans-serif = complex
Which principle best complements typography for readability?
Alignment
Balance
Color harmony
Proximity
When text and visuals are fighting for attention, the best design fix is to:
Add more elements
Increase text size only
Adjust contrast and white space
Use decorative fonts
What’s the main goal of typography in design?
Decoration
Readability and communication
Random creativity
Adding color only
Which typographic style is ideal for digital reading and UI design?
Script
Display
Sans-serif
Serif
Which of the following best represents hierarchy in typography?
Random font sizes
Titles larger than subtitles, subtitles larger than body text
Equal text size everywhere
Color changes only
A heading that grabs attention with bold uppercase letters demonstrates:
Emphasis
Contrast
Alignment
Texture
In professional branding, typography is often paired with which element to strengthen identity?
Texture
Color
Line
Shape
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?
Balance
Clarity
Simplicity
Focus
A website has the same font, color scheme, and button style on every page. Which principle is being applied correctly?
Feedback
Consistency
Simplicity
Emphasis
Gina wants users to notice the “Sign Up Now” button first on her app screen. Which principle should she prioritize?
Balance
Clarity
Simplicity
Emphasis
On a news app, the headlines are bold and colorful, while the body text is muted. What design principle is at work?
A. Alignment
B. Contrast
C. Repetition
D. Balance
Gina sketches her app layout with buttons, images, and text aligned neatly in a grid. Which principle is she applying?
Feedback
Balance
Alignment
Simplicity
A crowded UI with too many elements makes users confused. Which principle could improve this?
Focus
Simplicity
Consistency
Feedback
On Gina’s app, clicking “Submit” instantly shows a green check mark. Which principle is demonstrated?
Feedback
Balance
Focus
Clarity
Gina notices that users are tapping wrong buttons because there’s not enough spacing. What element is she missing?
Alignment
White space
Typography
Color
Which combination of elements is MOST critical in making a UI visually intuitive?
A. Typography, color, and spacing
B. Images, sound, and buttons
C. Wireframes, code, and prototype
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?
Simplicity
Clarity
Consistency
Balance
Gina is testing her food delivery app. Users can’t find the “Order” button. This is an example of a poor:
UX design
UI design
Typography choice
Color scheme
Which real-life scenario BEST demonstrates good UX?
A website with flashy animations but slow loading
A bank app that lets Gina transfer money in three clicks
A poster with bright colors and bold fonts
A login page with confusing text boxes
Gina conducts a survey and observes users struggling with navigation on her app. Which UX step is she performing?
Prototyping
Testing
Wireframing
Research
A UX designer notices that users exit the app at the checkout page. This is a classic example of:
Pain point
Wireframe
Prototype
Alignment issue
When creating personas, Gina invents a character to represent typical users. Which UX term does this represent?
Persona
Storyboard
Wireframe
Prototype
Which UX principle is violated if Gina’s app looks beautiful but users can’t complete tasks easily?
UI design
User-centered design
Typography
Feedback
Gina sketches her app screens on paper before digital designing. Which UX step is she performing?
Prototype
Wireframe
Testing
Research
A video streaming app automatically suggests shows Gina likes, saving her search time. This is an example of:
Good UI
Good UX
Poor UX
Poor UI
Gina observes that users are tapping the wrong icons because they look similar. Which UX principle needs improvement?
Consistency
Feedback
Clarity
Focus
If Gina wants users to feel happy and confident while using her app, which design should she focus on?
UX design
Typography only
UI color schemes only
Layout grids only
Gina designs a shopping app where the “Add to Cart” button changes color when tapped. Which two principles are being combined?
A. Feedback and Focus
B. Simplicity and Alignment
C. White space and Balance
D. Typography and Contrast
Gina notices her app looks perfect, but users complain they can’t figure out how to order. What advice would you give her?
Improve UX by testing user flows
Add more colors
Change font sizes only
Focus only on icons
Gina is designing a mobile quiz app. She ensures each screen has similar button sizes, font, and color. Which UI principle is she applying?
Clarity
Consistency
Focus
Simplicity
In Gina’s prototype, she places too many images and animations on the screen. Users feel overwhelmed. Which UX/UI principle is being ignored?
Simplicity
Feedback
Alignment
Typography
Gina is asked to design an app for visually impaired users. Which combination of principles is MOST important?
High contrast colors, clear typography, and feedback
Bright images and animations
Multiple fonts and button styles
Large negative space only
