10.2.1. Definition

Try these first

1. 1.

   What is the primary focus of a wireframe?

   Hint

   Think about what a skeleton shows of a body.

2. 2.

   Name one tool that can be used to create mockups.

   Hint

   This tool allows for interactive designs.

3. 3.

   What is the main function of a wireframe?

   • To provide detailed aesthetics
   • To illustrate layout and navigation
   • To finalize branding

   Hint

   Think about the foundational role of this tool.

4. 4.

   True or False: Mockups do not include branding elements.

   • True
   • False

   Hint

   Recall what differentiates mockups from wireframes.

5. 5.

   Design a wireframe for a personal portfolio website that highlights your projects. Describe your choices for layout and navigation.

   Hint

   Focus on structure, not aesthetics, using grids for alignment.

6. 6.

   Create a mockup for a mobile app that tracks daily habits. Identify colors, typography, and branding elements.

   Hint

   Consider what appeals visually and functionally to users.