☆☆☆☆☆
简体网页||繁体网页



点击这里下载

类似图书 点击查看全场最低价

---

编辑推荐

　　网络时代，用户体验的重要性毋庸置疑，动画在这一过程中的重要性也明显提升。如何在不分散用户注意的情况下达到动画设计加强页面目的的效果，已经成为用户界面设计师和Web开发人员孜孜以求的目标。本书将为此提供的知识。
　　书中内容共分为8章，以作者开发的动画库Velocity。js为工具，简明扼要地探讨了JavaScript动画的特点和工作流方面的优势，涵盖开发者们关心的文本动画、SVG、动画性能等问题。掌握书中内容，即可自信实现视觉上效果震撼、技术上易于维护的动画效果。

内容简介

　　本书由业界先进的动画库Velocity。js的作者所著，书中内容共分为8章，简明扼要地总结了在网页上使用动画的技术技巧，让读者掌握如何有效利用动画实现无与伦比的用户体验。具体内容包括：JavaScript动画优势，Velocity。js的利用，动画工作流，文本动画，SVG，动画性能。
　　本书适合所有Web开发工程师和动画设计师晋阶学习。

作者简介

　　Julian Shapiro 业界先进的动画库Velocity.js的作者，JavaScript开发人员，曾获Stripe开源奖金。

目录

第1 章 JavaScript 动画的优势 1
1．1 JavaScript 动画与CSS 动画 2
1．2 强大的性能 3
1．3 功能 4
1．3．1 页面滚动 4
1．3．2 动画反转 4
1．3．3 基于物理的动效 5
1．4 易维护的工作流 5
1．5 小结 6
第2 章 使用Velocity．js 实现动画 7
2．1 JavaScript 动画库的种类 8
2．2 安装jQuery 和Velocity 8
2．3 使用Velocity：基础知识 8
2．3．1 Velocity 和jQuery 9
2．3．2 参数 9
2．3．3 属性 10
2．3．4 值 11
2．3．5 链式操作 12
2．4 使用Velocity：选项 13
2．4．1 duration（持续时间） 13
2．4．2 easing（缓动） 13
2．4．3 begin（开始）和complete（完成） 15
2．4．4 loop（循环） 16
2．4．5 delay（延迟） 17
2．4．6 display（显示）和visibility（可见性） 18
2．5 使用Velocity：其他功能 19
2．5．1 reverse（反转）命令 20
2．5．2 scrolling（滚动） 20
2．5．3 color（颜色） 21
2．5．4 transform（变换） 22
2．6 使用Velocity：不用jQuery（中级技巧） 22
2．7 小结 24
第3 章 动效设计理论 25
3．1 动效设计提升用户体验 26
3．2 实用 27
3．2．1 借鉴惯例 27
3．2．2 预览结果 27
3．2．3 无聊时的消遣 28
3．2．4 用本能反应 29
3．2．5 使人对互动充满欲望 29
3．2．6 体现重要性 29
3．2．7 减少同时发生的动画 29
3．2．8 减少动画种类 30
3．2．9 镜像动画 30
3．2．10 限制持续时间 30
3．2．11 限制动画 31
3．3 优雅 32
3．3．1 不要华而不实 32
3．3．2 唯一华而不实的机会 32
3．3．3 考虑个性化 32
3．3．4 不要拘泥于不透明度动画 33
3．3．5 将动画拆分为多步 33
3．3．6 错开动画 33
3．3．7 从触发元素处产生动画 34
3．3．8 使用图形 34
3．4 小结 36
第4 章 动画工作流 37
4．1 CSS 动画工作流 38
4．1．1 CSS 的问题 38
4．1．2 什么时候用CSS 比较明智 38
4．2 代码技巧：将样式与逻辑分离 40
4．2．1 一般做法 40
4．2．2 优化做法 41
4．3 代码技巧：组织排序动画 44
4．3．1 一般做法 45
4．3．2 优化做法 46
4．4 代码技巧：打包你的效果 47
4．4．1 一般做法 47
4．4．2 优化做法 48
4．5 设计技巧 51
4．5．1 定时乘数 51
4．5．2 使用Velocity 动效设计器 52
4．6 小结 53
第5 章 文本动画 55
5．1 文本动画的一般做法 56
5．2 为使用Blast．js 实现动画准备文本元素 57
5．2．1 Blast．js 的工作原理 58
5．2．2 安装 59
5．2．3 选项：delimiter（分隔符） 60
5．2．4 选项：customClass（自定义类） 61
5．2．5 选项：generateValueClass（生成值类） 61
5．2．6 选项：tag（标签） 62
5．2．7 命令：reverse（反转） 63
5．3 让文本过渡进入视图或离开视图 64
5．3．1 替换已有文本 64
5．3．2 错开动画 65
5．3．3 过渡文本离开视图 65
5．4 过渡单个文本部分 67
5．5 华丽地过渡文本 68
5．6 文字装饰 68
5．7 小结 70
第6 章 SVG 入门 71
6．1 用代码创建图片 72
6．2 SVG 标记的写法 72
6．3 SVG 样式设置 73
6．4 对SVG 的支持 74
6．5 SVG 动画 74
6．5．1 传入属性 75
6．5．2 表象属性 75
6．5．3 定位属性（positional attribute）VS 变换（transform） 75
6．6 应用实例：logo 动画 76
6．7 小结 78
第7 章 动画性能 79
7．1 网络性能的实际情况 80
7．2 技术：去除布局颠簸 82
7．2．1 问题 82
7．2．2 解决办法 82
7．2．3 jQuery 元素对象 83
7．2．4 强制给值 85
7．3 批量添加DOM 86
7．3．1 问题 86
7．3．2 解决办法 87
7．4 技巧：避免影响临近的元素 88
7．4．1 问题 88
7．4．2 解决办法 89
7．5 技巧：减少并发加载 90
7．5．1 问题 90
7．5．2 解决办法 90
7．6 技巧：不用持续响应滚动（scroll）和调整大小（resize）事件 92
7．6．1 问题 92
7．6．2 解决办法 92
7．7 技巧：减少图片渲染 93
7．7．1 问题 93
7．7．2 解决办法 93
7．7．3 暗中潜入的图片 94
7．8 在旧浏览器上降级动画 94
7．8．1 问题 94
7．8．2 解决办法 95
7．9 尽早找到你的性能门限 95
7．10 小结 98
第8 章 动画演示 99
8．1 行为 100
8．2 代码结构 101
8．3 代码段：动画设置 103
8．4 代码段：圆形创建 104
8．5 代码段：容器动画 105
8．5．1 三维CSS 入门 105
8．5．2 属性 106
8．5．3 选项 107
8．6 代码段：圆形动画 107
8．6．1 值函数 108
8．6．2 不透明度动画 109
8．6．3 平移动画 109
8．6．4 反转命令 110
8．7 小结 111

前言/序言

　　在网络刚起步时，动画（animation）主要是在开发新手实在没有其他办法时才会使用的，为的是强调页面上的重要部分以吸引人们的注意。即使他们想让动画突破限制而发挥更大作用，也做不到，因为浏览器（以及电脑）的速度太慢，无法流畅地呈现基于网络的动画效果。
　　我们从闪烁的横幅广告、滚动的跑马灯新闻和Flash介绍视频的旧时光一路走来，取得了长足的发展。时至今日，iOS以及Android中叹为观止的动效设计（motion design）不仅没有降低用户体验，反而使其大大改善。最优秀的网站和应用的开发人员利用动画来提升用户界面的感觉和直觉性。动画在设计开发中的重要性明显提升，这不仅仅是因为硬件的处理能力提高了，更体现了网络开发群体对于最佳实践有了更深的理解。现如今，人们普遍认为最终用户体验的质量比开发网站用什么工具更加重要。当然，尽管这是个看似明显的结论，但事实却并非总是如此。
　　那么，究竟是什么偏偏让动画变得这么有用？不论是内容块之间的过渡效果、复杂加载次序的设计还是对用户下一步操作的提示，动画都是文字和布局的有效补充，强化了网站的预期行为、彰显了个性、丰富了视觉体验。内容究竟是要以友好的方式弹跳出现呢，还是要猛然甩到屏幕上？这正是动效设计研究的问题。同时，你的选择将会决定应用的总体感觉。
　　当用户将你的应用推荐给他人的时候，他们经常会试着用“顺滑”或“精致”这样的字眼来形容，但却没有意识到，他们描述的大多是界面上的动效设计。作为外行人，他们没法明确区分应用和应用的动效设计，而这正是优秀的用户界面（UI）设计师孜孜以求的效果：用动画来加强页面所要达到的目标，但同时又不分散用户的注意。
　　本书为你提供了一些必备的知识。掌握了它，就可以自信地实现动画效果，不仅视觉上效果震撼而且技术上也易于维护。一方面要通过动效设计丰富页面体验，另一方面又要避免累赘的花哨。本书自始至终都努力在这两者之间达到平衡。
　　为什么所有这一切都如此重要？为什么值得花费时间去优化过渡和淡入淡出效果？以上这些问题的答案也正是设计师花费几个小时优化字体和颜色的原因：只是因为使产品越来越完美，这种感觉棒极了。是他们让用户啧啧称赞、口口相传：“哇，这简直太酷了。”然后马上转头对朋友叫道：“你可得看看这个！”
　　注意　如果不熟悉基本的CSS属性，那就需要先找本介绍HTML和CSS的书看看，然后再来读本书。

JavaScript网页动画设计 电子书 下载 mobi epub pdf txt

评分☆☆☆☆☆

还不错！

评分☆☆☆☆☆

不错

评分☆☆☆☆☆

挺好的！虽然只是介绍velocity，但是理念什么的都挺好的，做H5什么的都能用到！

评分☆☆☆☆☆

不错，很好

评分☆☆☆☆☆

介绍的是一个动画库 并不能说是设计 顶多是教调用API接口的

评分☆☆☆☆☆

JavaScript网页动画设计

评分☆☆☆☆☆

还行

评分☆☆☆☆☆

还不错！

评分☆☆☆☆☆

好好抄好好干好好干

类似图书 点击查看全场最低价