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

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

Nitish Khagwal

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

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

细节描述

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

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

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

{{ moreBtnTxt }}

你可能还爱看

「江南百景图」:加载进度条如何进行文字包装?
江南百景图

文案「江南百景图」:加载进度条如何进行文字包装?

猎人 - 洛糊糊8.0

长时间的Loading常常会让人感知到等待的乏味,因此许多游戏都会对Loading界面进行包装,比较常规的就是在界面随机滚动播放游戏的小窍门或小故事。而「江南百景图」选择了将...

查看详情

#情感化设计#文案#江南百景图

iPhone「灵动岛」,手电筒UI也能玩出花!
iOS

动效iPhone「灵动岛」,手电筒UI也能玩出花!

猎人 - 龙爪槐守望者9.7

随着iOS 18的更新,iPhone的手电筒功能迎来了一场革命性的升级。现在,手电筒界面从「灵动岛」中优雅地浮现,用户可以通过简单的上下滑动来调节光线强度,左右滑动则能调整光...

查看详情

#iOS#动效#手电筒

手把手教你学舞蹈的神器软件

交互手势手把手教你学舞蹈的神器软件

猎人 - AmberDu小白5.0

作为一款教学类的舞蹈社区软件,「跳跳舞蹈」针对舞蹈教学这个使用场景不仅设计了贴心的「镜面反转」,还提供了「A-B循环播放」功能。用户根据自己想学舞蹈的动作内容,可以自己在进度...

查看详情

#交互手势#人性化#情境预判