好的UI动效设计

上海/UX设计师/4年前/100浏览
好的UI动效设计

艺术之于个人而设计之于社会

  1. 什么是UI动效

    UI设计师设计好一些静态的UI界面后,动效设计师根据产品的一些逻辑结构,用动效设计软件然后把它们动态的表现出来,从而把成果展现给我们的开发人员或给其他同事进行查看和观看的过程。

  2. 几乎无处不在的动效

    ROM源生动效(在移动端发展的初期手机的开机动画或电脑发展初期的键入文字时光标闪动的小小点缀型动效。)、功能性动效(移动端发展到产品不断完善发展时出现功能性动效,包括页面切换动效和loading动效的转场)、体验动效(越来越关注用户体验,包括操作按钮的反馈)

  3. 好的交互动效能够在体验上给产品带来提升的四个方面

    交互层级:体现交互层次、短时间内理解页面层级、减少人们的认知负担。

    吸睛:在关键性操作上能吸引用户的注意力、给予必要的反馈、愉悦的提示。

    增加产品体验:增加流畅体验度、增强与用户的互动、加深用户对产品的挖掘。

    增强产品表现力:利用表现力提升转化率、减弱用户的挫败感。

  4. UI动效要遵循两个方面的设计原则

    当我们在进行一个动效设计或者是后期落地时,设计并不只纯粹为了动效而动效,或炫技而设计,更多要考虑在产品后期实现的过程中的时间成本、开发成本以及它能够带来的页面转化率的问题。

  5. 一、服务于用户体验:1.在设计动效的时候要 遵循物理规律,符合用户的理解和认知,不能进行反人类反常识的设计。

    一些常见的物理规律有:先快后慢、落地回弹、惯性回弹。

    2.在设计动效时它要符合品牌调性(功能体验、有辨识度),同时要和其它竞品有一些辨识度。

    3.动效可用性(提案过程、用户目标),在提案过程中要非常明确的奔着用户,解决用户的实际问题,本着对目标用户的了解而进行的一个操作。

    伪加载动效的作用:在现在的技术和实现方面来说,启动页是无法避免的。所以要通过设计来减少用户这种因为等待而产生的焦虑心情,利用伪加载动效让用户的等待时间可视化。

    二、注重交互逻辑(动作和反馈):当用户给产品有一些互动时,就存在了交互行为。交互行为是我们对这个产品有一定的动作或者是操作之后,页面或相对应的按钮和其他元素给予用户一个反馈,这个动作和反馈两个相结合的过程就是一个完整回合的交互行为。

    我们所有的动效设计都要基于这样一个逻辑展现,有了操作之后必须有反馈。

3
Report
|
2
Share
相关推荐
评论
in to comment
Add emoji
喜欢TA的作品吗?喜欢就快来夸夸TA吧!
推荐素材
You may like
相关收藏夹
ui教程
ui教程
ui教程
ui教程
作品收藏夹
ui设计教程
ui设计教程
ui设计教程
ui设计教程
作品收藏夹
IP形象——动物类
IP形象——动物类
IP形象——动物类
IP形象——动物类
精选收藏夹
作品收藏夹
企业展厅
企业展厅
企业展厅
企业展厅
精选收藏夹
作品收藏夹
ip形象设计+表情包
ip形象设计+表情包
ip形象设计+表情包
ip形象设计+表情包
精选收藏夹
作品收藏夹
企业展厅/文化墙 参考
企业展厅/文化墙 参考
企业展厅/文化墙 参考
企业展厅/文化墙 参考
精选收藏夹
作品收藏夹
大家都在看
Log in