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

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

Nitish Khagwal

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

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

细节描述

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

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

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

{{ moreBtnTxt }}

你可能还爱看

美团外卖是如何让用户方便感知外卖进度的?
美团外卖

用户体验美团外卖是如何让用户方便感知外卖进度的?

猎人 - 卷卷墩儿浪里个浪9.0

最近在「美团外卖」下单后,当手机还在锁屏时,轻触屏幕后锁屏界面首次出现外卖进度提示模块,模块设计简洁收敛,聚焦关键信息和送餐进度,并询问用户是否允许通知,即使用户选择关闭,仍...

查看详情

#人性化#信息呈现#情感化设计

Mac上出现iPhone灵动岛?苹果这个神操作让我彻底告别手机依赖症
macOS

新功能Mac上出现iPhone灵动岛?苹果这个神操作让我彻底告别手机依赖症

猎人 - 龙爪槐守望者9.7

你在Mac上全神贯注地码字或剪片子,思路正顺,旁边的iPhone却「叮」地亮了一下。是外卖到了,还是不重要的App推送?这种「看还是不看」的纠结,瞬间就能打断宝贵的心流状态。

查看详情

#心流#推送#灵动岛

用了即刻 APP 的最新版本,才知道阅读交互可以这么酷炫
即刻

设计彩蛋用了即刻 APP 的最新版本,才知道阅读交互可以这么酷炫

猎人 - AmberDu小白6.8

「即刻」APP 的最新版本为阅读长图增添了超炫酷的荧光进度条设计。在APP里点击长图文进行查看,滑动图片时手机顶部会出现一条移动的荧光线条,并且线条形状与机型刘海形状适配,会...

查看详情

#交互手势#即刻#潮流