hover

最近，「小红书」用户体验设计部UED上线了一个名为「52 个交互设计原则」的网站。据介绍，这52个交互设计原则是由UED从众多设计原则中筛选出的最高频使用设计原则。网站以动态...

「优设」官网的最新改版暗藏很多有意思的小细节，比如主页顶部的banner图，当鼠标移到banner区域呈现hover的状态下，会显示banner设计使用字体的信息，点击即可跳...

Same是一款主打年轻化的兴趣社交产品，它的web端官网简直是画风清奇，萌点满满。Same的首页放眼看去除了logo一个字符都没有，满屏的图标信息让你仿佛置身于火星文的世界。...

在日常浏览网页时，顶部导航栏是用户获取信息的关键区域。导航栏经常可以通过悬浮方式，展示更多导航下内容。可问题是，对于那些内容丰富的页面，根本没办法让人好好把注意力放在悬浮面板...

drygital设计工作室的网站有着个性又炫酷的视觉与交互效果。团队展示界面的hover效果，就让人意想不到眼前一亮：当鼠标的光标移到单个成员的半身像时，原本正襟危坐的照片会...

b站播放界面下方设置声音、画面、播放模式等的小图标的hover状态，都有可爱的微交互小动画来反馈当前的操作。虽然都是不复杂的小动效，比如调节音量小喇叭图标会有声波震动，宽屏模...

打开「淘票票」的网站浏览影片介绍页面，你会看到页面右上角有一个模拟关灯拉绳的「切换影片」按钮。当鼠标移动到拉绳上面，会出现拉绳下拉的微交互，点击则会切换到所有影片浏览的界面。...

光标变化在网页设计上是很常见的，「即刻」网页端巧妙地运用了这个方法，把光标变化改为了我们在日常生活中常见的黄色禁止通行栅栏图标🚧，能够让用户立马了解该按钮是无法点击，但是又没...

「Discord」的表情图标hover效果独具匠心，每当鼠标轻轻触碰到表情icon，它就仿佛活了起来，会展示出不同的表情。用户能够直观地理解图标的功能含义，情感化的设计也让整...

hover状态鼠标指针的变化给了用户操作提示。在aanstekelijk的网站中将hover跟随鼠标指针持续显示，看着很潮不突兀，又起到了提示用户操作的目的。https://...

b站的网页版在hover状态下查看用户头像被引入了动效展开的交互设计，不仅使得个人信息的查看更为便捷，也赋予了网页更生动有趣的互动体验。大家还有见过哪些类似的设计吗？

有些下拉菜单 hover 展开第二级后，用户鼠标直线移动到最后选项时，二级菜单会消失；而由于鼠标指针离开了一级菜单的选项，hover 效果消失。做得好的下拉菜单会在展开二级菜...

在电脑端打开小电视家的网页，可以看见首页右侧搜索栏的下方每次刷新都会显示不同样式的小动图。将鼠标移上去，还会显示小动图的含义。点击动图，就可以直接到达动图相关的站内搜索内容了。

把鼠标移动到任意一篇「优设」首页内容的时候，都可以看到这篇文章的以弹幕形式出现的用户评论，你可以根据这些用户评论进行快速判断——「这篇内容是我想要去阅读的吗？」，一定程度上能...

你是不是经常在刷社交媒体时，看到一条特别有趣的内容，想关注发布者，却又犹豫「这人靠不靠谱？值得关注吗？」然后开始翻ta的主页，看了半天还是拿不定主意？