What is the method of making Axure bubble scintillation diagram?

In some common large-screen visualization, blinking bubbles will be used as some tips for dynamic prompts. So, how to design and make it in Axure prototype software? If you are curious, you can look down ~ For Axure learning partners at different stages, we have provided you with several sets of Axure self-study video lessons, including basic introduction of prototype drawing, interactive tutorial of APP shopping cart, interactive tutorial of Alipay APP, interactive tutorial of page switching of APP list, interactive tutorial of mobile login, etc. , can provide friends with basic functional learning and hands-on practice in all directions. If you are interested, you can learn and experience it ~

Making method of axial bubble flash diagram:

1. This function realizes the continuous dynamic change of the target component in the interface. 2. Manufacturing method (taking uniform change as an example) 1) uses the loading interaction of components to set the size of components to change relative to the original size. For example, if the set size is smaller than the original size, the dynamic effect of reduction will be performed first.

Select the center point, which absolutely determines what to zoom (enlarge) around. Select the center normally.

Animation duration, if no animation duration is set, it will load at a very fast speed. Basically, the preview interface has been loaded since it came out. Here, in order to achieve the effect of relative zoom (magnification), it is necessary to set the duration.

Note: 1 sec is 1000 ms. By setting 300-500 milliseconds, the shorter the time, the faster the interactive pin changes. 2) Using the interaction when the component size changes, the continuous interaction continues the overall interaction effect, which is a cycle of "big (original state) _ small-big-small", where the continuous interaction can be triggered by the component size change. First, set the corresponding size to restore to the original size (or similar size). Set the same animation duration. Key point: In order to ensure the continuity of interaction, the animation duration here should be consistent with the interaction when loading, so as to achieve uniform contraction. If you want to achieve non-uniform zoom, you can set different times.

Regarding dimensions, the dimensions are restored to the original dimensions. If a gradient is involved, it can be less or more pixels, so that the interaction can be natural.

After restoring to the original size, set the reduced interaction again. Set simplified properties by loading simplified properties. 3. Other related knowledge points 1) How to set the continuous change from small to large only needs to remove the animation duration in the last link in the state of "big (original state) _ small-big-small" ("big (original state) _ small-big-small"). When the animation duration is removed, the corresponding component will immediately become smaller in the subsequent loop. 2) How to deal with the gradient effect In this case, the gradient is realized by the radial direction in the color filled by the component. You can zoom in on the canvas to adjust the radial details.

When the color is in multiple transitions, the nature of the main transition.

The transparency of each key point can be adjusted separately, and the related effects can be adjusted through transparency.

3) How to set the icon to change the effect of the icon is actually consistent with the setting in the above case, just set the corresponding interactive effect on the icon. The final effect picture: The above is "How to make Axure bubble flicker picture?" I have explained the relevant content, hoping to help you! Learn Axure prototype design, the tutorial is not afraid of many, the content is not afraid of details, more Axure articles are waiting for you to see ~Axure, as an ancient prototype drawing tool, has the most complete functions and the most diverse interactive ways. Basically, any desired effect can be achieved, especially making prototype drawings on PC. If you want to learn, then I suggest you follow our professional lecturer and learn accurately ~