手势交互只有1个Tabbar按钮,高德如何优雅塞下2种功能?

产品: 高德地图猎人: 龙爪槐守望者观众: 5.2k人 时间: 2025-10-19

高德地图

与「高德地图」有关的细节还有 81查看全部

我也有新发现 我要投稿
只有1个Tabbar按钮,高德如何优雅塞下2种功能?只有1个Tabbar按钮,高德如何优雅塞下2种功能?

细节描述

龙爪槐守望者: 一个点击,一个功能,这几乎是移动端设计的铁律。但如果我告诉你,顶级应用高德地图,故意在一个核心按钮上破坏了这个规矩,结果反而可能提升了体验,你会不会觉得有点反常识? 在高德主界面的标签栏(Tabbar),中间的图标承载着核心功能。当你用最常规的「点击」手势操作它时,它会像所有App一样,切换到对应的功能页面,但奇妙之处在于,当你对同一个图标进行「长按」操作时,神奇的事情发生了:页面并不会跳转,而是在底部迅速弹出一个语音输入条,就这样,一个看似普通的图标,通过引入「长按」这个时间维度上的手势,被赋予了导航切换和语音唤醒两种截然不同的使命。 将一个高频但非首要的功能(语音输入)巧妙地「藏」了起来,既保持了界面的整洁,又为真正的「老司机」用户提供了操作捷径。

8.621人评分
收藏 3
分享细节海报

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

{{ moreBtnTxt }}

你可能还爱看

导航栏的「暴力美学」:京东如何用膨胀动画抢夺视线
京东

动效设计导航栏的「暴力美学」:京东如何用膨胀动画抢夺视线

猎人 - 龙爪槐守望者8.8

Tabbar还能玩出什么花样?你可能早就看腻了那些红点提醒和图标闪烁。每天打开手机,所有App的底部导航栏都像复制粘贴——要么拼命加小红点,要么硬塞更多功能入口。

查看详情

#icon#Tabbar#促销

等红灯不再漫长!高德这个 AI 功能解决 3 大痛点
高德地图

AI等红灯不再漫长!高德这个 AI 功能解决 3 大痛点

猎人 - 龙爪槐守望者9.8

每次等红灯时,是不是总感觉时间特别漫长? 城里开车最让人抓狂的,就是红绿灯前的那几秒钟。高德地图最近上线的红绿灯AI领航功能,正在悄悄改变这一切。

查看详情

#AI#地图#导航

UI瘦身术:Dia用1个hover动作省出30%界面空间
Dia浏览器

组件创新UI瘦身术:Dia用1个hover动作省出30%界面空间

猎人 - 龙爪槐守望者9.0

浏览器的地址栏是一个必备组件,它占用了大量横向空间来显示网址。然而,除了前端开发和分享复制的场景,普通用户很少需要查看完整网址。相比之下,现代网页的标题越来越长,导致多标签页...

查看详情

#Tab#URL#地址栏