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

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

Nitish Khagwal

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

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

细节描述

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

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

发评论!每天赢奖品

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

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

本期奖品

发表评论 已发布3

{{ moreBtnTxt }}

你可能还爱看

「江南百景图」:加载进度条如何进行文字包装?
江南百景图

文案「江南百景图」:加载进度条如何进行文字包装?

猎人 - 洛糊糊8.0

长时间的Loading常常会让人感知到等待的乏味,因此许多游戏都会对Loading界面进行包装,比较常规的就是在界面随机滚动播放游戏的小窍门或小故事。而「江南百景图」选择了将...

查看详情

#情感化设计#文案#江南百景图

「腾讯动漫」别出心裁的banner轮播动效
腾讯动漫

设计逻辑「腾讯动漫」别出心裁的banner轮播动效

猎人 - AmberDu小白4.5

越来越多的网站会在主页banner轮播图的下方加入进度条来提示访问者banner切换的时间,「腾讯动漫」则巧妙地将轮播图的进度条设计与平台吉祥物飞过屏幕的动画效果结合起来。为...

查看详情

#banner#二次元#动漫

小红书APP是如何通过设计,让内容上传的等待时间被高效利用的?
小红书

设计逻辑小红书APP是如何通过设计,让内容上传的等待时间被高效利用的?

猎人 - AmberDu小白8.4

在社交平台上传较大的视频时,通常需要经历较长的等待时间。「小红书」APP 将视频上传中的进度条顶置在「首页」信息流页面上方,方便用户等待视频上传的同时也可以继续浏览其他内容,...

查看详情

#小红书#操作中有反馈#效率