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

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

Nitish Khagwal

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

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

细节描述

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

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

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

{{ moreBtnTxt }}

你可能还爱看

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

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

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

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

查看详情

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

「流利说」你见过带进度条的导航栏图标吗?
英语流利说

信息呈现「流利说」你见过带进度条的导航栏图标吗?

猎人 - 闪电猪猪侠8.5

使用「流利说」App时,用户在学习中是看不见一级页面的。但如果用户中途有事退出了学习,那么回到主界面就可以看到导航栏的「学习」图标变成了一个环形进度条,圆环的中心数字显示着用...

查看详情

#信息呈现#图标#教育

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

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

猎人 - AmberDu小白10.0

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

查看详情

#banner#Bilibili#二次元