更新时间：2024-12-27 19:30:00
封面
版权信息
内容简介
前言
第1章 UI动效设计概念
1.1 什么是UI设计
1.2 UI设计的重要性
1.3 平面UI与手机UI的不同
1.4 动态图形与UI动效
1.4.1 什么是动态图形
1.4.2 动态图形的历史
1.4.3 动态图形的原理
1.4.4 什么是UI动效
1.5 制作UI动效的软件
1.5.1 Photoshop软件
1.5.2 After Effects软件
1.6 UI动效在产品设计中的重要性
1.6.1 UI动效善于展示软件的特色
1.6.2 UI动效利于软件的推广
1.6.3 UI动效降低使用成本
1.7 UI动效的运动规律
1.7.1 UI动效概念
1.7.2 动效的持续时长和速度
1.7.3 动效的缓动
1.7.4 界面动效的编排
1.8 制作第一个UI动效
1.8.1 设计一个UI小图标
1.8.2 图标的UI动效制作
1.8.3 导出UI动画
第2章 Photoshop编辑操作
2.1 Photoshop的工作界面
2.1.1 了解工作界面的工作组建
2.1.2 了解工具箱
2.1.3 了解选项栏
2.1.4 了解状态栏
2.1.5 了解面板
2.2 图标设计技巧和原则
2.3 跟大师设计一组图标
2.3.1 准备工作
2.3.2 构思、草图
2.3.3 辅助背景的制作
2.3.4 基本形、放大
2.3.5 创作过程
2.3.6 常用方法——变形
2.3.7 进阶方法——改进
2.3.8 成品
2.3.9 形状工具和选区的区别
2.4 对图层的基本理解
2.5 路径的运算方法
2.6 制作可回收资源图标
2.7 制作短信图标
2.8 制作照相机图标
2.9 钢笔工具的使用
2.10 认识锚点
第3章 UI图标设计
3.1 Tumblr图标的制作
3.1.1 制作基本形状
3.1.2 绘制高光和阴影
3.1.3 表现图标质感和立体感
3.2 工具箱图标
3.2.1 制作基本形状
3.2.2 制作工具箱的正面
3.2.3 制作工具箱的四边
3.2.4 制作工具箱的四角
3.2.5 制作工具箱的锁
3.2.6 制作工具箱的提手
3.2.7 制作工具箱的支角
3.3 条形码图形
3.3.1 制作条形码的外形
3.3.2 添加阴影
3.3.3 绘制条形码
3.3.4 绘制扫描条
3.4 工具图形
3.4.1 制作工具锤的手柄
3.4.2 制作手柄的外观
3.4.3 制作锤的底部与顶部
3.4.4 制作锤钩
3.4.5 制作锤头
3.4.6 制作扳手工具
第4章 Photoshop按钮制作
4.1 简单的水晶方按钮
4.1.1 制作按钮的外形
4.1.2 添加阴影和高光
4.2 音乐播放器按钮
4.2.1 制作背景
4.2.2 制作播放器的外形
4.2.3 制作按钮底部的背景
4.2.4 制作向前播放按钮
4.2.5 绘制高光
4.2.6 制作向后播放按钮
4.2.7 制作暂停按钮
4.2.8 制作电源亮光
4.2.9 制作播放按钮
4.3 日历界面
4.3.1 制作日历的背景
4.3.2 制作日历界面
4.3.3 制作日期显示框
4.3.4 输入日期
4.3.5 制作翻阅按钮
第5章 Photoshop输入框和列表设计
