GIF

我最初的设计中,鼠标悬停在卡片上的时候,卡片会立即向上滑动。然而,当鼠标快速地移动在卡片上时,我发现指针进入和指针离开事件会过快触发,导致卡片开始抖动。

GIF 展示了修复后的版本。当鼠标快速地在三个卡片上滑动时,中间的卡片不会被移动,因为系统已经认识到这只是鼠标在卡片上滑过而已。

截图

有些时候,做的好坏取决于细节。这一点可能令我们感到困惑,但让 UI 反应延迟一小秒(毫秒级别),这会大大提高稳定性。当然,这个延迟不应该被应用在各个地方,仅仅更新文字描述的 UI 元素通常不需要这个延迟。

截图

我在我的交易界面中遇到了这个问题。没有延迟,资产详细信息面板会在鼠标移动在买入和卖出按钮上时重复地闪烁。

我不是专业的程序员,但我正在学习,我发现 UI 开发充满了这些细微的问题。如果能听到你们的看法或获得其他的优化技巧,请告诉我。