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

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

Nitish Khagwal

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

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

细节描述

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

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

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

{{ moreBtnTxt }}

你可能还爱看

如何通过可视化设计让客户直观了解网速有多快?
swisscom

信息呈现如何通过可视化设计让客户直观了解网速有多快?

猎人 - 龙爪槐守望者9.5

仅凭带宽数字不能很好的比较网速具体多快。「swisscom」为用户提供可视化的网速呈现方式,选择不同的网速套餐,将用进度条展示对应网速下浏览网站,下载电子书、CD、更新包和电...

查看详情

#swisscom#人性化#信息呈现

微信读书新版自动翻页功能虽强,但这1个槽点我必须说
微信读书

迭代升级微信读书新版自动翻页功能虽强,但这1个槽点我必须说

猎人 - 一道创意设计9.0

微信读书新旧版自动阅读界面有明显迭代。旧版设计简洁,仅保留基础阅读控制,虽能让用户专注文字,但翻页节奏难感知,且只有动态上下翻页模式,容易造成视觉干扰,且不符和常规左右翻页阅...

查看详情

#自动翻页#设置#进度条

可能是你所能见到的最戏精的加载页面*′∀`)′∀`)*′∀`)
鬼畜

页面加载可能是你所能见到的最戏精的加载页面*′∀`)′∀`)*′∀`)

猎人 - AmberDu小白0.0

页面加载受到如网速等不可控因素的影响较多,因此时常会被融入有趣的动效或文案来缓解用户等待的焦虑情绪。如果你用过「鬼畜」App,一定会对它的加载画面印象深刻,因为大概没有比它更...

查看详情

#加载#情感化设计#情绪