术与道 移动应用UI设计必修课 第2版2025|PDF|Epub|mobi|kindle电子书版本百度云盘下载

术与道 移动应用UI设计必修课 第2版PDF格式电子书版下载

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

术之篇20

01 基础知识20

1.1 什么是UI设计20

1.1.1 UI的相关概念20

1.1.2 UI的学习方法22

1.2 什么是App25

1.2.1 App的概念25

1.2.2 App的开发流程25

1.3 智能手机的屏幕26

1.3.1 英寸（Inch）27

1.3.2 像素（Pixel）27

1.3.3 分辨率（Resolution）28

1.4 网点密度与像素密度28

1.4.1 网点密度（DPI）28

1.4.2 像素密度（PPI）29

1.4.3 DPI与PPI29

1.4.4 逻辑分辨率与像素倍率30

1.4.5 视网膜屏幕30

1.5 常见手机屏幕规格31

1.5.1 热门手机规格31

1.5.2 热门手机分辨率33

1.6 iPhone 6 Plus的屏幕34

1.7 智能手机的传感器37

1.7.1 摄像头37

1.7.2 麦克风38

1.7.3 GPS38

1.7.4 电子罗盘39

1.7.5 重力感应器39

1.7.6 加速度传感器40

1.7.7 光线传感器41

1.7.8 距离传感器41

1.7.9 气压传感器42

1.7.10 三轴陀螺仪43

02 设计风格46

2.1 风格46

2.1.1 什么是设计风格46

2.1.2 如何确立设计风格47

2.2 颜色50

2.2.1 认识色彩50

2.2.2 RGB与HSB50

2.2.3 颜色搭配基础52

2.3 如何选择颜色53

2.3.1 常见App的颜色53

2.3.2 颜色的性格55

2.4 字体61

2.4.1 衬线体和无衬线体61

2.4.2 系统内置字体62

2.4.3 什么时候选择内嵌字体62

2.4.4 如何使用内嵌字体63

03 图标与图片66

3.1 App图标特点66

3.1.1 独特的图形66

3.1.2 表意准确67

3.1.3 谨慎用色67

3.1.4 避免使用大量文字68

3.1.5 避免使用照片68

3.1.6 适应不同场景69

3.2 App图标设计流程69

3.2.1 第一步：寻找隐喻69

3.2.2 第二步：抽象图形70

3.2.3 第三步：竞品分析71

3.2.4 第四步：确定风格71

3.2.5 第五步：调整细节72

3.2.6 第六步：场景测试73

3.3 App图标设计方法74

3.3.1 正负形组合74

3.3.2 折叠图形75

3.3.3 局部提取75

3.3.4 线性图标75

3.3.5 透明渐变76

3.3.6 色块拼接76

3.3.7 图形复用76

3.3.8 背景组合77

3.4 iOS图标规范77

3.4.1 iOS图标适配77

3.4.2 iOS图标标准78

3.5 Android图标规范79

3.5.1 Android图标适配79

3.5.2 图标的视觉统一80

3.5.3 Android图标标准81

3.6 设计线性图标83

3.6.1 线性图标的风格83

3.6.2 线性图标的绘制方法84

3.7 像素对齐87

3.7.1 像素为什么要对齐87

3.7.2 像素如何对齐88

3.7.3 像素缩放的对齐89

3.7.4 像素对齐的微调89

3.8 图片的使用89

3.8.1 矢量图与位图89

3.8.2 图片的格式90

3.8.3 图片的使用91

3.8.4 图片的存储92

3.8.5 图片的比例92

04 iOS系统界面94

4.1 栏94

4.1.1 状态栏94

4.1.2 导航栏94

4.1.3 标签栏95

4.1.4 工具栏96

4.2 内容视图97

4.2.1 表格视图97

4.2.2 文本视图99

4.2.3 Web视图99

4.3 临时视图100

4.3.1 对话框100

4.3.2 操作列表100

05 Android系统界面102

5.1 导航机制102

5.1.1 硬件特性102

5.1.2 iOS导航机制102

5.1.3 Android导航机制103

5.2 界面布局105

5.2.1 结构差异105

5.2.2 操作栏106

5.2.3 多任务107

5.3 消息推送108

5.3.1 推送方式108

5.3.2 通知方式109

5.4 操作方式110

5.4.1 编辑110

5.4.2 选择111

5.4.3 复制粘贴112

5.4.4 删除113

5.5 Android系统的插件114

5.5.1 桌面插件114

5.5.2 设计趋势114

道之篇116

06 建立规范116

6.1 组建规范116

6.1.1 设计规范的目的116

6.1.2 规范的组成116

6.2 颜色规范119

6.2.1 为什么选择HSB119

6.2.2 创建调色板120

6.2.3 调色板应用121

6.3 文字规范123

6.3.1 iOS系统123

6.3.2 Android系统123

6.3.3 系统字号123

6.4 布局125

6.4.1 框架125

6.4.2 顶部导航栏126

6.4.3 顶部标签栏126

6.4.4 底部标签栏127

6.5 图片规范127

6.5.1 用户头像127

6.5.2 商品图片129

6.5.3 无数据图片129

07 设计组件132

7.1 控制元素132

7.1.1 活动指示器132

7.1.2 进度指示器132

7.1.3 页码控制器134

7.1.4 刷新控件134

7.1.5 滑动器137

7.1.6 开关137

7.1.7 步进器137

7.2 筛选器138

7.2.1 选择器138

7.2.2 日期时间选择器138

7.2.3 分段控件139

7.2.4 选项卡139

7.2.5 排序140

7.2.6 地区选择140

7.3 表单控件141

7.3.1 单选框141

7.3.2 复选框142

7.3.3 文本框142

7.3.4 下拉框143

7.3.5 表格144

7.4 按钮规范144

7.4.1 背景＋文字144

7.4.2 背景＋图标145

7.4.3 图标＋文字146

7.4.4 文字146

7.5 其他组件147

7.5.1 加载更多147

7.5.2 非模态浮层147

7.5.3 模态浮层148

08 导航设计150

8.1 扁平导航150

8.1.1 标签导航150

8.1.2 舵式导航151

8.1.3 宫格式导航152

8.2 内容主导式导航153

8.2.1 陈列式导航153

8.2.2 旋转木马式导航154

8.3 列表式导航155

8.3.1 列表式155

8.3.2 抽屉式156

8.4 其他导航157

8.4.1 点聚式导航157

8.4.2 瀑布式导航158

09 界面设计160

9.1 首页160

9.1.1 搜索栏160

9.1.2 标签栏161

9.1.3 卡片式设计161

9.1.4 楼层设计162

9.2 列表页163

9.2.1 消息列表163

9.2.2 横向卡片163

9.2.3 瀑布流164

9.3 详情页165

9.3.1 全局按钮165

9.3.2 快速通道166

9.4 个人中心167

9.4.1 头像区域167

9.4.2 个人信息168

9.4.3 功能模块169

9.5 启动页170

9.5.1 品牌宣传类170

9.5.2 首页样式类171

9.5.3 情感故事类172

9.5.4 节日氛围类173

9.6 引导页173

9.6.1 功能介绍类173

9.6.2 使用说明类176

9.6.3 情感故事类177

10 设计适配180

10.1 iOS系统适配180

10.1.1 设计基准180

10.1.2 设计适配181

10.1.3 适配规则182

10.2 Android系统适配183

10.2.1 密度独立像素183

10.2.2 设计基准184

10.2.3 适配方法185

10.3 iOS系统适配Android系统185

10.3.1 设计目的185

10.3.2 换算关系185

10.3.3 适配方法186

10.4 标注设计186

10.4.1 标注基准187

10.4.2 标注方法187

10.5 点九图189

10.5.1 什么是点九图189

10.5.2 如何制作点九图191

10.6 切图191

10.6.1 界面切图191

10.6.2 图标切图192

10.6.3 命名规则192

11 手势应用194

11.1 为什么使用手势194

11.2 常用手势操作195

11.2.1 单击195

11.2.2 双击195

11.2.3 上下滑动196

11.2.4 左右滑动196

11.2.5 拖曳197

11.2.6 张开／闭合197

11.2.7 长按198

11.2.8 摇晃198

11.3 手势设计禁忌199

11.3.1 使用标准手势199

11.3.2 定义标准手势199

11.3.3 使用简单手势199

11.3.4 手势使用说明199

12 设计资源201

12.1 网站资源201

12.2 图标资源202

12.3 图片资源203

附录204

参考文献211