2025上半年,最新 AI实践都在这!20+ 应用案例,任听一场议题就值回票价 了解详情
写点什么

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

  • 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:43827

评论

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

2024 年 8 月公链行业研报:Layer 1、比特币 Layer 2 和以太坊 Layer 2 趋势分析

Footprint Analytics

快手B端商业化技术探索:基于LLM构建智能RAG与Agent平台

快手技术

大模型 LLM rag

云手机运营电商对比真机有什么优势?

Ogcloud

云手机 海外云手机 电商云手机 云手机群控 海外社媒营销

降本 60%!小熊油耗使用阿里云 SAE 更加稳定可靠

阿里巴巴云原生

阿里云 云原生

店铺信息全掌握:拍立淘API中的卖家与店铺数据

技术冰糖葫芦

API Gateway api 货币化 API 接口 API 测试 pinduoduo API

海外云服务器与传统服务器的对比与选择

Ogcloud

服务器 云主机 云服务器 云主机厂商 海外云服务器

Footprint Analytics: 我们为何打造 Growthly 这款产品

Footprint Analytics

区块链+

携手SelectDB,观测云实现性能与成本的双重飞跃

观测云

监控

使用通义灵码,参与开源项目全程纪实

阿里云云效

阿里云 云原生 通义灵码

IoTDB 论文入选三大数据库顶会:ICDE、SIGMOD、VLDB 收录自研成果!

Apache IoTDB

望繁信科技入选中国信通院“铸基计划”,流程智能引领企业数字化变革

望繁信科技

数字化转型 流程挖掘 铸基计划 流程资产 流程智能

面试官:项目中如何实现分布式锁?

王磊

ByteHouse新一代云数仓关键技术及最佳实践

字节跳动数据平台

数据库 大数据 云原生 Clickhouse 数仓

阿里云函数计算 x NVIDIA 加速企业 AI 应用落地

阿里巴巴云原生

阿里云 云原生 函数计算

“AI+Security”系列第3期(三):大模型在网络安全检测及运营场景的探索及应用

云起无垠

Web3 游戏周报(9.15-9.21)

Footprint Analytics

链游

用二维码收集信息时,在后台可以查看、统计哪些数据?

草料二维码

低代码 无代码 无代码平台 低代码起源 草料二维码

使用通义灵码,参与开源项目全程纪实

阿里巴巴云原生

阿里云 云原生 通义灵码

从0到1搭建权限管理系统系列三 .net8 JWT创建Token并使用

不在线第一只蜗牛

Java .net

DNS解析常见问题:什么是DNS泛解析?如何设置泛解析?

国科云

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