2022 OceanBase 年度发布会,点击了解详情 了解详情
写点什么

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

  • 2020 年 1 月 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 年 1 月 08 日 17:43381

评论

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

常见滑动窗口实现(Java语言实现)

秋名山码民

6月月更

当运行npm install 命令的时候带上ignore-scripts,会发生什么?

华为云开发者联盟

前段

7张图详解域名系统DNS

wljslmz

DNS 域名解析 网络技术 6月月更

安势信息技术市场总监王峰,OpenChain线上研讨会首秀!

安势信息

Linux 开源 DevSecOps SCA SCA工具

趣步运动挖矿系统开发模式分析

开发微hkkf5566

【云主机】2022年云主机管理软件排行榜

行云管家

云主机 云服务器 云管

InfoQ 极客传媒 15 周年庆征文|业务中台与B-PaaS的前世今生

小诚信驿站

架构 如何落地业务建模 领域建模 热门活动 InfoQ极客传媒15周年庆

【爬虫必备->Scrapy框架】初篇

孤寒者

爬虫 6月月更 scrapy框架

NFT+DeFi链游系统开发技术

薇電13242772558

NFT

【智人智语】剑维软件大中华区油气和智能制造业务部总经理刘晓光:我谨代表剑维软件预祝第六届世界智能大会圆满成功

InfoQ 天津

灵魂画手:图解Spring AOP实现原理

不想秃头

Java spring 程序员 spring aop

大容量、高性能,国家级实验室分布式并行文件存储实践

焱融科技

人工智能 大数据 AI 基础设施 存储

软件开发教父 Martin Fowler:幸好我当初没把它扔进垃圾桶

图灵教育

软件开发

【私有云】多云管理平台和私有云是什么关系?能通俗解释一下吗?

行云管家

云计算 私有云 云管平台

四家正规新疆等保测评公司名称、地址详细公布

行云管家

网络安全 等保 新疆 等保测评

故障定位与用户行为分析双向驱动,互联网保险的IT 运维“双保险”

博睿数据

博睿数据 IT运维

2022年软饮料国潮发展洞察报告

易观分析

饮品市场

一篇万字博文带你入坑爬虫这条不归路 【万字图文】

孤寒者

爬虫 6月月更 爬虫必备知识讲解 万字图文 爬虫入坑文

InfoQ 极客传媒 15 周年庆征文|基于云ModelArts的PPO算法玩“超级马里奥兄弟”【至简致远】

上进小菜猪

modelarts 热门活动 InfoQ极客传媒15周年庆

如何在 WordPress 中创建联系表格?

海拥(haiyong.site)

WordPress 6月月更

程序员自我修炼:《匠艺整洁之道》读书总结

博文视点Broadview

EMQ&思岚科技:物联网+AI支援抗疫,“无接触”机器人保障上海方舱稳定运转

EMQ映云科技

物联网 IoT mqtt emq 6月月更

大型物联网平台如何来保障亿级设备安全连接上云?

华为云开发者联盟

物联网 华为云 iotda 大型物联网平台

选择广州软件定制开发的10个理由

低代码小观

软件开发 管理软件 企业管理软件 项目管理软件 软件定制

最好用的 6 个 React Tree select 树形组件测评与推荐

蒋川

低代码 开发工具 React 组件 树形选择器

Apache DolphinScheduler&TiDB联合Meetup | 聚焦开源生态发展下的应用开发能力

Apache DolphinScheduler

Apache 大数据 开源 DolphinScheduler workflow

mass幸运哈希彩竞猜游戏娱乐平台开发技术详解

开发微hkkf5566

一键部署Java构件到Nexus,同事见了都说好

Jianmu

后端 持续集成 私服 自动化运维 Java构件

【Spring 学习笔记(五)】Spring Bean 作用域和生命周期

倔强的牛角

spring Java EE 6月月更

C#入门系列(六) -- 分支语句

陈言必行

C# 6月月更

信息时代,您需要这样的知识管理工具

小炮

2022 阿里云飞天技术峰会 - 主论坛

2022 阿里云飞天技术峰会 - 主论坛

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