UI设计素材干货模板|移动按钮的“悬停效果”
标准的屏幕页面许多元素。按钮上的悬停效果可以提供视觉反馈来告知用户可以与之交互的内容。但是有一个问题-悬停效果是针对桌面应用程序的,而不是针对移动应用程序的。
初学者往往掌握不好效果,在移动应用程序上使用悬停效果会导致在点击时按钮保持在悬停状态。这种效果不仅使用户感到困惑,而且当他们被迫双击按钮以启动操作时,也会使他们感到沮丧。
初学者不妨先到搜UI (SOOUI)对一些成功案例,进行临摹练习,相信会给网页设初学者很好的体验!
美丽的按钮悬停 移动按钮的目标尺寸小于桌面按钮的尺寸,击中难度更大。不仅如此,有时他们的手指会以不同的表面积压力击中目标,而这并不总是触发动作。
移动按钮的悬停效果是波纹效果。涟漪效果可为用户点击按钮提供所需的视觉反馈。用户在按钮上看到波纹动画,以确保他们的手指准确地击中目标。
如果他们没有看到涟漪效应,就知道他们误按了按钮。视觉反馈使他们可以立即确认是否正确点击,这样他们就不必等待并怀疑为什么如果他们误以为是没有响应。
悬停按钮的InVision工作室 波纹动画很直观,因为它模仿水的接触。当您将石头扔进池塘时,表面会出现涟漪,使您可以看到它降落的位置。水的性质提供了视觉反馈,就像涟漪效应一样。