微交互同一个功能按钮,为何会在两个页面呈现出样式的差异呢?

产品: 悦跑圈猎人: AmberDu小白作者: 悦跑圈设计团队投稿: 酥饼观众: 5.5k人 时间: 2018-10-02

悦跑圈

与「悦跑圈」有关的细节还有 1查看全部

我也有新发现 我要投稿
同一个功能按钮,为何会在两个页面呈现出样式的差异呢?同一个功能按钮,为何会在两个页面呈现出样式的差异呢?

细节描述

AmberDu小白: 一般产品的主要功能元素都会在首页页面上进行突出展示,「悦跑圈」作为跑步记录工具App,自然是会突出「跑步」功能的按钮。比较特别的是,当我们上滑主页面时,「跑步」按钮会在第二个页面展现时呈现缩放效果。个人认为这样设计的原因是页面功能优先级的排列导致的。在经过上滑操作后,首页A和上滑后页面B在战略层上有所改变,主功能「跑步」在两个页面优先级的差异使同一个功能按钮呈现出样式的差异。

0暂无评分
收藏 4
分享细节海报

发表评论

{{ moreBtnTxt }}

你可能还爱看

无用但有趣的设计有存在的价值吗?
小宇宙

设计彩蛋无用但有趣的设计有存在的价值吗?

猎人 - AmberDu小白10.0

「小宇宙」首页的右上方可以看见醒目的星球形态logo图标,点击还会出现有趣的星球转动小动效。虽然这里的小交互只是互动彩蛋,并非功能性交互行为的反馈,但有趣的设计还是给不少用户...

查看详情

#交互手势#动效#即刻

金融投资产品如何通过文案融入Z世代股民?
广发元始股

用户体验金融投资产品如何通过文案融入Z世代股民?

猎人 - Pluto9.7

「广发元始股」App作为为年轻人量身定制的投资交易平台,会通过年轻化的语言来融入Z世代股民。每天打开App后,会从顶部弹出每日段子。段子紧跟时事行情,包括股市起伏、股民心态、...

查看详情

#Z世代#情怀#文案

在美团外卖看看吃啥,给美食比个心吧!
美团外卖

微交互在美团外卖看看吃啥,给美食比个心吧!

猎人 - 卷卷墩儿浪里个浪9.1

在「美团外卖」吃啥「推荐」专栏,浏览美食的时候,用户可以进入二级页面查看更多图片,并给喜欢的美食点赞,不同于常规点赞图标,「美团外卖」采用手指比心的形式。点赞后,除了图标状态...

查看详情

#图标#微交互#情感化设计