展开全部

主编推荐语

教程:运用Photoshop、Illustrator、After Effects制作UI动效,共8章,涵盖基础知识和案例。

内容简介

本书是一本运用Photoshop、Illustrator和After Effects进行UI动效制作的教程。全书共8章,分为基础部分和案例部分。基础部分讲解了UI动效设计的常用工具、色彩知识及常见组件,Photoshop的功能、基本操作及利用该软件制作UI界面和元素的方法,Illustrator的功能、基本操作及利用该软件绘制矢量图标的方法,After Effects的功能、基本操作及利用该软件将静态的UI界面制作为动态效果的方法,UI的设计规范(包括网页界面、手机界面和智能手表界面的设计标准);案例部分以网页端、手机端及智能手表UI为例,介绍了网页界面UI动效、手机界面UI动效及智能手表界面UI动效的设计与制作流程。

目录

  • 版权信息
  • 内容提要
  • 前言
  • 资源与支持
  • 第1章 初识UI动效设计
  • 1.1 什么是UI动效设计
  • 1.1.1 先说UI
  • 1.1.2 再说“动效”
  • 1.1.3 UI动效的应用领域
  • 1.1.4 UI动效喜迎5G时代
  • 1.2 UI设计师常用的软件
  • 1.2.1 Photoshop
  • 1.2.2 Illustrator
  • 1.2.3 After Effects
  • 1.2.4 其他
  • 1.3 UI色彩设计
  • 1.3.1 认识色彩
  • 1.3.2 色彩基本知识
  • 1.3.3 配色方式
  • 1.4 UI常见组件
  • 1.4.1 图标
  • 1.4.2 按钮
  • 1.4.3 导航
  • 1.4.4 栏
  • 第2章 UI入门之Photoshop
  • 2.1 软件的基本操作
  • 2.1.1 新建文件
  • 2.1.2 打开文件
  • 2.1.3 置入文件
  • 2.1.4 辅助工具
  • 2.1.5 图像变换与变形
  • 2.2 Photoshop工具组
  • 2.2.1 选区工具组
  • 2.2.2 形状工具组
  • 2.2.3 绘图工具组
  • 2.2.4 文字工具组
  • 2.3 色调调整与滤镜
  • 2.3.1 色调调整
  • 2.3.2 滤镜
  • 2.4 蒙版
  • 2.4.1 矢量蒙版
  • 2.4.2 剪贴蒙版
  • 2.4.3 图层蒙版
  • 2.5 图层混合模式与图层样式
  • 2.5.1 图层透明效果
  • 2.5.2 图层混合模式
  • 2.5.3 图层样式
  • 2.6 实战:绘制太阳天气图标
  • 2.7 习题:制作手机App登录界面
  • 2.8 习题:制作小程序游戏开始菜单界面
  • 第3章 UI入门之Illustrator
  • 3.1 文档的基本操作
  • 3.1.1 新建文档
  • 3.1.2 打开文档
  • 3.1.3 置入文档
  • 3.2 基本绘图工具
  • 3.2.1 简单绘图工具
  • 3.2.2 几何绘图工具
  • 3.2.3 徒手绘图工具
  • 3.2.4 钢笔工具绘图
  • 3.3 填色与文字
  • 3.3.1 单色填充
  • 3.3.2 渐变填充
  • 3.3.3 渐变网格
  • 3.3.4 文字工具
  • 3.4 编辑图形对象
  • 3.4.1 路径编辑
  • 3.4.2 变换对象
  • 3.5 不透明度和混合模式
  • 3.5.1 “透明度”面板
  • 3.5.2 混合模式
  • 3.6 实战:制作登录界面
  • 3.7 习题:绘制火龙果图标
  • 3.8 习题:制作购物车界面
  • 第4章 UI动效之After Effects
  • 4.1 After Effects的基本操作
  • 4.1.1 新建项目
  • 4.1.2 新建合成
  • 4.1.3 导入素材
  • 4.2 图层的基本操作
  • 4.2.1 新建图层
  • 4.2.2 编辑图层
  • 4.2.3 图层叠加模式
  • 4.2.4 常用图层类型
  • 4.3 层基础动画属性
  • 4.3.1 层列表
  • 4.3.2 锚点
  • 4.3.3 位置
  • 4.3.4 缩放
  • 4.3.5 旋转
  • 4.3.6 不透明度
  • 4.4 蒙版与遮罩
  • 4.4.1 创建蒙版的工具
  • 4.4.2 蒙版属性的修改
  • 4.5 关键帧和表达式
  • 4.5.1 添加关键帧
  • 4.5.2 查看关键帧
  • 4.5.3 编辑关键帧
  • 4.5.4 关键帧辅助
  • 4.5.5 图表编辑器
  • 4.5.6 基本表达式
  • 4.6 实战:制作表情按钮动效
  • 4.7 习题:制作加载动效
  • 4.8 习题:弹出按钮动画
  • 第5章 UI的设计规范
  • 5.1 网页界面设计
  • 5.1.1 了解网页界面
  • 5.1.2 网页界面的设计原则
  • 5.1.3 网页界面的构成元素
  • 5.2 iOS手机界面设计
  • 5.2.1 iOS操作系统概述
  • 5.2.2 iOS手机界面主要设计元素
  • 5.2.3 iOS手机界面设计规范
  • 5.3 Android手机界面设计
  • 5.3.1 Android操作系统概述
  • 5.3.2 Android手机界面设计元素
  • 5.3.3 Android设计特色
  • 5.4 智能手表界面设计
  • 5.4.1 iOS智能手表设计特点
  • 5.4.2 Android智能手表设计特点
  • 第6章 网页端的UI动效设计
  • 6.1 网页切换动效
  • 6.1.1 设计分析
  • 6.1.2 实战:Illustrator绘制指针和按钮
  • 6.1.3 实战:Photoshop设计网页切换界面
  • 6.1.4 实战:After Effects制作网页切换动效
  • 6.2 网页滑动效果
  • 6.2.1 设计分析
  • 6.2.2 实战:Illustrator绘制几何图形元素
  • 6.2.3 实战:Photoshop设计网页滑动界面
  • 6.2.4 实战:After Effects制作网页滑动效果
  • 6.3 网络错误动效
  • 6.3.1 设计分析
  • 6.3.2 实战:Illustrator绘制场景元素
  • 6.3.3 实战:Photoshop设计网络错误界面
  • 6.3.4 实战:After Effects制作网络错误动效
  • 6.4 习题:网页404动效
  • 第7章 手机端的UI动效设计
  • 7.1 App登录动效
  • 7.1.1 设计分析
  • 7.1.2 实战:Illustrator绘制App图标
  • 7.1.3 实战:Photoshop设计App登录界面
  • 7.1.4 实战:After Effects制作App登录动效
  • 7.2 主菜单上滑动效
  • 7.2.1 设计分析
  • 7.2.2 实战:Illustrator绘制主菜单图标
  • 7.2.3 实战:Photoshop设计主菜单界面
  • 7.2.4 实战:After Effects制作主菜单上滑动效
  • 7.3 来电弹窗动效
  • 7.3.1 设计分析
  • 7.3.2 实战:Illustrator绘制来电图标
  • 7.3.3 实战:Photoshop设计来电弹窗
  • 7.3.4 实战:After Effects制作来电弹窗动效
  • 7.4 习题:优惠券动效
  • 第8章 智能手表的UI动效设计
  • 8.1 iOS智能手表动效
  • 8.1.1 设计分析
  • 8.1.2 实战:Illustrator绘制iOS智能手表图标
  • 8.1.3 实战:Photoshop设计iOS智能手表界面
  • 8.1.4 实战:After Effects制作iOS智能手表动效
  • 8.2 Android智能手表动效
  • 8.2.1 设计分析
  • 8.2.2 实战: Illustrator绘制Android智能手表图标
  • 8.2.3 实战:Photoshop设计Android智能手表界面
  • 8.2.4 实战:After Effects制作Android智能手表动效
  • 8.3 习题:计时动效
  • 附录A Photoshop 2020常用快捷键
  • 附录B Illustrator 2020常用快捷键
  • 附录C After Effects 2020常用快捷键
展开全部

评分及书评

尚无评分
目前还没人评分

出版方

人民邮电出版社

人民邮电出版社是工业和信息化部主管的大型专业出版社,成立于1953年10月1日。人民邮电出版社坚持“立足信息产业、面向现代社会、传播科学知识、服务科教兴国”,致力于通信、计算机、电子技术、教材、少儿、经管、摄影、集邮、旅游、心理学等领域的专业图书出版。