商品详情

本书从用户研究、交互设计入手,到视觉设计理念的分析,再结合实例对UI 界面设计全过程进行剖析、归纳和演绎,将“理论知识”“软件技术”与“艺术设计”“美育思政”各项元素充分融合,是一本全面的UI界面设计与制作的基础教程。本书结构合理、内容翔实、图文并茂,结合Photoshop、Illustrator 软件中常用的工具和方法,有针对性地剖析UI 界面设计设计与制作的实施策略与过程,精选了图标设计、手机主题界面设计、App 界面设计、网页界面设计、智能电视界面设计、其他类型人机界面设计等典型UI 界面设计项目,将艺术设计与软件操作技巧融入其中,引导学生进行思考及操作实践,提升学生的审美、审艺能力。本书适合作为高等职业院校计算机数字媒体/艺术类相关专业的教材,也可供平面设计人员、美工和对UI 设计感兴趣的读者阅读和参考。为了方便教与学,本书提供全套教学资料(案例操作视频、教纲、考纲、学时安排、课件集、教案、拓展资源等),请扫描书中二维码或登录华信教育资源网(http://www.hxedu.com.cn)免费注册后下载。

张小玲,毕业于西南大学艺术设计专业,现就职于重庆工程学院,先后担任专业教师、教研室主任等职。兼任正大恒领网络公司设计总监。 参与各类教研科研项目十余项。热衷于教学科技研究,积极参与各项项目申报,已经顺利主持完成结项省部级教改科研项目6项,完成课程建设3门,其中一门为重庆市级精品资源共享课,2门为校级重点课程。近年来已经成功申请作品著作权登记40余项。

第一部分知识准备
第1章UI设计相关知识
1.1UI设计概述t1
1.1.1UI设计的概念t1
1.1.2 UI设计的流程t2
1.1.3 UI设计的规范t4
1.2UI设计与用户体验t6
1.2.1用户体验的含义t6
1.2.2影响用户体验的因素t6
1.3UI设计常见风格t7
1.3.1扁平化风格t8
1.3.2拟物化风格t10
1.3.3卡通化风格t10
1.3.4立体风格t10
1.3.5几何风格t11
1.3.6渐变风格t11
第2章UI设计的常用方法
2.1UI设计中的设计方法t12
2.1.1方法与方法论t12
2.1.2设计方法学t12
2.1.3UI设计中实用的设计方法t13
2.2UI设计中实用的构成方法t13
2.2.1什么是构成t13
2.2.2形式美法则t14
2.2.3构成的思维方式t17
第3章UI设计的配色方法
3.1色彩基础t21
3.1.1 色彩的基本理论t21
3.1.2 常用颜色模式t23
3.2色彩搭配t23
3.2.1界面中不同色彩的象征与联想t23
3.2.2色彩搭配方法t27
3.2.3色彩搭配的其他原则t28
3.3设计软件中的色彩调整t31
3.3.1Photoshop中的色彩调整t31
3.3.2Illustrator中的色彩调整t31
第4章UI设计常用工具
4.1Photoshopt33
4.1.1初识Photoshopt33
4.1.2图像常用基本操作t34
4.1.3选区的基本操作t36
4.1.4矢量绘制类工具的应用t38
4.1.5画笔工具的应用t40
4.1.6图层相关知识t42
4.1.7蒙版相关知识t46
4.1.8擦除类工具的应用t48
4.1.9外部素材的载入t49
4.1.10小练手t50
4.2Illustratort52
4.2.1初识Illustratort52
4.2.2界面设计常用图形t53
4.2.3绘制对象的常用操作t55
4.2.4填色和描边t55
4.2.5直角变圆角t56
4.2.6路径查找器与形状生成器t56
4.2.7通过扩展路径描边让线变成面t57
4.2.8Illustrator 工具箱中的比例缩放工具t57
4.2.9旋转与镜像打造对称图形t58
4.2.10图像描摹t58
4.2.11小练手t59
4.3其他辅助工具t62
第5章UI界面常用壁纸与控件制作
5.1常用壁纸制作t64
5.1.1摄影像素壁纸t64
5.1.2设计构成壁纸t64
5.1.3综合图像壁纸t65
5.1.4小练手:多种壁纸设计t65
5.2常见控件制作t70
5.2.1按钮t70
5.2.2下拉选择框t72
5.2.3进度条t74
5.2.4TAB切换块t78
5.2.5气泡对话框t79
5.2.6步进器t80
5.2.7开关t80
第6章图标设计
6.1图标的设计与制作概述t82
6.1.1图标设计概述t82
6.1.2图标的背板t83
6.1.3图标的分类t83
6.1.4图标的规格t87
6.1.5图标的统一性t89
6.2线性图标t89
6.2.1利用Illustrator打造线性图标t89
6.2.2多种线性图标风格t98
6.3面性图标t102
6.3.1面性图标设计制作思路t102
6.3.2多种面性图标风格t102
6.42.5D图标t104
6.4.1利用Illustrator打造2.5D图标t104
6.4.2使用Photoshop打造2.5D图标t107
6.5MBE图标t107
6.6利用Photoshop打造拟物化图标t108
6.7延伸阅读与练习t111
6.7.1利用Illustrator批量导出图标t111
6.7.2拓展练习: 利用Photoshop打造扁平化图标t114
6.7.3拓展练习: 利用Photoshop打造单色图标t116
6.7.4拓展练习: 利用Photoshop打造线性图标t117
6.7.5拓展练习:利用Photoshop打造样式图标t118
6.8独立实践t118
第7章手机主题界面设计
7.1手机主题界面设计概述t119
7.1.1手机常用尺寸与图标格式t119
7.1.2手机主题界面设计内容t120
7.1.3手机界面设计的原则t120
7.2项目实作:卡通小熊手机主题界面设计t121
7.2.1界面设计任务分析t121
7.2.2学习目标t122
7.2.3制作步骤详解t122
7.3项目实作:伪扁平手机主题界面设计t136
7.3.1界面设计任务分析t136
7.3.2学习目标t136
7.3.3关键步骤提示t136
7.4独立实践t137
7.5本章小结t137
第8章App界面设计
8.1App界面设计概述t138
8.1.1手机App界面视觉设计t138
8.1.2手机App界面用户体验设计t139
8.1.3App界面布局设计t139
8.2项目实作:操作型App―计算器界面设计t140
8.2.1界面设计任务分析t140
8.2.2学习目标t141
8.2.3制作步骤详解t141
8.3项目实作:拼拼乐App界面设计t143
8.3.1界面设计任务分析t143
8.3.2学习目标t143
8.3.3制作步骤详解t144
8.4项目实做:水平仪App界面设计t148
8.5独立实践t148
8.6本章小结t148
第9章网页界面设计
9.1网页界面设计概述t149
9.1.1网页界面设计基本原则t149
9.1.2网站页面的功能美与形式美t149
9.2项目实作:一栏式简单网页设计与制作t150
9.2.1界面设计任务分析t150
9.2.2学习目标t151
9.2.3制作步骤详解t151
9.3项目实作:多栏式电子商务网页设计与制作t156
9.3.1界面设计任务分析t156
9.3.2学习目标t157
9.3.3制作步骤详解t157
9.4项目实作:自由版式专题网页设计与制作t169
9.4.1界面设计任务分析t169
9.4.2学习目标t171
9.4.3制作步骤详解t171
9.5独立实践t203
9.6本章小结t203
第10章智能电视界面设计
10.1智能电视界面设计概述t204
10.1.1智能电视界面设计t204
10.1.2智能电视界面设计的原则t204
10.2项目实作:智能电视界面设计t205
10.2.1界面设计任务分析t205
10.2.2学习目标t205
10.2.3制作步骤详解t206
10.3独立实践t217
10.4本章小结t217
第11章其他类型人机界面设计
11.1人机界面设计概述t218
11.1.1人机界面概述t218
11.1.2人机界面设计的要点t220
11.1.3人机界面设计的原则t221
11.2项目实作:播放器界面设计t221
11.2.1界面设计任务分析t221
11.2.2学习目标t222
11.2.3制作步骤详解t222
11.3独立实践t229
11.4本章小结t229……
- 新华一城书集 (微信公众号认证)
- 上海新华书店官方微信书店
- 扫描二维码,访问我们的微信店铺
- 随时随地的购物、客服咨询、查询订单和物流...