移动应用UI设计2025|PDF|Epub|mobi|kindle电子书版本百度云盘下载

移动应用UI设计PDF格式电子书版下载

注意：本站所有压缩包均有解压码： 点击下载压缩包解压工具

第1章手机UI设计基本概念1

1.1了解UI设计2

1.1.1什么是UI设计2

1.1.2手机UI与平面UI的区别2

1.1.3手机UI设计的特点2

1.2手机UI设计的相关知识3

1.2.1手机的分类3

1.2.2手机屏幕的分辨率5

1.2.3手机屏幕的色彩5

1.3 UI设计中的图形元素格式6

1.3.1 JPEG格式6

1.3.2 GIF格式6

1.3.3 PNG格式7

1.4 UI设计中的色彩搭配7

1.4.1色彩的意象7

1.4.2色彩的搭配原则8

1.4.3常见的色彩搭配方法9

1.4.4使用Kuler配色11

1.5课堂练习——制作ioS锁屏界面12

1.5.1案例分析12

1.5.2制作步骤12

1.6课堂提问18

1.6.1问题1——手机UI设计常用软件18

1.6.2问题2——手机UI设计分类19

1.7课后练习——制作Android计算器界面20

第2章常见手机系统21

2.1苹果系统（iOS）22

2.1.1 iOS的发展历程22

2.1.2 iOS的基础UI组件24

2.1.3 iOS的开发工具和资源25

2.1.4 iOS界面风格27

2.2安卓系统（Android）29

2.2.1 Android的发展历程29

2.2.2 Android的基础UI组件31

2.2.3关于深度定制系统31

2.2.4 Android APP设计概述33

2.3 Windows Phone系统36

2.3.1 Windows Phone的发展历程36

2.3.2 Windows Phone特色37

2.4其他系统38

2.4.1黑莓系统38

2.4.2塞班系统39

2.5课堂练习——制作WP系统时间设置界面40

2.5.1案例分析40

2.5.2案例分析40

2.6课堂提问42

2.6.1问题1——Windows Phone界面设计框架43

2.6.2问题2 ——Windows Phone应用商店的作用43

2.7课后练习——制作WP通知界面44

第3章手机UI设计风格与规范45

3.1 iOS系统的基本图形46

3.1.1线条的使用46

3.1.2丰富的图形46

3.2 iOS系统界面设计规范47

3.2.1确保设计的通用性48

3.2.2重新规划基于Web的设计48

3.3 Android的界面设计风格49

3.3.1主题样式50

3.3.2优化用户界面50

3.3.3触摸反馈51

3.3.4合理使用字体52

3.4 Android系统界面设计规范53

3.4.1 UI栏54

3.4.2通知54

3.4.3 APP界面54

3.5课堂练习——制作iOS系统播放器55

3.5.1案例分析55

3.5.2制作步骤55

3.6课堂提问60

3.6.1问题1——如何对设计稿切图60

3.6.2问题2——如何通过优化控制图片的体积60

3.7课后练习——绘制天气预报APP界面62

第4章手机UI中的图标设计63

4.1怎样才能设计出好图标64

4.1.1图标设计的必要性64

4.1.2图标属性66

4.1.3优秀图标的共同点68

4.2 iOS系统图标设计规则69

4.2.1程序图标69

4.2.2小图标70

4.2.3文档图标71

4.2.4 Web快捷方式图标72

4.2.5导航栏、工具栏和Tab栏上用的图标72

4.3 Android系统图标设计规则73

4.3.1启动图标73

4.3.2操作栏图标73

4.3.3小图标74

4.4课堂练习——制作iOS系统图标74

4.4.1案例分析74

4.4.2制作步骤75

4.5课堂提问79

4.5.1问题1——如何获得正确的图标尺寸79

4.5.2问题2——选择图标的存储格式80

4.6课后练习——设计手机便签APP图标80

第5章了解手机UI中的APP控件81

5.1设计iOS系统控件82

5.1.1活动指示器82

5.1.2日期和时间拾取器82

5.1.3详情展开按钮83

5.1.4信息按钮83

5.1.5标签83

5.1.6网络活动指示器84

5.1.7页码指示器84

5.1.8拾取器84

5.1.9进度指示器85

5.1.10圆角矩形按钮85

5.1.11范围栏85

5.1.12搜索栏86

5.1.13分段控件86

5.1.14滚动条87

5.1.15切换器87

5.1.16文本框87

5.2 Android控件设计88

5.2.1控件的分类88

5.2.2控件的设计规范90

5.3课堂练习——制作文本编辑器96

5.3.1案例分析96

5.3.2制作步骤97

5.4课堂提问105

5.4.1问题1——设计手机UI中控件的要点105

5.4.2问题2——如何实现控件的交互设计105

5.5课后练习——绘制Android锁屏界面106

第5章手机UI中的图片和文字107

6.1 iOS系统中的图片108

6.1.1登录图片108

6.1.2 Retina屏幕设计要求108

6.2 iOS系统中的文字排版109

6.3 iOS系统中的特效处理110

6.3.1阴影和倒影111

6.3.2发光与描边111

6.3.3模糊111

6.3.4折角效果111

6.4 Android系统中的图片112

6.5 Android系统中的字体112

6.6 Android系统中的特效处理113

6.6.1投影和阴影113

6.6.2发光和光泽113

6.6.3边框114

6.7课堂练习——制作邮件浏览界面114

6.7.1案例分析114

6.7.2案例分析114

6.8课堂提问121

6.8.1习题1——字体和字号的选择要注意什么121

6.8.2习题2——关于更改手机中的字体121

6.9课后练习——制作Android天气APP界面122

第7章iOS系统APP UI设计123

7.1 iOS界面设计原则124

7.1.1界面美观124

7.1.2风格一致124

7.1.3便于操控125

7.1.4提供反馈125

7.1.5暗喻明显126

7.1.6用户控制126

7.2 iOS界面设计概述127

7.2.1关注主任务127

7.2.2提升用户关注内容的权重127

7.2.3提升用户关注内容的权重128

7.2.4使用以用户为中心的术语128

7.2.5减少对用户输入的需求129

7.2.6弱化设置130

7.2.7在APP Store中提供精练的描述130

7.2.8界面元素要一致131

7.2.9使用精美的图片131

7.2.10启动与退出132

7.3 iOS界面设计流程133

7.3.1创意先行133

7.3.2产品草图134

7.3.3视觉设计134

7.3.4设计指南134

7.4课堂练习——制作iOS系统工作界面135

7.4.1案例分析135

7.4.2制作步骤136

7.5课堂提问142

7.5.1问题1—— iOS系统界面设计尺寸标准142

7.5.2问题2—— iOS系统界面图形部件尺寸规格143

7.6课后练习——制作iOS系统通知界面143

第8章Android系统APP UI设计145

8.1 Android系统的设计准则146

8.1.1漂亮的界面146

8.1.2更简单的操作146

8.1.3更加完善的工作流程147

8.2强调纯粹的Android APP设计148

8.2.1不要模仿其他平台的UI元素148

8.2.2不要延续其他平台的特定图标149

8.2.3不要在操作栏中使用“返回”按钮149

8.2.4不要在界面底部放置操作栏149

8.2.5不要在列表项目中使用向右箭头150

8.2.6设备的独立性150

8.3 Android界面设计风格150

8.3.1设备与显示150

8.3.2主题样式151

8.3.3触摸反馈151

8.3.4单位和网格152

8.3.5颜色153

8.3.6图标154

8.4 Android APP应用结构155

8.5课堂练习——制作Android网页浏览界面156

8.5.1案例分析156

8.5.2制作步骤157

8.6课堂提问164

8.6.1问题1—— Android UI图标有哪些类型164

8.6.2问题2 ——Android UI图标设计原则164

8.7课后练习——Android APP天气预报界面164

附录A166

附录B168

附录C169