{"id":5672,"date":"2024-04-11T08:00:51","date_gmt":"2024-04-11T08:00:51","guid":{"rendered":"https:\/\/maestrolearning.com\/?p=5672"},"modified":"2024-04-11T08:01:10","modified_gmt":"2024-04-11T08:01:10","slug":"labeled-graphics-in-articulate-rise","status":"publish","type":"post","link":"https:\/\/maestrolearning.com\/blogs\/labeled-graphics-in-articulate-rise\/","title":{"rendered":"How to Precisely Place Hotspots When Building Labeled Graphics in Articulate Rise"},"content":{"rendered":"

If you’re a fan of Articulate Rise 360 tutorials, look no further. Most interactive designers already know and love labeled graphics in Articulate Rise. Labeled graphics let learners interact with and explore different aspects of an image through hotspots that denote points of interest.<\/p>\n

Although hotspots are often organically placed within labeled graphics<\/a>, we\u2019ve found that in many situations, a structured placement of hotspots better suits the content\u2014like spacing the hotspots at an equal distance, in a straight line, or on a grid. You might opt for a structured approach when you\u2019re dealing with content such as flow charts, organizational diagrams, or equation call-outs. But how exactly do you position hotspots in a precise and structured manner in Articulate Rise?<\/p>\n

\"Articulate
An example of precisely placed hotspots on a labeled graphic in Articulate Rise.<\/figcaption><\/figure>\n

It\u2019s not as complicated as you might think, and the results are definitely worth the extra effort. From our bank of Articulate Rise 360 tutorials, here’s a quick video showing you exactly how to do it.<\/p>\n

How to precisely place hotspots in Articulate Rise<\/h2>\n

Watch the process we use when creating a Rise 360 labeled graphic in which all the hotspots are positioned in a precise and structured manner. Usually, this means placing them in a straight line or on a grid, as well as controlling the spacing between each of the elements.<\/p>\n

Here is our process, including a couple of tricks in Adobe Illustrator<\/a> to make structured placement much simpler (this is the secret sauce!).<\/p>\n