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

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

Nitish Khagwal

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

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

细节描述

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

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

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

{{ moreBtnTxt }}

你可能还爱看

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

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

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

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

查看详情

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

bilibili的「吃豆人」轮播图设计
Bilibili

视觉bilibili的「吃豆人」轮播图设计

猎人 - AmberDu小白10.0

「吃豆人」Pac-Man是电子游戏历史上经典的街机游戏,由Namco公司的岩谷彻设计并由Midway Games在1980年发行,被认为是80年代最经典的街机游戏之一,是很多...

查看详情

#banner#Bilibili#二次元

「即刻」:您的2019已充值完毕,新的一年一起走花路吧
即刻

设计彩蛋「即刻」:您的2019已充值完毕,新的一年一起走花路吧

猎人 - AmberDu小白0.0

「即刻」有个很特别的圈子叫「今年的时间进度条」,团队在2018-2019的跨年夜特意在这个主题区安排了倒数计时的动效彩蛋。当15秒倒计时结束进入2019新的一年,屏幕上不仅会...

查看详情

#动效#即刻#文案