UI设计与开发

中国水利水电出版社

【作者】主编　李昀芸　宋蓓蓓　王悦娟

【I S B N 】978-7-5170-8396-2

【责任编辑】石永峰

【适用读者群】本专通用

【出版时间】2020-02-27

【开本】16开

【装帧信息】平装（光膜）

【版次】第1版第1次印刷

【页数】164

【千字数】216

【印张】10.25

【定价】￥42

【丛书】高等职业教育“十三五”规划教材（移动互联应用技术专业）

【备注信息】

图书详情

简介

本书特色

前言

章节列表

精彩阅读

下载资源

相关图书

本书详细介绍了UI设计基本概念、UI设计的色彩、UI界面设计、手机App的设计布局、UI图标设计、UI按钮设计、手机App的组件、手机主题设计。

本书融入了作者丰富的教学和实践经验，将计算机技术与艺术设计进行深度融合，语言精练、思路清晰、知识点明确，并有详细的操作过程，便于读者上机实践，检验学习效果。

本书为更好地适应高校“先进教学模式探索”的需求，精心组织教材内容，使之符合当前高校“UI设计”课程的特点，特别强调知识与时代同步，让计算机技术与艺术设计产生最大的交集。

本书可作为高校学生的教材，也可作为UI设计师及相关设计人员的技术参考手册。

通俗易懂，循序渐进，图文结合

内容全面，实例丰富，操作性强

淡化理论，突出实践，强调应用

随着计算机网络的迅速发展，简单的软件程序已经无法满足用户的需求。在激烈的竞争中，UI设计逐渐进入人们的视线，并且在快速地发展和更新。国内外众多IT公司都已经成立了专业的UI设计部门，但UI专业人才稀缺。目前全国高校UI设计专业开设得比较少，教学方法也相对比较传统和落后，无法适应UI设计这个专业的教学特点，这就要求高校教师在讲授“UI设计”课程时要不断探索和使用新的教学方法和手段。

本书所述教学方法使用多种信息化教学手段，紧紧围绕教学中心，采用分组实践、讨论方式，以学生为主体完成了知识、理论、实践一体化的教学。在这个过程中，教师进行引领，以任务为导向，将教学内容设置成一个或多个具体的、可操作性强的任务或子任务，学生紧密围绕任务活动，在教师的引导下，通过自主学习与合作探究，实现理论知识的实践转换，提高自主学习能力和创新能力。

这种教学方法从人才培养体系整体出发，教师转变教学方法，做学生学习的引领者、组织者、参与者和欣赏者；学生具有学习的愿望和能力，学会交流与合作，具有团队精神，由原来被动地接受知识变成通过自主、合作、探究方式来体验学习过程，感受获取知识的快乐。这种教学方法培养学生的基本技能和综合分析能力，重视基本技能的综合和扩展，引导学生独立处理复杂问题，提高学生解决实际问题的能力。

教师在教学的过程中，首先，利用教学视频、教学动画、虚拟演示等方式，实现教材中复杂问题简单化、抽象问题形象化，化解教学的难点，突出教学重点，能够让学生充分理解所学的理论知识。其次，根据所教授的理论知识给学生布置相应的实训练习，引导学生带着“任务”进行实践，充分理解所学知识并运用所学知识完成相应的实训任务，激发学生独立学习的兴趣，提高学生独立学习的能力。最后，教师根据完成任务的情况，组织学生讨论、思考、相互评价、提出问题等，然后给予点评。以上这些教学方法需要教师将“专业书籍”转变为“实践创新”，要打破常规，运用一些具有挑战性的问题来强化学生的创新意识和合作意识。此种教学方法真正践行了“工作任务引领、行动导向”的教学理念。

对应于上述思想，我们精心安排课程，将计算机技术和艺术设计融合在一起，将Photoshop和Android Studio作为设计和开发平台，将最终的设计效果真正地应用到手机App中，展现出其真实的效果，让学生体会到设计的乐趣。考虑到使用本书的学生相对来说编程能力较弱，我们“重设计，轻代码”，使用相对简单的XML文件编码作为界面实现的主要方式，使得学生能快速地掌握编码的方法，提升学习的兴趣。在内容选取上，强调技术性和实用性，淡化理论，突出实践，强调应用。

本书分为8章：第1章对UI设计进行了总体的概述；第2章讲了UI色彩的搭配和应用；第3章和第4章分别从艺术设计和手机编程的角度对UI的界面布局进行了介绍；第5～7章详细地介绍了如何进行UI图标和按钮的设计与编码；第8章对手机常用的主题、壁纸、界面的UI设计进行了详细的介绍。这8章理论和实践相结合，每章中都穿插着相应的任务，践行了“在做中学、在做中教、教学做合一”的教学理念，激发了学生学习的热忱和兴趣，使学生主动地使用脑心手进行知识的掌握和知识的转化。

本书由安徽工业经济职业技术学院的李昀芸、宋蓓蓓、王悦娟任主编，李昀芸完成了本书的统稿，并负责2.1节和第5章的编写，宋蓓蓓负责第4章和第7章的编写，王悦娟负责第1章、第3章的编写；由朱丽进和张琳钦任副主编，朱丽进负责第6章、第8章的编写，张琳钦负责2.2节和2.3节的编写。在此对在本书编书过程中提供帮助的人表示衷心的感谢。由于时间仓促及编者水平有限，书中难免有疏漏之处，恳请读者批评指正。

编　者

2020年1月

第1章　UI设计概述/1
1.1　UI设计的概念 2
1.2　UI设计的特点 5
1.3　UI设计的原则 6
1.4　UI设计常用工具 7
课后练习 14
第2章　UI设计的色彩/15
2.1　UI配色原则 16
2.2　UI配色技巧 16
2.2.1　颜色与用户关系的搭配技巧 17
2.2.2　颜色与界面结构的搭配技巧 19
2.3　UI文字与图形搭配 23
2.3.1　文字与图形的艺术特征及
　　　表现手法 23
2.3.2　图形元素的设计对App界面
　　　设计的影响 23
2.3.3　图形元素与文字信息在App界面
　　　中的设计方式 24
课后练习 25
第3章　UI界面设计/27
3.1　UI界面设计的概念 28
3.2　UI界面设计的原则 30
3.2.1　UI界面设计基本原则 30
3.2.2　UI界面图形设计原则 30
3.3　UI界面设计的规范 36
3.3.1　UI界面设计尺寸 36
3.3.2　文本规范 38
3.3.3　基础组件 39
3.3.4　常用命名规范 40
3.4　UI界面设计的基本要素 45
3.4.1　界面元素概述 45
3.4.2　用户界面元素 46
课后练习 51
第4章　手机App的设计布局/53
4.1　布局概述 54
4.1.1　View类 54
4.1.2　Android中使用XML文件进行布局 55
4.1.3　Android中使用代码进行布局 56
4.2　线性布局 56
4.3　相对布局 59
4.4　表格布局 61
4.5　框架布局 63
4.6　嵌套布局 65
课后练习 67
第5章　UI图标设计/69
5.1　UI图标设计基础知识 70
5.1.1　UI图标的概念及特征 70
5.1.2　UI图标的分类 70
5.2　各行业UI图标设计 73
5.2.1　餐饮类图标设计 73
5.2.2　医疗类图标设计 76
5.2.3　体育类图标设计 82
5.2.4　视听类图标设计 85
5.2.5　时尚类图标设计 92
课后练习 95
第6章　UI按钮设计/97
6.1　基本按钮制作 98
6.2　下拉选择 103
6.3　滑动条 107
6.4　切换块 111
课后练习 114
第7章　手机App的组件/115
7.1　TextView组件 116
7.2　Button组件 119
7.3　EditText组件 121
7.4　ImageView组件 123
7.5　GridView组件 125
课后练习 127
第8章　手机主题设计/129
8.1　制作主题形象 130
8.2　制作手机壁纸 139
8.3　制作登录界面 146
8.4　制作锁屏界面 150
课后练习 154
参考文献/157
关于引用作品的版权声明/158

关闭

打印