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

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

Nitish Khagwal

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

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

细节描述

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

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

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

{{ moreBtnTxt }}

你可能还爱看

一键变身!淘宝让你在办公室也能「摸鱼」?
淘宝

设计彩蛋一键变身!淘宝让你在办公室也能「摸鱼」?

猎人 - 龙爪槐守望者9.3

上班时偶尔想逛逛淘宝,但又怕被老板发现?现在,淘宝网页版推出了主题功能,只需一键切换,淘宝页面就能变身成Excel、Photoshop、VScode、钉钉的界面。再也不用担心...

查看详情

#Excel#Photoshop#VScode

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

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

猎人 - AmberDu小白5.0

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

查看详情

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

对话也能看见?解析 iPhone 灵动岛左右波纹的色彩美学
iOS

可视化设计对话也能看见?解析 iPhone 灵动岛左右波纹的色彩美学

猎人 - 张老三4.5

iPhone通话收起至灵动岛后,通过左右分布的波纹显示对话状态:对方说话时左侧绿色波动,本人说话时右侧橙色起伏,以隐性的方式呈现通话互动。运用 状态可视化 与 感知映射 的手...

查看详情

#动效#可视化#多感官协同