How designers can create interactive prototypes with Illustrator(tomgermeau.com)

over 6 years ago from Tom Germeau, Product Designer at Chartbeat

  • Ryan Hicks, over 6 years ago

    Thanks for the write up. I'm going to try this out.

    Hey Tom can you clarify this section for me...

    A group's click area will be exactly the area its child shapes cover. To avoid potential gaps in its hit target you can add a big invisible rectangle (zero opacity) to the group. That rectangle should cover what you want the group's hit target to be.

    ...so from what I understand. The first layer in the group you want a hit target on should be an invisible square that covers the area you want interaction on?

    0 points
    • Brendan SaundersBrendan Saunders, over 6 years ago

      If you have a group of say 3 boxes, you'll need an invisible rectangle in the group to make the hit target area encompass the 3 boxes and the negative space between them. Without the invisible element, the negative space would be a gap in the hit target.

      0 points