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

产品: 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

谷歌 Material 3 更新,这个会跳舞的进度条能治愈等待焦虑吗?
Google

组件创新谷歌 Material 3 更新,这个会跳舞的进度条能治愈等待焦虑吗?

猎人 - 龙爪槐守望者8.5

谷歌的Material 3 Expressive 设计语言最新推出的「进度指示器」。它打破了以往线性或环形进度条平稳、静止的视觉范式,通过引入波浪形变和尺寸扩张,让加载过程从...

查看详情

#Material Design#加载#动效

Claude和ChatGPT怎么解决长文本编辑灾难?
Claude

防错设计Claude和ChatGPT怎么解决长文本编辑灾难?

猎人 - 龙爪槐守望者9.0

在Claude和ChatGPT的输入框里,粘贴大段文字后,内容会被转成一个附件卡片。卡片保留摘要预览,并提供「在文本字段中显示」或删除入口,输入框继续保持可编辑状态。它解决的...

查看详情

#AI#Web#剪贴板