微交互真实世界里物体皆有质感,交互设计里动效表现亦然

产品: 榫卯猎人: AmberDu小白作者: tagDesign观众: 1.3w人 时间: 2018-08-17

榫卯

与「榫卯」有关的细节还有 1查看全部

我也有新发现 我要投稿
真实世界里物体皆有质感,交互设计里动效表现亦然真实世界里物体皆有质感,交互设计里动效表现亦然

细节描述

AmberDu小白: 真实世界里所有的物体都有其独特的质感,交互设计里动效的表现也应有自己的个性与质感。所谓交互动效的质感,最常见的体现就是对动效速度与节奏的微妙把控。「榫卯 」作为一款体现传统民艺文化的App,不仅视觉设计出众,交互体验也十分让人惊喜。整体偏舒缓的动效速度,呈现了产品的优雅气质。符合物理世界物体惯性规律的慢入慢出效果以及重力感的表现,使用户在交互操控体验上更自然具有真实感。图标的状态切换动效还模拟了榫卯结构拆分组合的效果,有趣又浪漫,让人惊喜。

9.534人评分
收藏 1
分享细节海报

发表评论

{{ moreBtnTxt }}

你可能还爱看

flomo是如何通过图标强化「返回即保存」的概念的?
flomo

设计逻辑flomo是如何通过图标强化「返回即保存」的概念的?

猎人 - 龙爪槐守望者8.6

在「flomo浮墨笔记」的内容编辑页面进行编辑操作后,离开页面会自动保存。点击页面左上角的「返回」按钮,图标会变成「勾」的icon,通过视觉反馈强化了「返回即保存」的概念。

查看详情

#flomo#信息呈现#即时反馈

如何通过分层视差效果的Banner设计,增强产品识别度
爱奇艺叭嗒

信息呈现如何通过分层视差效果的Banner设计,增强产品识别度

猎人 - Monster6.0

「爱奇艺叭嗒」的 Banner 设计采用了分层视差效果,通过视觉元素之间的运动差异吸引用户眼球。设计元素处处凸显产品特性,包括但不限于Banner 切换指引器的异性设计、Ta...

查看详情

#banner#信息呈现#爱奇艺叭嗒

「菜鸟裹裹」藏在下拉手势里的空投快递小动画
菜鸟裹裹

微交互「菜鸟裹裹」藏在下拉手势里的空投快递小动画

猎人 - AmberDu小白7.0

「菜鸟裹裹」App的首页下拉刷新时,顶部会向上飞出一只头顶竹蜻蜓的小鸟形象吉祥物,小鸟飞走后还会从屏幕上方落下一个打开的快递箱。有趣的交互动画清晰地反馈了刷新这一手势操作的状...

查看详情

#交互手势#刷新#微交互