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

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

Nitish Khagwal

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

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

细节描述

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

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

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

{{ moreBtnTxt }}

你可能还爱看

「腾讯动漫」别出心裁的banner轮播动效
腾讯动漫

设计逻辑「腾讯动漫」别出心裁的banner轮播动效

猎人 - AmberDu小白4.5

越来越多的网站会在主页banner轮播图的下方加入进度条来提示访问者banner切换的时间,「腾讯动漫」则巧妙地将轮播图的进度条设计与平台吉祥物飞过屏幕的动画效果结合起来。为...

查看详情

#banner#二次元#动漫

Spotify的光剑进度条,让星战粉丝瞬间破防
Spotify

彩蛋设计Spotify的光剑进度条,让星战粉丝瞬间破防

猎人 - 龙爪槐守望者7.0

打开音乐 APP,播放歌曲,拖动进度条——这个动作你每天可能要重复几十次。但你有没有想过,这个最平常不过的交互,也能给你带来惊喜?当你在 Spotify 播放 John Wi...

查看详情

#彩蛋#情感化设计#滑块

谁还在瞎拖进度条?抖音章节标题帮你秒找想看片段
抖音

组件创新谁还在瞎拖进度条?抖音章节标题帮你秒找想看片段

猎人 - 七月之五月9.2

以前刷抖音视频,底部就只有一条进度条,想找某个片段只能凭感觉瞎拖,经常错过想看的内容。后来进度条上多了分割定位点,算是有了初步的指引,但还是不够直观。 现在的设计真的太懂用户了!

查看详情

#前馈#截图#模态