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

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

Nitish Khagwal

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

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

细节描述

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

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

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

{{ moreBtnTxt }}

你可能还爱看

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

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

猎人 - AmberDu小白9.0

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

查看详情

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

Windows和macOS文件重命名体验大PK,你更青睐哪一个?
Windows

体验槽点Windows和macOS文件重命名体验大PK,你更青睐哪一个?

猎人 - 知更鸟6.8

在Windows系统中,重命名文件或文件夹时,常常会遇到弹窗提示:「操作无法完成,因为文件夹或文件已在另一程序中打开,请关闭后重试。」这时,您可能不得不逐一查找打开的文件,甚...

查看详情

#macOS#微软#文件

隐藏技巧:微信输入法还能当计算器?
微信输入法

微交互隐藏技巧:微信输入法还能当计算器?

猎人 - 龙爪槐守望者9.8

和朋友聊天时,如果需要计算数字,通常得切换到计算器软件,算完再回来复制粘贴,挺麻烦的。现在,微信输入法新增了一个功能:在输入框中输入计算公式,在电脑端加上「=」号,就能立即显...

查看详情

#手机端#电脑端#计算器