WorksheetsSemi-Final Examination - ELECT 4
Total questions: 25
Worksheet time: 20mins
Multiple Choice: What does a wireframe primarily represent?
Final website design
Basic page layout and structure
Color palette options
Interactive animations
Multiple Choice: Which of the following does a wireframe focus on?
Colors and branding
Function and placement
Typography styles
High-quality product photos
Multiple Choice: Why is wireframing useful before full design?
It increases storage space
It visualizes structure early and saves time
It completes the final output
It adds colors and images
Multiple Choice: Which tool is mainly used to make wireframes in the PDF?
Canva
Photoshop
Figma
Blender
Multiple Choice: What type of tool is Figma described as?
Paid offline tool
Free, web-based tool
Coding software
3D modeling software
Multiple Choice: What Figma feature allows multiple people to design at the same time?
Export tool
Collaboration
Filters
VR mode
Multiple Choice: Which Figma element acts as your “page” or screen?
Components
Shapes
Frame
Text
What Figma element is used for reusable items like nav bars or buttons?
Shapes
Grids
Components
Frames
Why do grids help in Figma?
They add colors automatically
They make spacing consistent
They animate objects
They crop images
Which is a required part of an e-commerce page in a wireframe?
Random images
Bright colored banners
Header & navigation
Music player widget
A visual guide showing webpage structure without colors and images.
The tool used to add words like labels and headings in Figma.
A reusable design element such as a navigation bar or button.
Feature that helps multiple people design together in real time.
Figma element that represents the page or screen.
A wireframe uses boxes and lines instead of colors to show the page’s (a) .
Grids help keep the (a) consistent in a wireframe.
E-commerce pages in wireframes must include a footer with links or (a) info.
Buttons such as “Add to Cart” or “Buy Now” are examples of (a) .
The main content area in a wireframe may include products and their (a) .
Which tool lets you move objects around in Figma?
Text Tool
Shape Tool
Move Tool
Pen Tool
Which shape is most commonly used as a placeholder for product images in a wireframe?
Triangle
Circle
Rectangle
Diamond
Which Figma tool is used to type words on the screen?
Move Tool
Shape Tool
Text Tool
Hand Tool
What color style is commonly used when making wireframes?
Bright neon colors
Gray colors
Rainbow palette
Pastel colors
When wireframing in Figma, why do designers mainly use grayscale colors?
To reduce file size
To focus on layout instead of style
To match corporate branding
To speed up animations
