图书介绍
SVG动画 用复杂交互动画改善用户体验PDF|Epub|txt|kindle电子书版本网盘下载
- SVG Animations 著
- 出版社: 北京:电子工业出版社
- ISBN:9787121337901
- 出版时间:2018
- 标注页数:200页
- 文件大小:67MB
- 文件页数:222页
- 主题词:图形软件
PDF下载
下载说明
SVG动画 用复杂交互动画改善用户体验PDF格式电子书版下载
下载的文件为RAR压缩包。需要使用解压软件进行解压得到PDF格式图书。建议使用BT下载工具Free Download Manager进行下载,简称FDM(免费,没有广告,支持多平台)。本站资源全部打包为BT种子。所以需要使用专业的BT下载软件进行下载。如BitComet qBittorrent uTorrent等BT下载工具。迅雷目前由于本站不是热门资源。不推荐使用!后期资源热门了。安装了迅雷也可以迅雷进行下载!
(文件页数 要大于 标注页数,上中下等多册电子书除外)
注意:本站所有压缩包均有解压码: 点击下载压缩包解压工具
图书目录
第1章 剖析SVG1
SVG DOM语法2
viewBox和preserveAspectRatio2
绘制图形5
响应式SVG、组和绘制路径6
SVG的导出、建议及优化9
减少路径点11
优化工具12
第2章 使用CSS制作SVG动画14
用SVG做动画16
使用SVG绘图的优势18
顺畅的动画体验20
第3章 CSS动画和手绘SVG Sprite21
使用steps()和SVG Sprite制作关键帧动画21
在Illustrator中使用模板绘制24
在SVG编辑器或图纸中逐帧绘制并且使用Gruntiocon生成Sprite26
用简易代码模拟复杂运动26
简单重复行走27
第4章 创建响应式SVG Sprite32
用于响应式的SVG Sprite图和CSS33
分组和导出35
viewBox的技巧36
响应式动画37
第5章 不使用任何额外库来创建UI/UX动画39
用户体验模式中的上下文切换39
变形41
展现41
隔离42
样式43
预期提示45
交互46
节约空间47
总结48
变换的图标48
第6章 动态数据可视化55
为什么要在数据可视化中使用动画56
使用CSS动画的D3示例56
使用CSS动画的Chartist示例59
用D3来做动画61
链式和重复64
第7章 Web动画技术大比拼65
原生动画65
CSS/Sass/SCSS65
requestAnimationFrame()67
canvas67
Web动画API68
第三方框架68
GreenSock(GSAP)68
mo.js69
Bodymovin’70
不推荐使用70
SMIL70
Velocity.js70
Snap.svg71
基于React的动画工作流71
React-Motion72
在React中使用GSAP73
在React中使用canvas73
在React中使用CSS73
总结74
第8章 用GreenSock做动画75
GreenSock的基本语法76
TweenMax/TweenLite76
.to/.from/.fromTo76
Staggering77
element79
Duration79
delay79
动画的属性79
easing81
第9章 GreenSock中的时间轴83
一个简单的时间轴83
相对标签85
主时间轴和所嵌套的场景89
代码的逻辑组织90
循环92
暂停和暂停事件94
其他关于时间轴的方法95
第10章 MorphSVG和路径动画98
MorphSVG98
findShapeIndex()99
路径动画101
第11章 交错效果、Tweening HSL和SplitText的文本动画106
交错的动画106
HSL颜色渐变动画110
文字切分114
第12章 DrawSVG和Draggable117
Draggable117
drag类型119
hitTest()119
用Draggable来控制时间轴120
DrawSVG122
第13章 mo.js125
mo.js基础介绍125
图形125
图形的运动128
链式调用130
旋涡动画131
爆炸式的效果133
时间轴控制工具134
补间动画135
路径函数136
mo.js提供的辅助工具137
第14章 React-Motion140
<Motion/>141
<StaggeredMotion/>146
第15章 动“不可动者”:通过改变属性使用原生JavaScript实现动画150
requestAnimationFrame()150
GreenSock的AttrPlugin155
实际应用:viewBox动画158
另一个演示:一个有引导作用的信息图164
第16章 响应式动画165
快速响应的技巧165
GreenSock和响应式SVG165
不使用GreenSock实现响应式SVG169
通过更新viewBox实现响应式170
具有多个SVG和媒体查询的响应式173
花更少的精力在移动端176
有一个计划176
第17章 组件库的设计、原型化和动画原理177
动画设计方面177
学会勾勒实际运动中的细节178
合理控制动画的使用179
拥有特色的设计主见180
提升开发水平181
设计原型182
逐步分割动画细节182
工具184
杀死汝爱186
设计和编码的工作流程187
制作动画组件库187
权衡动画开发的优先级190
时间就是金钱191
其他方面的限制193
索引194