微交互如果在电脑端网页里设计灵动岛会怎样?

产品: Nitish Khagwal猎人: 龙爪槐守望者观众: 9.6k人 时间: 2024-11-28

Nitish Khagwal

与「Nitish Khagwal」有关的细节还有 1查看全部

我也有新发现 我要投稿
如果在电脑端网页里设计灵动岛会怎样?如果在电脑端网页里设计灵动岛会怎样?

细节描述

龙爪槐守望者: iPhone的灵动岛设计充分利用了屏幕的显示空间,将原本的屏幕挖孔转变为视觉交互区域,让通知更直观可互动。 如果在电脑端的网页里设计灵动岛应该怎样呢?印度设计师Nitish Khagwal在其博客上设计类似效果叫「滚动岛」,既可以以百分比和环形进度条的方式展示当前文章阅读进度,也可以点开查看目录,点击跳转到对应的章节。这种设计大大增强了用户与内容的互动性。

8.641人评分
收藏 8
分享细节海报

发表评论 为下方 3 条评论点赞,解锁好运彩蛋

{{ moreBtnTxt }}

你可能还爱看

「优酷」强大的动态截屏功能
优酷

手势交互「优酷」强大的动态截屏功能

猎人 - AmberDu小白10.0

「优酷」App的新版本更新后,动态截屏功能变得十分友好:全屏播放页面下,点击屏幕右侧的截屏按钮可进入动态截屏的操作界面。系统会自动帮用户截取30s的视频内容与5s的GIF内容...

查看详情

#交互手势#优酷#好功能

「小宇宙」播放进度条与点赞功能结合的创新操作
小宇宙

信息呈现「小宇宙」播放进度条与点赞功能结合的创新操作

猎人 - 花花🌸Yinghua9.7

在「小宇宙」App的单集播放页中,你会发现播放进度条和常规的滑块进度条有很大差别。除了具有常规的拖拽定位媒体的播放位置,还将用户的点赞情况进行了可视化传达。柱子较高的片段代表...

查看详情

#信息可视化#信息呈现#即刻

从暴力弹窗到温柔提醒:iOS 26这波操作把用户体验拉满了
iOS

动效设计从暴力弹窗到温柔提醒:iOS 26这波操作把用户体验拉满了

猎人 - 龙爪槐守望者9.0

在最新的 iOS 26测试版中,低电量提醒被彻底重塑。它不再是一个强制性的居中弹窗,而是变成了一个和来电提醒、AirPods 连接提示类似的灵动岛顶部横幅通知。这个黑色的胶...

查看详情

#弹窗#提醒#灵动岛