Manipulating layers with interactions

In the preceding example, we used a single image to represent a whole screen of an app. In this section, we will use layers to define separate behaviors for different parts of the prototype.

Manipulating layers

In this prototype, we'll explore a simple interaction that simulates the status change of an object. In the main list of activities on our example app, each element has a bookmark icon. We will build a prototype where you can activate and deactivate the bookmarked status of one item in the list.

We'll illustrate how to support this interaction through the following two different approaches:

• Using a single layer for the active state
• Using separate layers for each state...