UI设计项目实战

UI设计的世界

第1章初识UI设计

1.1UI设计的基础知识

1.1.1 UI设计的常用工具

1.1.2 UI界面的色彩搭配

1.1.3 UI设计的原则

1.1.4 UI设计的流程

1.1.5 UI设计的种类

1.2移动端UI设计

1.2.1界面构成的基本区域

1.2.2手机屏幕相关术语

1.2.3各个系统手机常见尺寸标准

PC端U设计

1.3.1网页UI设计规范

1.3.2网页字体规范

1.3.3网页常见板块划分

1.3.4常见的网页布局

1.4实训1分析大型移动端游戏界面的UI设计原则

1.5实训2服装类电商App产品策划

1.5.1产品定位

1.5.2用户画像

1.5.3竞品分析

1.5.4设计规范

1.5.5颜色规范

1.5.6字体规范

1.5.7实战演练

麦实战

第2章国标设计

2.1图标的基础知识

2.1.1图标的基本特征

2.1.2图标的分类

2.1.3图标的运用场景

2.1.4图标设计的作用

2.1.5图标设计的原则

2.2实训1临摹微信图标

2.2.1实训示例

2.2.2技术储备

2.2.3实训演示

2.2.4评价与思考

2.2.5实战演练

2.3实训2制作扁平化京剧脸谱图标

2.3.1实训示例

2.3.2知识储备

2.3.3技术储备

2.3.4实训演示

2.3.5评价与思考

2.3.6实战演练

制作拟物化风格图标

2.4.1实训示例

知识储备

技术储备

实训演示

评价与思考

2.4.6实战演练

2.5实训4制作线性金刚区图标

2.5.1实训示例

2.5.2知识储备

2.5.3技术储备

2.5.4项目演示

2.5.5评价与思考

2.5.6实战演练

按钮设计

3.1按钮的基础知识

3.1.1按钮的分类

3.1.2按钮的设计原则

实训1制作有质感的按钮

3.2.1实训示例

3.2.2技术储备

3.2.3项目演示

3.2.4评价与思考

3.2.5实战演练

3.3实训2制作动态按钮

3.3.1实训示例

3.3.2知识储备

3.3.3项目演示

3.3.4评价与思考

3.3.5实战演练

表单控件设计

4.1表单设计的基础知识

4.1.1表单的组成

4.1.2提升表单的体验感

4.1.3表单的布局设计

4.2实训1制作飞行表单

4.2.1实训示例

4.2.2技术储备

4.2.3项目演练

4.2.4评价与思考

4.2.5实战演练到路

4.3实训2制作简洁表单2

4.3.1实训示例

4.3.2技术储备

4.3.3项目演练

4.3.4评价与思考

4.3.5实战演练

第5章导航控件设计

5.1导航控件的基础知识

5.1.1导航控件的特点

……

项目开发实战

第7章租房类 App 项目实战

7.1实战准备

7.1.1实训示例

7.1.2知识储备

7.1.3技术储备

实战步骤

背景分析

草图制作

7.2.3界面色彩搭配

实战案例

7.3.1设计制作 App 图标组

7.3.2设计制作App界面

7.3.3 App界面标注

7.3.4 App界面的适配与切图

7.4评价与思考

7.5实战演练

第8章“美食中国”网站设计

8.1实战准备

8.1.1实训示例

8.1.2知识储备

技术储备

8.2实战步骤

设计需求

草图制作

8.2.3色彩搭配

实战案例

8.3.1

设计网站 logo与标准字

8.3.2制作网站界面

网站界面标注

评价与思考

8.5实战演练

参考文献

本书全面深入地阐述了UI设计的界面类型、色彩、版面布局、元素、设计原则与规范、切图与标注、图标设计及APP开发设计等方面的内容，共三个模块八个章节内容，每章分别介绍一个板块的内容，讲解细致，案例分析。结合手机端、ipad端、VR外设端等新规范，将美食类文化类等产教融合项目有机融入。按照UI设计师成长的三个阶段，按照专业修养、精神修养、商业修养课程思政路线，将课程思政润物细无声的融入其中。通过丰富的实战练习，学生可以轻松而高效地掌握UI设计的相关技术。