This article is to share with you the main UI designMedium SceneUiInteractive effect of the relevant content, mainly around the interactive effect of the purpose, role, application rules and a brief introduction, we hope to helpSceneUIThe primary goal of interaction is to support and enhance the user's transition between states. Saffer has proposed the following 6 purposes for the use of dynamic effects: 1, attracting the user's attention to the designated area 2, the relationship between performance objects and user actions 3, maintaining a multi-window or multi-state context relationship 4and provide a sense of continuity of events 5, create virtual space to guide users to transform between state and function 6, creating a sense of immersion and fun Scenario UI Four effects: 1, support for micro-interaction 2, show the movement process 3, explain 4, Decoration Googleof theMaterial Design (),proposed inMD, dynamic utility to describe the spatial relationship, function, beauty and fluidity of the goal. The action shows how the APP is organized and what it can do, specifically as follows: 1, boot window toggle 2, prompting the user for what happened next 3, the sense of hierarchy between objects and the sense of space 4, slowing users ' awareness of waiting events 5, Aesthetics and personalizationIn conclusion,we cansummarize the game rules for interactive effects 1.Statetells the user how the state of the object and window is changingwhen the state of the object in the interface needs to change, it is possible to use the dynamic effect to show the changing process, so that the user can perceive the change more clearly. Correspondingly, when the window changes, it is possible to use the dynamic effect to clearly show how the window transitions from one state to another. 2. Attentionattract users ' attention and tell them what to dowhen you want users to focus on an area, or perform an action, you can draw their attention by acting on it. When the user needs to perform an action, noteUiand the combination of the dynamic effect to be able to tell the user what needs to be done. 3. Feedbacktell the user about the relationship between the action and the objectwhen the user performs a certain action, the dynamic effect is a very useful feedback mechanism. Through the appropriate use of the dynamic effect, users can clearly perceive their own operation feedback, let users know what they have done. 4. ReliefEase user perception of application processing speedwhen an application performs a lengthy operation, it can use the action to mitigate the user's perception of time, and even create a fake action effect (in fact, the application does not have to handle this long). Now manyAPPThis principle is applied to the loading action of the pull-down. For users, they are concerned with the perceived speed, not the speed at which the application actually consumes it. 5. Individuationmake products more fun and personalin order to make the product more interesting, you can use the dynamic effect in some situations to create a pleasant animation effect. Two points is the author felt the need to pay attention to, one is the dynamic effect time is short enough, the second is the dynamic effect should be smooth enough. It should be stated that these purposes are not independent. Designers can use any of these to design a dynamic effect. For example, the switching effect between two windows not only attracts the user's attention, but also tells the user that the panel is switching. And also tell the user two panel position and spatial relationship, up and down, around or back and forth. Source: Network
UI Design Dry: Scene UI Interactive design Five principles
