12. A designer creates a mockup of a website homepage for a yoga studio. They incorporate elements including images and symbols associated with health and wellness. What visual design element are they using?
- Symbology
- Typography
- Layouts
- Iconography
13. How can designers employ layouts to enhance a mockup?
- Organize text and typefaces to make language legible, readable, and visually appealing
- Arrange text and images to organize simple user journeys, and make content easy to find
- Mix, match, and contrast colors and text to communicate a core theme
- Compile images, shapes, and symbols to create an association with a subject or idea
14. Fill in the blank: When creating high-fidelity digital mockups, you should build them in _____.
- the practice section of a design tool
- a new design tool
- a different design tool from your earlier design iterations
- the same design tool you used to build your wireframes and low-fidelity prototype
15. Fill in the blank: When creating a design system, you can download a _____ to help get a head start on your designs.
- color checker
- style locator
- UI kit
- prototype template
16. What should high-fidelity mockups include?
- Digital and paper-based wireframes
- Front- and back-end site code
- Visual and UI elements
- Interactive components and transitions
17. What do mockups allow designers to do?
- Incorporate complex interactions and animations
- Bring designs to life using visual design elements
- Refine a design’s information architecture
- Identify a target user’s needs and pain points
18. You are in a meeting with a client. The client is unclear about what makes a mockup different from a wireframe. What can you tell the client?
- Wireframes are interactive designs that closely represent the final product. Mockups are static images without a lot of detail or color.
- Wireframes are static, high-fidelity designs that closely represent the final product. Mockups are static images that provide an overview of the hierarchy of the webpage.
- Wireframes are static images that provide an overview of the layout and hierarchy of the webpage. Mockups are static, high-fidelity designs with visual and UI elements.
- Wireframes are static designs with visual and UI elements. Mockups are static images that provide an overview of the layout and hierarchy of the webpage.
19. A designer creates a mockup of a website homepage for a local business. They take time to arrange, organize, and place elements like text and images, making sure important elements stand out. What aspect of visual design are they adding to the mockup?
- Typography
- Iconography
- Symbology
- Layouts
20. You are creating a mockup of a food delivery mobile app. While creating the mockup you arrange the elements thoughtfully and make sure that important features are emphasized. What aspect of visual design are you adding?
- Typography
- Iconography
- Layouts
- Symbology
Shuffle Q/A 2
21. Fill in the blank: When creating a design system in Figma, you will use a(n) _____.
- visual system
- sticker sheet
- asset panel
- button kit
22. A team of UX designers is interested in receiving feedback. They are presenting a static, high-fidelity representation of the final state of their product. What is this representation known as?
- Wireframe
- Mockup
- Sketch
- Prototype
