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

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

Nitish Khagwal

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

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

细节描述

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

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

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

{{ moreBtnTxt }}

你可能还爱看

B站又调皮了,这一次请大家恰柠檬🍋
Bilibili

设计彩蛋B站又调皮了,这一次请大家恰柠檬🍋

猎人 - AmberDu小白9.0

bilibili最近上线了由畑健二郎创作的漫画改编的新番「总之就是非常可爱」,可能是因为剧情太甜连工作人员都酸了,团队直接请大家「恰柠檬」🍋—— 播放进度条上的小电视icon...

查看详情

#Bilibili#图标#情感化设计

音乐社交新玩法:网易云音乐让你的锁屏「活」起来!
网易云音乐

新功能音乐社交新玩法:网易云音乐让你的锁屏「活」起来!

猎人 - 龙爪槐守望者5.8

网易云音乐的评论区向来是这个APP最有特色的亮点之一。不论是热评的妙语连珠,还是网友真挚动人的分享,这些都能让我们在欣赏音乐的同时,感受到更多属于「知音」的共鸣与慰藉。而网易...

查看详情

#iOS#实时活动#灵动岛

对话也能看见?解析 iPhone 灵动岛左右波纹的色彩美学
iOS

可视化设计对话也能看见?解析 iPhone 灵动岛左右波纹的色彩美学

猎人 - 张老三4.5

iPhone通话收起至灵动岛后,通过左右分布的波纹显示对话状态:对方说话时左侧绿色波动,本人说话时右侧橙色起伏,以隐性的方式呈现通话互动。运用 状态可视化 与 感知映射 的手...

查看详情

#动效#可视化#多感官协同