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

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

Nitish Khagwal

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

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

细节描述

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

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

发评论!每天赢奖品

点击 登录 后,在评论区留言,系统会随机派送奖品

2012年成立至今,是国内备受欢迎的设计师平台,提供奖品赞助 联系我们

本期奖品

发表评论 已发布3

{{ moreBtnTxt }}

你可能还爱看

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

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

猎人 - AmberDu小白6.8

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

查看详情

#交互手势#即刻#潮流

让小萌猫在进度条上打瞌睡的「猫耳FM」
猫耳FM

微交互让小萌猫在进度条上打瞌睡的「猫耳FM」

猎人 - AmberDu小白9.0

「猫耳FM」的音频播放进度条的图标是平台的吉祥物小萌猫的形象。当音频处于暂停的状态,小猫儿会呈现打瞌睡的样子;而当按下播放键,音频播放中的进度条上小萌猫会开心地向前移动。用情...

查看详情

#交互手势#微交互#情感化设计

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

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

猎人 - 花花🌸Yinghua9.7

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

查看详情

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