「ArchSummit·深圳」人工智能如何促进工业和制造领域的智能化转型? >>> 了解详情
写点什么

每个设计师都需要懂得动效知识(二)

  • 2020-01-08
  • 本文字数:1019 字

    阅读完需:约 3 分钟

每个设计师都需要懂得动效知识(二)

三、我们在项目中是怎么推进动效落地的?

我什么我们觉得超酷超美的 UI 动效,似乎很少在真实的 App 上看到它们被实现。技术门槛降低了这些 UI 动效的可行性也许是最大的一个原因;除此之外,设计师们在提出这些 UI 动效时,往往都缺乏使用情境。切记为了漂亮而漂亮。


常用的一些小技巧:


罗列全局动效改进点列表


提出概念方案,向团队推介


不同情况下的原型复杂程度取舍,简单可以直接拿样品和技术沟通,标志性动效细腻还原。有些动效可能比较简单,如果我们能用线上的例子说明你所需的动效效果,可以节省你做 demo 的时间,把重点放在重点细腻动效上。


视觉和交互的通力合作


我们增加动效是为了更好的阐述产品逻辑,它与交互紧密相关,所以跟你团队一起推进动效的产出事半功倍。

四、动效的工具

虽然身为设计师,可以定义非常酷炫的动效,但是由于技术成本限制可能被摒弃。所以作为设计师同样需要理解技术实现的基本原理。下面为大家介绍以下工具:

1. 交互性动效

如果你做了案例,动效只是为了说明你的设计,阐述你的交互逻辑,那么下面四款都可以满足的你的基本需求。Principle 和 Flinto 都可以直接置入你的 sketch 设计稿,跟你的设计产生联动。页面也很简单,完成转场的交互极其便捷,另外还可以做一些基本时间轴动画, 调节单个元素的曲线变量等。Hype3 实现的效果可能不那么精致,但是可以直接导出对应的代码。


Pixate 除了一些基础的控件供你使用,特殊的动效可能需要一定的代码才能完成,可能对于没有语言基础的设计而言效果过于简单。


2. 复合型动效

Origami 是一款基于 Quartz Composer 的插件,它提供了很多自定义的控件。但界面相对设计师而言不够友好。


3. 创意性动效工具

如果你要做一个很酷的开机动画,那么你可以选择 AE 或者 C4D。你可以专注在你的创意上而不被代码表达式干扰。



很多新手会问,哪个软件是最好的?其实并没有完全的类比,在恰当的需求下选择恰当的软件,用最低的成本完成你的需求就好。你可能会用 AE 去做 一个复杂的开机动效,用 flinto 展现了交互逻辑都是 ok 的。


最后,推荐一些值得参考的站:


Capptivate


UI animation


LitterBigDetail


免责声明:部分文字及图片来源于网络,仅供学习、交流使用,不具有任何商业用途,版权归原作者所有,如有问题请及时联系我们以作处理。本声明未涉及的问题参见国家有关法律法规,当 ##本声明与国家法律法规冲突时,以国家法律法规为准。


本文转载自 Think 体验设计公众号。


原文链接:https://mp.weixin.qq.com/s/AJneuIhv1UsUPlNk6ebaQg


2020-01-08 17:43596

评论

发布
暂无评论
发现更多内容

深圳web前端培训费用多少?

小谷哥

开源一夏 | Node.js实战之Node多进程与JXcore 打包深入运用

恒山其若陋兮

开源 8月月更

演进式架构从不缺设计方法,最大的阻力在于「人」

万事ONES

观测云产品更新|观测云计费更新;新增场景仪表板/笔记/查看器的查看权限;优化监控器和事件等

观测云

武汉java培训技术学习对学历的要求

小谷哥

华为被迫开源!从认知到落地SpringBoot企业级实战手册(完整版)

Java编程日记

Java 编程 程序员 面试 架构师

7大特征交互模型,最好的深度学习推荐算法总结

博文视点Broadview

RocketMQ面试33连问,答完面试官主动要给我提薪资待遇...

Java编程日记

Java 编程 程序员 面试 架构师

大数据编程培训课程怎么选择

小谷哥

VPN是什么?VPN与堡垒机有啥区别?

源字节1号

软件开发 小程序开发

Java:在Word文档中添加或删除页眉页脚

Geek_249eec

Java word 页眉页脚

提升LED显示屏散热效果的7种方式

Dylan

LED显示屏 led显示屏厂家

兆骑科创创业赛事活动服务平台,投融资服务对接,政策申报

兆骑科创凤阁

QCN9074 WiFi 6E Card OpenWRT, IPQ6010,802.11ax,wallys,QCN9074 802.11ax 4x4 MU-MIMO 6GHz wifi6E

wallys-wifi6

IPQ6010 QCN9074

蓝桥杯历届试题 蚂蚁感冒(模拟版+非模拟版)

Five

算法 算法竞赛 8月月更

元宇宙里的下个社交时代

智捷云

元宇宙

RabbitMQ面试29连问,看完还过不了面试,我给你一Jio

小柴说Java

Java 编程 程序员 面试 架构师

元老级的存储类型:块存储,性能很强!

wljslmz

8月月更 块存储

前端培训班排名口碑怎么样

小谷哥

缓存穿透、缓存击穿、缓存雪崩及解决方案

Steven

哪家web前端培训班比较好

小谷哥

兆骑科创创业大赛,线上直播路演,高层次人才引进服务平台

兆骑科创凤阁

OceanBase 4.0发布:首次实现单机分布式一体化架构、全面上云

OceanBase 数据库

Bundle-less 的思考和实践分享

字节跳动终端技术

bundle 字节跳动 前端 构建工具 拆包

高僧斗法(博弈-Nim博弈)

Five

算法竞赛 算法题 8月月更

墙裂安利!用腾讯云AI语音合成打造自己的第一本有声书

牵着蜗牛去散步

腾讯云 腾讯 语音合成 技术实践 有声读物

【计算讲谈社】第九讲|“碳中和”时代下:计算的机会在哪里?

大咖说

计算 碳中和

刘伟光:超大型金融机构国产数据库全面迁移成功实践

OceanBase 数据库

毕业设计

Asha

2022 全球 AI 模型周报

Zilliz

深度学习 计算机视觉 Transformer 多模态

专访通过 OBCP V3 首位考生:V3 让知识更加结构化、体系化

OceanBase 数据库

每个设计师都需要懂得动效知识(二)_文化 & 方法_Think体验设计_InfoQ精选文章