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

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

Nitish Khagwal

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

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

细节描述

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

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

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

{{ moreBtnTxt }}

你可能还爱看

在芒果TV追剧,长按视频有惊喜哦~
芒果TV

微交互在芒果TV追剧,长按视频有惊喜哦~

猎人 - AmberDu小白9.0

看视频时有些情节很无聊怎么办?通常我们都会通过拖动进度条去快进视频,而在芒果TV只要长按屏幕就会出现一个中间有小闪电的圈圈旋转的动效,视频就会加速播放。这样的形式相较没有加速...

查看详情

#交互手势#即时反馈#心理暗示

进入魔法世界的Loading界面暗藏哪些玄机?
哈利波特·魔法觉醒

设计逻辑进入魔法世界的Loading界面暗藏哪些玄机?

猎人 - AmberDu小白6.2

由于手游经常更新补丁,需要在正式进入游戏前的登录界面自动下载最新的资源文件,Loading界面通常的等待时间会较长。为了缓解玩家等待下载时的乏味体验,很多游戏都会对Loadi...

查看详情

#信息呈现#加载动画#哈利波特·魔法觉醒

进度条还能这么玩?看京东如何把复杂的优惠规则做成可视化UI 
京东

可视化设计进度条还能这么玩?看京东如何把复杂的优惠规则做成可视化UI 

猎人 - 龙爪槐守望者8.2

我们通常认为进度条是用来显示下载进度或加载时间的,但如果我告诉你,在电商设计中,进度条其实是一个最高级的催单武器,你相信吗?京东购物车的底部结算栏上方,悬浮着一个非常醒目的动...

查看详情

#信息可视化#所见即所得#目标渐进效应