移动端UI设计

图书标准信息

• 作者 严磊
• 出版社 电子工业出版社
• 出版时间 2021-12
• 版次 1
• ISBN 9787121383328
• 定价 68.00元
• 装帧 其他
• 页数 264页

【内容简介】

移动端UI设计是数字媒体艺术专业的必须课程。本书通过对数字移动媒体UI设计理论知识与制作规范，详实的案例讲解使读者具备一定设计界面与图标的审美能力与制作能力。能较好的将学习理论知识与实际案例相结合，使读者更容易理解同时也容易掌握制作软件的能力。本书共分为11章，第1章对数字移动媒体基础理论知识进行介绍。第2章介绍UI设计的基础知识、第3章介绍了图形创意表达方法。第4章介绍了图标设计的方法规范与流程。第5章介绍了图标设计的风格表达。第6章介绍了数字移动媒体UI设计规范。第7章介绍了数字媒体UI的板式构成。第8章介绍了数字移动媒体UI的色彩设计。第9章主要介绍了不同风格的UI图标设计与制作案例。第10章介绍了数字移动媒体的主题式UI整体设计。第11章介绍了优秀UI界面设计赏析。

【作者简介】

严磊有将近二十年大专、本科的一线教学经验。多年来专注于高等学校数字出版艺术设计领域复合应用型人才培养，主要围绕交互设计、数字出版、数字体验与文创设计、新媒体艺术等领域的研究。数十篇论文及多件艺术设计作品在国内重要期刊、核心期刊发表。担任北京市及校级科研项目研究工作。

【目录】

第 1 章UI版式布局与形式美

1.1导航设计002

1.1.1跳板式002

1.1.2列表菜单式003

1.1.3陈列馆式003

1.1.4仪表式004

1.1.5超级菜单式004

1.1.6图标轮盘式004

1.1.7图片式005

1.2界面布局设计006

1.2.1竖排列表006

1.2.2横排方块006

1.2.3九宫格007

1.2.4Tab007

1.2.5多面板007

1.2.6手风琴008

1.2.7弹出框008

1.2.8侧边栏008

1.2.9标签式009

1.3界面设计的形式美法则009

1.3.1重复与近似009

1.3.2渐变与节奏010

1.3.3对比与调和010

1.3.4比例与适度011

1.3.5变化与统一011

1.3.6虚实与留白012

V

移动端UI设计

 第 2 章UI情感化设计与视知觉原则

2.1UI中的情感化设计014

2.1.1何为情感化设计014

2.1.2苹果公司UI设计的情感化之路014

2.1.3情感化设计在UI设计中的作用016

2.2格式塔视知觉原则018

2.2.1相似性018

2.2.2接近性018

2.2.3连续性019

2.2.4闭合性019

2.2.5图形与背景019

 第 3 章UI色彩设计与心理效应

3.1色彩原理022

3.1.1色彩的概念022

3.1.2色彩的属性023

3.1.3数字色彩023

3.2色彩的对比与调和024

3.2.1色彩对比025

3.2.2色彩对比的种类026

3.2.3色彩的调和028

3.2.4色彩调和的种类029

3.3色彩的心理效应030

3.4色彩搭配的技巧034

3.4.1主色、副色、点缀色构成原则034

3.4.2色彩搭配的原则034

3.4.3主体色搭配的技巧035

3.4.4色环搭配指南036

 第 4 章图标的创意设计

4.1图标色彩搭配与应用040

4.1.1经典色系040

4.1.2图标与界面配色注意事项043

4.2图标的基本知识046

VI

目录

4.2.1图标概述046

4.2.2图标分类046

4.2.3图标设计流程049

4.3图标风格表达050

4.3.1扁平化设计050

4.3.2拟物化设计053

4.3.3扁平化+拟物化055

4.4图标创意表达056

4.4.1图标创意构想—头脑风暴056

4.4.2图形轮廓联想——图形联想057

4.4.3图标草图表达——视觉手绘058

4.5图标制作基础实训——时钟图标058

 第 5 章流行元素设计案例

5.1UI的字体效果067

案例1：星星字体效果067

案例2：牛仔布料字体效果069

案例3：烟雾水墨字体效果076

案例4：霓虹灯字体效果080

案例5：斑点字体效果083

案例6：立体字效果084

案例7：车灯字体效果086

5.2UI图标的质感表现089

案例8：瓷器质感效果089

案例9：木纹质感效果093

案例10：金属质感效果097

案例11：布料质感效果101

案例12：玻璃质感效果106

案例13：塑料质感效果113

案例14：皮质质感效果118

5.3立体UI图标设计137

案例15：3D字体图标设计137

案例16：手机应用图标设计140

案例17：面具表情图标设计144

VII

移动端UI设计

案例18：企业Logo图标设计148

案例19：VR实验室Logo设计154

5.4功能图标案例设计与制作156

案例20：汽车HMI图标制作156

案例21：办公文件管理图标制作162

案例22：收音机图标制作167

案例23：手电筒图标制作173

案例24：天气预报图标设计176

5.5UI局部功能设计与案例制作179

案例25：登录UI设计179

案例26：导航图标UI设计179

案例27：导航栏设计181

案例28：主题图标设计187

 第 6 章主题式UI创作案例研究

6.1民间工艺主题UI设计193

案例1：一石砖193

案例2：民艺196

6.2怀旧主题UI设计200

案例3：老物件200

案例4：时光π207

6.3书卷文化主题UI设计210

案例5：余音210

6.4汉像画主题UI设计214

案例6：汉像画214

6.5六一儿童节主题UI设计219

案例7：童说童画219

案例8：糖友记223

6.6亲子阅读主题UI设计225

案例9：Light·House225

案例10：檬阅230

6.7保护小动物主题UI设计233

案例11：Pet-life233

案例12：爱宠236

VIII

目录

6.8快乐涂鸦主题UI设计238

案例13：乐涂238

案例14：萌叽241

 第 7 章优秀作品展示

作品1《木活字》246

作品2《北京楼燕儿》248

作品3《龙龙带你识九城》249

作品4《千年活字VR虚拟体验馆设计》250

作品5《收集年味》251

作品6《晓红豆》253