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

附录B 一站式UI设计协作工具Pixso