UI设计与制作（微课版）

附录A 在线UI设计工具MasterGo

知识拓展

课后练习：制作音乐类应用软件播放界面

实战演练：音乐类应用软件界面设计

8.3.2 设计规范详解

8.3.1 界面框架

8.3 Windows设计规范

8.2.2 软件界面框架类型

8.2.1 软件界面设计原则

8.2 软件界面设计详解

8.1.6 表单页

8.1.5 详细信息页

8.1.4 主/细节页

8.1.3 集合页

8.1.2 着陆页

8.1.1 启动页

8.1 常见的应用软件界面

第8章 应用软件界面设计

知识拓展

课后练习：制作游戏网页首页

实战演练：音乐类网页界面设计

7.3.2 网页界面设计规范详解

7.3.1 网页界面尺寸与框架

7.3 网页界面设计规范

7.2.2 网页布局

7.2.1 网页界面的设计原则

7.2 网页界面设计

7.1.4 专题页

7.1.3 详情页

7.1.2 栏目页

7.1.1 首页

7.1 网页常用界面类型

第7章 PC端网页界面设计

知识拓展

课后练习：制作旅行类App详情页

实战演练：旅行类App界面设计

6.3.2 设计规范详解

6.3.1 界面尺寸与框架

6.3 Android手机界面设计规范

6.2.2 设计规范详解

6.2.1 界面尺寸与框架

6.2 iPhone界面设计规范

6.1.6 个人中心页

6.1.5 首页

6.1.4 空白页

6.1.3 注册登录页

6.1.2 引导页

6.1.1 闪屏页

6.1 常见的移动端App界面

第6章 移动端App界面设计

知识拓展

课后练习：制作扁平日历应用图标

实战演练：制作多媒体音乐功能图标

5.3 手机主题图标设计

5.2.2 Android图标设计规范

5.2.1 iOS图标设计规范

5.2 图标的设计规范

5.1.3 图标的风格

5.1.2 图标的类型

5.1.1 图标的组成

5.1 认识图标

第5章 UI中的图标设计

知识拓展

课后练习：制作新拟态圆形图标

实战演练：制作搜索框导航栏

4.4.3 导航栏的样式

4.4.2 导航栏的类型

4.4.1 认识导航栏

4.4 导航栏组件设计

4.3 UI组件

4.2.3 按钮的风格

4.2.2 常见的按钮类型

4.2.1 认识按钮

4.2 按钮控件设计

4.1 UI控件

第4章 UI控件和组件

知识拓展

课后练习：制作极坐标艺术效果背景

实战演练：制作网站登录页

3.2.5 图像的特效应用

3.2.4 图像的色彩调整

3.2.3 图像的抠取与合成

3.2.2 图像的修饰与修复

3.2.1 图像大小的调整显示

3.2 图像元素的处理

3.1.5 文本的创建与编辑

3.1.4 对象的选择与变换

3.1.3 图形的颜色填充与描边

3.1.2 路径的绘制与编辑

3.1.1 基础图形的绘制与编辑

3.1 图形元素的绘制

第3章 UI设计中素材的处理

知识拓展

2.4.4 使用栅格系统的注意事项

2.4.3 栅格系统的设置流程

2.4.2 栅格系统的组成

2.4.1 认识栅格系统

2.4 栅格系统的应用解析

2.3.3 色彩的搭配

2.3.2 色彩的类别

2.3.1 色彩的属性

2.3 色彩的应用解析

2.2.3 图片的应用技巧

2.2.2 图片比例

2.2.1 常用的图片格式

2.2 图片的应用解析

2.1.3 文字排版的四大原则

2.1.2 文字设计规范

2.1.1 认识字体

2.1 文字的应用解析

第2章 UI设计应用解析

知识拓展

1.4.5 设计走查

1.4.4 交付开发

1.4.3 视觉设计

1.4.2 交互分析

1.4.1 需求分析

1.4 UI设计流程

1.3.6 合理的系统响应时间

1.3.5 操作合理性原则

1.3.4 布局合理化原则

1.3.3 可读性原则

1.3.2 准确性原则

1.3.1 一致性原则

1.3 UI设计规范

1.2.3 用户研究

1.2.2 界面设计

1.2.1 交互设计

1.2 UI设计方向

1.1.3 UI设计常用软件

1.1.2 UI设计原则

1.1.1 UI设计概念

1.1 认识UI设计

第1章 UI设计入门知识

前言

内容提要

版权信息

封面

封面

版权信息

内容提要

前言

第1章 UI设计入门知识

1.1 认识UI设计

1.1.1 UI设计概念

1.1.2 UI设计原则

1.1.3 UI设计常用软件

1.2 UI设计方向

1.2.1 交互设计

1.2.2 界面设计

1.2.3 用户研究

1.3 UI设计规范

1.3.1 一致性原则

1.3.2 准确性原则

1.3.3 可读性原则

1.3.4 布局合理化原则

1.3.5 操作合理性原则

1.3.6 合理的系统响应时间

1.4 UI设计流程

1.4.1 需求分析

1.4.2 交互分析

1.4.3 视觉设计

1.4.4 交付开发

1.4.5 设计走查

知识拓展

第2章 UI设计应用解析

2.1 文字的应用解析

2.1.1 认识字体

2.1.2 文字设计规范

2.1.3 文字排版的四大原则

2.2 图片的应用解析

2.2.1 常用的图片格式

2.2.2 图片比例

2.2.3 图片的应用技巧

2.3 色彩的应用解析

2.3.1 色彩的属性

2.3.2 色彩的类别

2.3.3 色彩的搭配

2.4 栅格系统的应用解析

2.4.1 认识栅格系统

2.4.2 栅格系统的组成

2.4.3 栅格系统的设置流程

2.4.4 使用栅格系统的注意事项

知识拓展

第3章 UI设计中素材的处理

3.1 图形元素的绘制

3.1.1 基础图形的绘制与编辑

3.1.2 路径的绘制与编辑

3.1.3 图形的颜色填充与描边

3.1.4 对象的选择与变换

3.1.5 文本的创建与编辑

3.2 图像元素的处理

3.2.1 图像大小的调整显示

3.2.2 图像的修饰与修复

3.2.3 图像的抠取与合成

3.2.4 图像的色彩调整

3.2.5 图像的特效应用

实战演练：制作网站登录页

课后练习：制作极坐标艺术效果背景

知识拓展

第4章 UI控件和组件

4.1 UI控件

4.2 按钮控件设计

4.2.1 认识按钮

4.2.2 常见的按钮类型

4.2.3 按钮的风格

4.3 UI组件

4.4 导航栏组件设计

4.4.1 认识导航栏

4.4.2 导航栏的类型

4.4.3 导航栏的样式

实战演练：制作搜索框导航栏

课后练习：制作新拟态圆形图标

知识拓展

第5章 UI中的图标设计

5.1 认识图标

5.1.1 图标的组成

5.1.2 图标的类型

5.1.3 图标的风格

5.2 图标的设计规范

5.2.1 iOS图标设计规范

5.2.2 Android图标设计规范

5.3 手机主题图标设计

实战演练：制作多媒体音乐功能图标

课后练习：制作扁平日历应用图标

知识拓展

第6章 移动端App界面设计

6.1 常见的移动端App界面

6.1.1 闪屏页

6.1.2 引导页

6.1.3 注册登录页

6.1.4 空白页

6.1.5 首页

6.1.6 个人中心页

6.2 iPhone界面设计规范

6.2.1 界面尺寸与框架

6.2.2 设计规范详解

6.3 Android手机界面设计规范

6.3.1 界面尺寸与框架

6.3.2 设计规范详解

实战演练：旅行类App界面设计

课后练习：制作旅行类App详情页

知识拓展

第7章 PC端网页界面设计

7.1 网页常用界面类型

7.1.1 首页

7.1.2 栏目页

7.1.3 详情页

7.1.4 专题页

7.2 网页界面设计

7.2.1 网页界面的设计原则

7.2.2 网页布局

7.3 网页界面设计规范

7.3.1 网页界面尺寸与框架

7.3.2 网页界面设计规范详解

实战演练：音乐类网页界面设计

课后练习：制作游戏网页首页

知识拓展

第8章 应用软件界面设计

8.1 常见的应用软件界面

8.1.1 启动页

8.1.2 着陆页

8.1.3 集合页

8.1.4 主/细节页

8.1.5 详细信息页

8.1.6 表单页

8.2 软件界面设计详解

8.2.1 软件界面设计原则

8.2.2 软件界面框架类型

8.3 Windows设计规范

8.3.1 界面框架

8.3.2 设计规范详解

实战演练：音乐类应用软件界面设计

课后练习：制作音乐类应用软件播放界面

知识拓展

附录A 在线UI设计工具MasterGo