UI设计（项目式全彩微课版）-图书-人邮教育社区

内容摘要

本书全面、系统地介绍UI设计的相关知识和设计技巧。全书共6个项目，包括UI设计基础、UI图标设计、UI控件设计、UI组件设计、UI页面设计和UI设计输出等内容。本书采用“项目—任务”式编写体例，重点项目按照“相关知识—任务引入—设计理念—任务知识—任务实施—项目演练”的顺序讲解。其中，“相关知识”部分介绍UI设计的主要概念、原则、类型等知识；“任务引入”部分提出具体的任务要求；“设计理念”部分给出案例的设计思路；“任务知识”提示完成任务需要用到的工具、命令；“任务实施”部分带领学生完成完成的制作过程；“项目演练”部分提供独立的练习任务，帮助学生提供实际应用能力。

项目1　走进UI设计的世界——UI设计基础　1
相关知识
了解UI　设计的发展趋势　2
任务1.1　理解UI设计的基本概念　2
1.1.1　任务引入　2
1.1.2　任务知识　2
1.1.3　任务实施　3
任务1.2　了解UI设计的常用软件　4
1.2.1　任务引入　4
1.2.2　任务知识　4
1.2.3　任务实施　5
任务1.3　熟悉UI设计的项目流程　6
1.3.1　任务引入　6
1.3.2　任务知识　6
1.3.3　任务实施　6
任务1.4　掌握UI设计的规范与规则　8
1.4.1　任务引入　8
1.4.2　任务知识　8
1.4.3　任务实施　14
项目2　设计趣味的图标——UI图标设计　16
相关知识
UI　图标的风格类型　17
任务2.1　设计旅游类App线性图标　17
2.1.1　任务引入　17
2.1.2　设计理念　17
2.1.3　任务知识　18
2.1.4　任务实施　18
任务2.2　设计旅游类App面性图标　24
2.2.1　任务引入　24
2.2.2　设计理念　25
2.2.3　任务知识　25
2.2.4　任务实施　25
任务2.3　设计旅游类App线面图标　30
2.3.1　任务引入　30
2.3.2　设计理念　30
2.3.3　任务知识　30
2.3.4　任务实施　31
任务2.4　项目演练——设计电商类App
线性图标　36
2.4.1　任务引入　36
2.4.2　设计理念　36
任务2.5　项目演练——设计餐饮类App
面性图标　36
2.5.1　任务引入　36
2.5.2　设计理念　37
项目3　制作别致的控件——UI控件设计　38
相关知识
UI　控件的基础知识　39
任务3.1　设计旅游类App按钮控件　39
3.1.1　任务引入　39
3.1.2　设计理念　39
3.1.3　任务知识　40
3.1.4　任务实施　40
任务3.2　设计旅游类App选择控件　42
3.2.1　任务引入　42
3.2.2　设计理念　42
3.2.3　任务知识　42
3.2.4　任务实施　42
任务3.3　设计旅游类App加减控件　47
3.3.1　任务引入　47
3.3.2　设计理念　47
3.3.3　任务知识　47
3.3.4　任务实施　47
任务3.4　设计旅游类App分段控件　52
3.4.1　任务引入　52
3.4.2　设计理念　52
3.4.3　任务知识　52
3.4.4　任务实施　53
任务3.5　设计旅游类App页面控件　56
3.5.1　任务引入　56
3.5.2　设计理念　56
3.5.3　任务知识　56
3.5.4　任务实施　57
任务3.6　设计旅游类App反馈控件　59
3.6.1　任务引入　59
3.6.2　设计理念　60
3.6.3　任务知识　60
3.6.4　任务实施　60
任务3.7　设计旅游类App文本框控件　64
3.7.1　任务引入　64
3.7.2　设计理念　64
3.7.3　任务知识　64
3.7.4　任务实施　64
任务3.8　项目演练——设计电商类App文本框控件　67
3.8.1　任务引入　67
3.8.2　设计理念　67
任务3.9　项目演练——设计餐饮类App按钮控件　68
3.9.1　任务引入　68
3.9.2　设计理念　68
项目4　搭建丰富的组件——UI组件设计　69
相关知识
UI　组件的基础知识　70
任务4.1　设计旅游类App导航栏　70
4.1.1　任务引入　70
4.1.2　设计理念　70
4.1.3　任务知识　71
4.1.4　任务实施　71
任务4.2　设计旅游类App标签栏　77
4.2.1　任务引入　77
4.2.2　设计理念　77
4.2.3　任务知识　77
4.2.4　任务实施　77
任务4.3　设计旅游类App金刚区　88
4.3.1　任务引入　88
4.3.2　设计理念　88
4.3.3　任务知识　88
4.3.4　任务实施　89
任务4.4　设计旅游类App瓷片区　98
4.4.1　任务引入　98
4.4.2　设计理念　98
4.4.3　任务知识　98
4.4.4　任务实施　99
任务4.5　项目演练——设计电商类App标签栏　108
4.5.1　任务引入　108
4.5.2　设计理念　108
任务4.6　项目演练——设计餐饮类App标签栏　109
4.6.1　任务引入　109
4.6.2　设计理念　109
项目5　打造生动的页面——UI页面设计　110
相关知识
UI　页面的类型　111
任务5.1　设计旅游类App闪屏页　113
5.1.1　任务引入　113
5.1.2　设计理念　114
5.1.3　任务知识　114
5.1.4　任务实施　114
任务5.2　设计旅游类App引导页　116
5.2.1　任务引入　116
5.2.2　设计理念　116
5.2.3　任务知识　117
5.2.4　任务实施　117
任务5.3　设计旅游类App首页　121
5.3.1　任务引入　121
5.3.2　设计理念　121
5.3.3　任务知识　122
5.3.4　任务实施　122
任务5.4　设计旅游类App个人中心页　135
5.4.1　任务引入　135
5.4.2　设计理念　135
5.4.3　任务知识　136
5.4.4　任务实施　136
任务5.5　项目演练——设计旅游类App详情页　147
5.5.1　任务引入　147
5.5.2　设计理念　147
任务5.6　项目演练——设计旅游类App注册登录页　148
5.6.1　任务引入　148
5.6.2　设计理念　148
任务5.7　项目演练——设计电商类App页面　149
5.7.1　任务引入　149
5.7.2　设计理念　149
任务5.8　项目演练——设计餐饮类App页面　151
5.8.1　任务引入　151
5.8.2　设计理念　151
项目6　快速输出UI设计——UI设计输出　154
相关知识
UI　设计输出的基础知识　155
任务6.1　标注旅游类App注册登录页　158
6.1.1　任务引入　159
6.1.2　任务知识　159
6.1.3　任务实施　159
任务6.2　制作旅游类App注册登录页切图　164
6.2.1　任务引入　164
6.2.2　任务知识：Cutterman　164
6.2.3　任务实施　164
任务6.3　命名旅游类App注册登录页切图　167
6.3.1　任务引入　167
6.3.2　任务知识：命名规则　167
6.3.3　任务实施　168
任务6.4　项目演练——命名电商类App注册登录页切图　168
6.4.1　任务引入　168
6.4.2　任务实施　169
任务6.5　项目演练——命名餐饮类App注册登录页切图　170
6.5.1　任务引入　170
6.5.2　任务实施　170