未读消息消息

购物车

我的订单

个人中心

店铺

我的订单收藏

拍卖

拍卖交易我的竞拍收藏

我的好友资金账户

卖家中心

客服 |

帮助中心 9:00-20:30 在线留言

客服电话

010-89648155

服务时间

客服咨询 8:00-21:00

纠纷处理 9:00-21:00

图书审核 9:00-18:00

监督与建议

请选择

手机孔网

App+软件+游戏+网站界面设计教程

作者: 李晓斌著

出版社: 电子工业出版社

出版时间: 2020-08

版次: 1

ISBN: 9787121392382

定价: 89.80

装帧: 平装

开本: 16开

纸张: 胶版纸

页数: 292页

分类: 艺术

5 张插图图片

1人买过

如今，人们对各种类型的UI界面的要求越来越高，为满足广大UI设计者的需求，本书向读者们介绍如何设计美观又符合要求的UI界面。
本书由浅入深地讲解了初学者需要掌握的UI界面设计基础知识和操作技巧，并结合实际案例操作，详细地介绍了其制作的步骤和软件的应用技巧，使读者能轻松地学习并掌握。
本书的结构清晰，内容有针对性，实例精美实用，适合大部分UI设计爱好者与设计专业的大中专学生阅读。随书附赠的资源包中包含了本书所有实例的教学视频、素材和源文件，用于补充书中遗漏的细节内容，方便读者学习和参考。

李晓斌，有丰富的教学经验，曾参与制作教学微课、幕课上百小时。熟悉微课策划、设计、拍摄、制作全过程。为中国石油、中国铁路等大型企业做专业企业培训，参与培训北京骨干教师活动，曾在中国传媒大学、北京大学、北京师范大学、北京交通大学等重点院校以及Adobe创意大学和新东方等培训机构教授设计课程。出版过相关设计类书籍数十种，参与清华大学中职教材的编写、国家开放大学网页设计课程规划及教材策划等工作。 1.1 了解UI界面设计1
1.1.1 什么是UI 界面设计 1
1.1.2 UI 界面设计的发展历史 1
1.1.3 UI 界面设计的分类 4
1.2 UI界面设计中的图像 6
1.2.1 常见的图像格式 6
1.2.2 常见的图像类型 7
1.3 UI界面设计中的文字 8
1.3.1 简化文字内容 8
1.3.2 字体设计合理 8
1.3.3 安排文字层次 9
1.3.4 信息表达准确 9
1.3.5 文字画面美感设计 9
1.4 UI界面设计中的黄金法则 10
1.4.1 保持界面的一致性 10
1.4.2 在界面中设置快捷方式 10
1.4.3 为用户提供信息反馈 11
1.4.4 提供简单的错误处理 11
1.5 UI界面设计的色彩搭配  11
1.5.1 色彩基础 11
1.5.2 色彩搭配原则 15
1.5.3 色彩搭配方案 18
1.6 UI界面设计中的布局 20
1.6.1 构图的基本概念 20
1.6.2 构图的法则 20
1.7 UI界面设计的工作流程 21
1.7.1 市场调研/ 需求分析 21
1.7.2 设计分析/ 线框图绘制 22
1.7.3 界面制作/ 调研验证 22
1.7.4 测试产品/ 改进方案 23
1.7.5 投入市场/ 用户反馈 23
1.8 常见的UI界面设计软件 23
1.8.1 Axure RP 23
1.8.2 Sketch 24
1.8.3 Photoshop 26
1.8.4 Illustrator 27
1.9 本章小结28
2.1 UI界面设计元素的分类 29
2.2 UI界面中的启动界面 33
2.2.1 启动界面的概念 33
2.2.2 启动界面的作用 33
2.2.3 启动界面的设计技巧 34
2.3 UI界面中的装饰线条 34
2.3.1 点与线的关系 35
2.3.2 线条风格的变化 35
2.3.3 装饰线条的作用 38
2.4 UI界面中的按钮和图标 38
2.4.1 按钮设计的概况 38
实战练习01――制作扁平化按钮  39
2.4.2 UI 界面中的图标 44
2.4.3 图标的设计原则 45
2.4.4 图标的常用格式 47
2.4.5 拟物化风格图标 48
实战练习02――设计制作逼真的话筒图标  49
2.4.6 扁平化风格图标 56
实战练习03――设计制作扁平化图标  58
2.5 UI界面中的开关和进度条 64
2.5.1 软件开关 65
2.5.2 进度条设计 65
实战练习04――设计制作进度条  65
2.6 UI界面中的菜单和工具栏设计 71
2.6.1 菜单的重要性 71
2.6.2 菜单的设计重点 71
实战练习05――制作UI 界面导航和索引菜单  72
2.6.3 工具栏的作用 76
2.7 本章小结76
第3章软件UI界面设计
3.1 软件界面设计基础 77
3.1.1 软件界面的概念 77
3.1.2 软件界面的分类 77
3.1.3 与移动端的差异性 79
3.1.4 软件包装及市场化 81
3.2 PC端应用软件设计规范 81
3.2.1 颜色规范 81
3.2.2 文字规范 82
3.2.3 控件规范 83
3.2.4 尺寸规范 86
3.3 软件安装与启动界面设计 87
3.3.1 软件启动界面设计 87
3.3.2 软件安装界面流程 88
3.3.3 安装界面的细节设计 89
3.4 软件面板设计91
3.4.1 软件面板布局 91

实战练习01――制作在线聊天软件
的界面框架 92
3.4.2 软件面板布局的合理性 96
实战练习02――制作软件界面的标题栏、头像
与图标 97
3.4.3 软件面板的设计原则 104
实战练习03――制作聊天软件界面
的联系人列表  106
3.5 软件皮肤设计 110
3.6 播放器软件界面设计  112
3.6.1 播放器界面设计原则 113
实战练习04――制作图片播放器的背景和名称 115
3.6.2 界面的人性化设计119
实战练习05――制作图片播放器的主体  120
3.7 本章小结 126
4.1 游戏UI界面设计基础  127
4.1.1 关于游戏UI 界面设计  127
4.1.2 游戏UI 界面中的设计理念  128
4.1.3 与其他UI 界面设计的区别  129
4.1.4 认知心理学的作用 130
4.2 游戏UI界面设计中的视听元素  130
4.2.1 图形元素设计 131
实战练习01――制作游戏界面的背景
和图形元素 133
4.2.2 动态元素设计 137
实战练习02――制作游戏界面的标签栏  140
4.2.3 视听元素设计 146
实战练习03――制作游戏界面的导航栏和装饰
元素 147
4.3 游戏UI界面设计的要求  154
4.3.1 游戏UI 界面设计的准备工作  154
实战练习04――制作游戏的帮助界面  156
4.3.2 游戏UI 界面的设计原则  164
4.3.3 游戏UI 界面的设计要点  165
4.4 游戏UI界面的类型  168
4.4.1 PC 端游戏UI 界面设计  168
4.4.2 移动端游戏UI 界面设计  169
4.5 本章小结 176
第5章网页UI界面设计
5.1 网页的类型 177
5.1.1 环境型界面 177
5.1.2 情感型界面 177
5.1.3 功能型界面 178
5.2 网页设计原则 180
5.2.1 界面美观 180
实战练习01――制作时尚简洁的网站背景  181
5.2.2 优秀的用户体验 185
5.2.3 中心明确 186
5.2.4 整体性与一致性 186
实战练习02――制作时尚简洁的网站主体与
版底 186
5.2.5 及时更新与定期维护 192
5.3 网页界面构成元素  192
5.3.1 文本 193
5.3.2 图像 193
实战练习03――制作宽屏网页的顶部与底部  193
5.3.3 多媒体 197
5.3.4 配色 198
5.4 网页版式与布局 198
5.4.1 布局方式 198
5.4.2 网页选图 201
实战练习04――制作宽屏网页的主体  203
5.4.3 网页构图 204
5.5 网页切图规范 205
实战练习05――制作时尚简洁地电子商务
网站切图 206
5.6 网页UI界面适配 209
5.6.1 适配的方式方法 209
5.6.2 适配需要注意的点 210
5.7 本章小结 210
第6章 Android系统UI界面设计
6.1 认识 Android 系统  211
6.1.1 Android 系统概述211
6.1.2 Android 系统的优势 211
6.1.3 Android 系统的局限性  212
6.1.4 定制 Android 系统 212
6.2 Android 系统UI界面设计规范  214
6.2.1 Android 系统的基本单位  214
6.2.2 Android 系统界面的设计尺寸  215
实战练习01――制作购物App 的顶部
和Banner 217
6.2.3 Android 系统的图标与按钮  221
6.2.4 Android 系统的元素间距  223


6.2.5 App 中的文字规范 223
实战练习02――制作App 的分类图标
和Banner 225
6.3 Android 系统UI界面设计原则  229
6.3.1 界面美观整洁 229
6.3.2 操作简便 230
6.3.3 优化用户体验 233
6.3.4 App 界面的整体性 234
实战练习03――制作App 的版本更新弹出框  235
6.4 Android 系统界面输出  239
6.4.1 设计稿标注 239
6.4.2 设计稿切图 240
实战练习04――制作App 的优惠专区
和底部导航  242
6.4.3 适配输出 245
6.5 本章小结 246
第7章 iOS系统UI界面设计
7.1 iOS系统概况 247
7.1.1 了解iOS 系统 247
7.1.2 了解Watch OS 系统 248
7.2 iOS系统界面设计规范  248
7.2.1 界面尺寸规范 248
7.2.2 栏高尺寸规范 250
7.2.3 边距和间距尺寸规范 250
实战练习01――制作iOS 系统天气界面  254
7.2.4 图标尺寸规范 259
7.2.5 字体规范 260
7.2.6 图片设计规范 262
实战练习02――制作iOS 系统监测界面
上半部分 262
7.3 iOS系统界面设计原则  265
7.3.1 审美完整性 265
7.3.2 一致性 267
7.3.3 直接操作 268
7.3.4 反馈 269
7.3.5 隐喻 269
7.3.6 用户控制 269
实战练习03――制作iOS 系统监测界面
下半部分 270
7.4 iOS系统界面输出  273
7.4.1 项目立项 273
7.4.2 项目制作 274
7.4.3 切图标注 275
7.4.4 切图输出 277
实战练习04――制作完美的iOS 系统
天气界面切图  279
7.4.5 适配输出 283
7.5 本章小结 284
内容简介:
如今，人们对各种类型的UI界面的要求越来越高，为满足广大UI设计者的需求，本书向读者们介绍如何设计美观又符合要求的UI界面。
本书由浅入深地讲解了初学者需要掌握的UI界面设计基础知识和操作技巧，并结合实际案例操作，详细地介绍了其制作的步骤和软件的应用技巧，使读者能轻松地学习并掌握。
本书的结构清晰，内容有针对性，实例精美实用，适合大部分UI设计爱好者与设计专业的大中专学生阅读。随书附赠的资源包中包含了本书所有实例的教学视频、素材和源文件，用于补充书中遗漏的细节内容，方便读者学习和参考。
作者简介:
李晓斌，有丰富的教学经验，曾参与制作教学微课、幕课上百小时。熟悉微课策划、设计、拍摄、制作全过程。为中国石油、中国铁路等大型企业做专业企业培训，参与培训北京骨干教师活动，曾在中国传媒大学、北京大学、北京师范大学、北京交通大学等重点院校以及Adobe创意大学和新东方等培训机构教授设计课程。出版过相关设计类书籍数十种，参与清华大学中职教材的编写、国家开放大学网页设计课程规划及教材策划等工作。
目录:
1.1 了解UI界面设计1
1.1.1 什么是UI 界面设计 1
1.1.2 UI 界面设计的发展历史 1
1.1.3 UI 界面设计的分类 4
1.2 UI界面设计中的图像 6
1.2.1 常见的图像格式 6
1.2.2 常见的图像类型 7
1.3 UI界面设计中的文字 8
1.3.1 简化文字内容 8
1.3.2 字体设计合理 8
1.3.3 安排文字层次 9
1.3.4 信息表达准确 9
1.3.5 文字画面美感设计 9
1.4 UI界面设计中的黄金法则 10
1.4.1 保持界面的一致性 10
1.4.2 在界面中设置快捷方式 10
1.4.3 为用户提供信息反馈 11
1.4.4 提供简单的错误处理 11
1.5 UI界面设计的色彩搭配  11
1.5.1 色彩基础 11
1.5.2 色彩搭配原则 15
1.5.3 色彩搭配方案 18
1.6 UI界面设计中的布局 20
1.6.1 构图的基本概念 20
1.6.2 构图的法则 20
1.7 UI界面设计的工作流程 21
1.7.1 市场调研/ 需求分析 21
1.7.2 设计分析/ 线框图绘制 22
1.7.3 界面制作/ 调研验证 22
1.7.4 测试产品/ 改进方案 23
1.7.5 投入市场/ 用户反馈 23
1.8 常见的UI界面设计软件 23
1.8.1 Axure RP 23
1.8.2 Sketch 24
1.8.3 Photoshop 26
1.8.4 Illustrator 27
1.9 本章小结28
2.1 UI界面设计元素的分类 29
2.2 UI界面中的启动界面 33
2.2.1 启动界面的概念 33
2.2.2 启动界面的作用 33
2.2.3 启动界面的设计技巧 34
2.3 UI界面中的装饰线条 34
2.3.1 点与线的关系 35
2.3.2 线条风格的变化 35
2.3.3 装饰线条的作用 38
2.4 UI界面中的按钮和图标 38
2.4.1 按钮设计的概况 38
实战练习01――制作扁平化按钮  39
2.4.2 UI 界面中的图标 44
2.4.3 图标的设计原则 45
2.4.4 图标的常用格式 47
2.4.5 拟物化风格图标 48
实战练习02――设计制作逼真的话筒图标  49
2.4.6 扁平化风格图标 56
实战练习03――设计制作扁平化图标  58
2.5 UI界面中的开关和进度条 64
2.5.1 软件开关 65
2.5.2 进度条设计 65
实战练习04――设计制作进度条  65
2.6 UI界面中的菜单和工具栏设计 71
2.6.1 菜单的重要性 71
2.6.2 菜单的设计重点 71
实战练习05――制作UI 界面导航和索引菜单  72
2.6.3 工具栏的作用 76
2.7 本章小结76
第3章软件UI界面设计
3.1 软件界面设计基础 77
3.1.1 软件界面的概念 77
3.1.2 软件界面的分类 77
3.1.3 与移动端的差异性 79
3.1.4 软件包装及市场化 81
3.2 PC端应用软件设计规范 81
3.2.1 颜色规范 81
3.2.2 文字规范 82
3.2.3 控件规范 83
3.2.4 尺寸规范 86
3.3 软件安装与启动界面设计 87
3.3.1 软件启动界面设计 87
3.3.2 软件安装界面流程 88
3.3.3 安装界面的细节设计 89
3.4 软件面板设计91
3.4.1 软件面板布局 91

实战练习01――制作在线聊天软件
的界面框架 92
3.4.2 软件面板布局的合理性 96
实战练习02――制作软件界面的标题栏、头像
与图标 97
3.4.3 软件面板的设计原则 104
实战练习03――制作聊天软件界面
的联系人列表  106
3.5 软件皮肤设计 110
3.6 播放器软件界面设计  112
3.6.1 播放器界面设计原则 113
实战练习04――制作图片播放器的背景和名称 115
3.6.2 界面的人性化设计119
实战练习05――制作图片播放器的主体  120
3.7 本章小结 126
4.1 游戏UI界面设计基础  127
4.1.1 关于游戏UI 界面设计  127
4.1.2 游戏UI 界面中的设计理念  128
4.1.3 与其他UI 界面设计的区别  129
4.1.4 认知心理学的作用 130
4.2 游戏UI界面设计中的视听元素  130
4.2.1 图形元素设计 131
实战练习01――制作游戏界面的背景
和图形元素 133
4.2.2 动态元素设计 137
实战练习02――制作游戏界面的标签栏  140
4.2.3 视听元素设计 146
实战练习03――制作游戏界面的导航栏和装饰
元素 147
4.3 游戏UI界面设计的要求  154
4.3.1 游戏UI 界面设计的准备工作  154
实战练习04――制作游戏的帮助界面  156
4.3.2 游戏UI 界面的设计原则  164
4.3.3 游戏UI 界面的设计要点  165
4.4 游戏UI界面的类型  168
4.4.1 PC 端游戏UI 界面设计  168
4.4.2 移动端游戏UI 界面设计  169
4.5 本章小结 176
第5章网页UI界面设计
5.1 网页的类型 177
5.1.1 环境型界面 177
5.1.2 情感型界面 177
5.1.3 功能型界面 178
5.2 网页设计原则 180
5.2.1 界面美观 180
实战练习01――制作时尚简洁的网站背景  181
5.2.2 优秀的用户体验 185
5.2.3 中心明确 186
5.2.4 整体性与一致性 186
实战练习02――制作时尚简洁的网站主体与
版底 186
5.2.5 及时更新与定期维护 192
5.3 网页界面构成元素  192
5.3.1 文本 193
5.3.2 图像 193
实战练习03――制作宽屏网页的顶部与底部  193
5.3.3 多媒体 197
5.3.4 配色 198
5.4 网页版式与布局 198
5.4.1 布局方式 198
5.4.2 网页选图 201
实战练习04――制作宽屏网页的主体  203
5.4.3 网页构图 204
5.5 网页切图规范 205
实战练习05――制作时尚简洁地电子商务
网站切图 206
5.6 网页UI界面适配 209
5.6.1 适配的方式方法 209
5.6.2 适配需要注意的点 210
5.7 本章小结 210
第6章 Android系统UI界面设计
6.1 认识 Android 系统  211
6.1.1 Android 系统概述211
6.1.2 Android 系统的优势 211
6.1.3 Android 系统的局限性  212
6.1.4 定制 Android 系统 212
6.2 Android 系统UI界面设计规范  214
6.2.1 Android 系统的基本单位  214
6.2.2 Android 系统界面的设计尺寸  215
实战练习01――制作购物App 的顶部
和Banner 217
6.2.3 Android 系统的图标与按钮  221
6.2.4 Android 系统的元素间距  223


6.2.5 App 中的文字规范 223
实战练习02――制作App 的分类图标
和Banner 225
6.3 Android 系统UI界面设计原则  229
6.3.1 界面美观整洁 229
6.3.2 操作简便 230
6.3.3 优化用户体验 233
6.3.4 App 界面的整体性 234
实战练习03――制作App 的版本更新弹出框  235
6.4 Android 系统界面输出  239
6.4.1 设计稿标注 239
6.4.2 设计稿切图 240
实战练习04――制作App 的优惠专区
和底部导航  242
6.4.3 适配输出 245
6.5 本章小结 246
第7章 iOS系统UI界面设计
7.1 iOS系统概况 247
7.1.1 了解iOS 系统 247
7.1.2 了解Watch OS 系统 248
7.2 iOS系统界面设计规范  248
7.2.1 界面尺寸规范 248
7.2.2 栏高尺寸规范 250
7.2.3 边距和间距尺寸规范 250
实战练习01――制作iOS 系统天气界面  254
7.2.4 图标尺寸规范 259
7.2.5 字体规范 260
7.2.6 图片设计规范 262
实战练习02――制作iOS 系统监测界面
上半部分 262
7.3 iOS系统界面设计原则  265
7.3.1 审美完整性 265
7.3.2 一致性 267
7.3.3 直接操作 268
7.3.4 反馈 269
7.3.5 隐喻 269
7.3.6 用户控制 269
实战练习03――制作iOS 系统监测界面
下半部分 270
7.4 iOS系统界面输出  273
7.4.1 项目立项 273
7.4.2 项目制作 274
7.4.3 切图标注 275
7.4.4 切图输出 277
实战练习04――制作完美的iOS 系统
天气界面切图  279
7.4.5 适配输出 283
7.5 本章小结 284

查看详情

App+软件+游戏+网站界面设计教程

内容简介:

作者简介:

目录: