设计来仪 设计来仪
  • 首页
  • 发现精彩
    • 文章
    • UI设计
    • 平面设计
    • 产品设计
    • 交互设计
    • 用户体验
    • 电商设计
    • 插画
    • 摄影
    • 苹果IOS
  • 教程
    • PS文章
    • PS视频
    • AI视频
    • C4D视频
  • 专题汇总
  • 作者主页
  • 设计师导航
  • 首页
  • 发现精彩
    • 文章
    • UI设计
    • 平面设计
    • 产品设计
    • 交互设计
    • 用户体验
    • 电商设计
    • 插画
    • 摄影
    • 苹果IOS
  • 教程
    • PS文章
    • PS视频
    • AI视频
    • C4D视频
  • 专题汇总
  • 作者主页
  • 设计师导航
我的主页 › UI设计 › UI设计-APP界面有哪些有意思的动效交互设计?
#UI设计#

UI设计-APP界面有哪些有意思的动效交互设计?

10月 16, 2019
3,885 0 2

1.躺平,情景化的角色设计

在躺平的主页中将人物融入到了分类卡片种,体现出产品的调性。特别是文案的细节,在默认的空白页面中,按钮“点击抢救”具有带入感的引导用户去刷新。

情景化角色设计

2.视否,气泡展现聊天氛围

聊天气泡和礼物表情在首页上的展现,能体现出更好的产品活跃度,让用户感受到产品的气氛,从而引导用户点击进入到聊天室中。

动态界面设计

3.西瓜视频,切换的层级关系

点击首页视频卡片切换到详情页面中,视频卡片大小不变,层级永远在最上面,然后从背后展开评论条和加载出评论的内容,从而使用户在加载详情的过程中还能一直能看到视频的内容。

西瓜视频界面

4.汽车之家,置顶刷新方便阅读

置顶刷新的功能很多产品都有体现,这个交互能更好的让用户回到顶部找到最新的内容,从而方便用户的阅读。

汽车之家


5.MOO音乐,有趣的音波

播放页面会推荐不同音乐,通过有趣的音波来体现播放时候的状态,这是一款比较小众的产品但整体设计比较的时尚大方。

MOO音乐界面

6.乐趣,二次元GIF背景设计

产品以音乐播放为主要功能,所有的背景使用了有趣的GIF动画作为背景,加上弹幕的交互效果来提高用户的参与感。

乐趣界面设计

7.哔哩哔哩,有趣的眼睛反馈

哔哩哔哩app登录界面,输入手机账号时人眼睛睁开的,输入密码时眼睛闭上。通过插图来体现出当前的状态,有趣而直观的反馈给用户

哔哩哔哩界面设计

8.饿了么,送餐呈现天气情状态

饿了么骑手在送餐的时候,在骑手界面会显示当天天气的动态效果,这个设计对体验让用户在等待的时候也能考虑到配送人员在当时场景下的状态,特别是下雨天,感同身受。

饿了么界面设计

9.微信,对方输入状态反馈

微信聊天时,对方在输入时可以在顶部看到对方正在输入的提示,比较人性化,从而知道对方的状态,这个功能现在很多APP也都有了。

10.twitter,新推文提示

有新推文时,twitter通过显示发推人头像进行提醒,更直观的体现出关注人的最新动态,增加用户的刷新次数。

twitter界面设计

11.Telegram,慢模式设定

Telegram群组新增“慢模式”,可以设置群成员发信息的时间间隔,减少刷屏信息。

Telegram界面设计

12.QQ,长按快速切换群组

QQ群长按聊天界面会出现群聊切换

QQ界面

13.易车,点赞动画强调品牌形象

用户对文章点赞会出现满屏动画,在视频内容点赞也会出现小卡通形象的动画

易车

14.今日头条,长按或连续点赞动画

点赞不仅仅会出现表情发散的动画,从触觉会有震动的触感。通过连续点赞,数字及提示文字会体现出来,连续点赞越多提示文字会变得更强烈。

今日头条

15.美图的推荐用户

用的不是“你可能会喜欢”而是 “xx位用户都来看过你 —— 看看Ta们是谁”,头像还会动态变化~很好的利用了【被关注】和【好奇】的心理,有助于提升转化率

美图

16.马蜂窝,双击内容点赞

通过降低用户成本,促进转化帮助用户更便捷的使用产品。

美图


17.马蜂窝,品牌特殊符号

将品牌特殊符号图像运用在下滑线和标题栏中,凸显出品牌调性,加强了用户对产品的记忆感。

马蜂窝动态界面交互

18.图虫,图片级链接分享预览

分享内容会出现图片和链接的预览选择,提前给用户直观的心理预期。

图虫

19.Q阅读,拉灯绳

通过有趣的交互方式来切换白天黑夜模式。从而保护用户的眼睛。

Q阅读

20.飞猪,品牌基因的延展

在输入框中利用了品牌元素的基础图形,在导航分类切换选择中也利用到了品牌图形。加强了品牌在产品中的视觉调性。

飞猪

2 0
# UI设计
相关文章
学美术专业有前途吗?有哪些出路及规划建议
3D设计在UI界面中的应用
2022年UI设计设计趋势!
UI设计!色彩设计中的心理感应
故宫推出限定彩妆和APP绘本来庆祝600周年庆
设计师是好色之徒?一文看清楚设计师是怎么撩色的!
评论 (0)
再想想
Designer_sjlyedu特约作者
分享设计行业知识技能,涵盖UI设计,互联网产品设计,交互设计,配色方案,用户体验,网页设计,前端设计,HTML5,设计来仪C4D,互联网思维,设计师网站导航,科技资讯,等全方位互联网设计行业资讯 分享IT互联网设计行业资讯,在设计来仪,你不会错过互联网设计领域的每个重要内容。
159文章 12评论 911获赞
16 10月, 2019
UI设计-用户体验设计师该如何进阶?
随机一文
近期文章
  • 平面设计师面试时面试官常问的问题及应对方法
  • 学美术专业有前途吗?有哪些出路及规划建议
  • 3D设计在UI界面中的应用
  • 流行海报设计风格的特点有哪些
  • 2022年UI设计设计趋势!
文章归档
  • 2022年4月
  • 2021年5月
  • 2021年4月
  • 2020年9月
  • 2019年11月
  • 2019年10月
标签
C4D视频 LOGO设计 PS文章 PS视频 UI设计 互联网 交互设计 产品设计 人生 动效设计 区块链 字体设计 平面设计 插画 摄影 用户体验 电商设计 纯艺 绘画 视觉设计
专题
C4D视频教程 PS-文章教程 PS-视频教程 UI设计 产品设计 人生 字体设计 平面设计 插画 摄影 纯艺 绘画
http://www.sjlyedu.com/wp-content/uploads/2019/11/2019111415475922.mp3
聚合文章
产品设计-如何找到用户的真实需求?
10月 25, 2019
互联网盈利,有什么商业模式?
10月 25, 2019
当刺绣遇上插画,以针为笔,泼墨般的时尚涂鸦!
11月 2, 2019
  • 首页
  • 发现精彩
  • 教程
  • 专题汇总
  • 作者主页
  • 设计师导航
Copyright © 2015-2023 设计来仪Q Q: 1511921800 微信:307589484 电话:17667173039