更新时间：2024-07-05 17:24:43
封面
版权信息
案例赏析
内容提要
前言
第1章 UI设计的常用工具
1.1 Photoshop的界面介绍
1.2 Photoshop中的常用工具
1.2.1 课堂案例：用常用工具制作界面
1.2.2 移动工具
1.2.3 矩形工具
1.2.4 椭圆工具
1.2.5 钢笔工具
1.2.6 直接选择工具
1.2.7 横排文字工具
1.3 Illustrator的界面介绍
1.4 Illustrator中的常用工具
1.4.1 课堂案例：用常用工具制作手机图标
1.4.2 选择工具
1.4.3 直接选择工具
1.4.4 钢笔工具
1.4.5 矩形工具
1.4.6 椭圆工具
1.4.7 多边形工具
1.4.8 文字工具
1.5 在Photoshop中导入Illustrator文件的方法
课堂练习：在Illustrator中绘制闹钟App功能图标
课后习题：在Photoshop中制作闹钟App界面
第2章 界面构图、布局与色彩
2.1 界面的常见构图类型
2.1.1 井字形构图
2.1.2 三角形构图
2.1.3 放射形构图
2.1.4 折线形构图
2.1.5 直角形构图
2.2 界面布局的要素
2.2.1 页面的留白
2.2.2 页面的对齐方式
2.2.3 界面的间距
2.2.4 界面的层次
2.3 界面的色彩搭配
2.3.1 色彩心理学
2.3.2 配色的方法
2.3.3 配色的要素
第3章 UI设计的原则及规范
3.1 iOS系统的设计原则
3.1.1 统一化
3.1.2 凸显内容
3.1.3 适应性
3.1.4 层级性
3.1.5 易操作性
3.2 iOS界面尺寸与控件的设计规范
3.2.1 界面尺寸
3.2.2 控件规范
3.3 Android系统的设计原则
3.3.1 核心视觉载体
3.3.2 层级空间
3.3.3 动画
3.3.4 颜色
3.4 Android界面尺寸与控件的设计规范
3.4.1 界面尺寸
3.4.2 控件规范
3.5 常用字体规范
3.5.1 文字设计的要素
3.5.2 常用字体的类型
3.5.3 界面字体的规范
3.6 UI设计的整体规范
3.6.1 色彩控件
3.6.2 按钮控件
3.6.3 分割线
3.6.4 头像
3.6.5 提示框
3.6.6 文字
3.6.7 间距
3.6.8 图标
第4章 图标设计
4.1 扁平化风格图标
4.1.1 课堂案例：制作扁平化风格的播放器图标
4.1.2 课堂案例：制作扁平化风格的旅游图标
4.1.3 扁平化图标的概念
4.1.4 扁平化图标的类型
4.1.5 设计扁平化图标的注意事项
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 功能图形化图标
课堂练习：在Illustrator中绘制手机功能图标
课后习题：在Photoshop中绘制功能图标
第5章 闪屏页设计
5.1 闪屏页的概念
5.2 闪屏页的常见类型
5.2.1 课堂案例：制作中秋主题的闪屏页
