内容简介

本书基于岗位工作流程，从移动UI设计的基础入手，把相关理论知识贯穿于基于工作流程的各个项目任务中，全面深入地讲解了移动UI设计的产品体验设计、产品交互设计、产品界面设计、产品交付设计四大模块知识内容。本书通过丰富的项目实战，帮助读者轻松且高效地掌握移动UI设计的相关基本知识、项目操作方法和技巧等。同时，本书随书附带所有项目实战案例的源文件和视频，方便读者学习和练习。

本书可作为数字媒体、移动软件开发等专业相关课程的配套教材，也适合UI设计师、交互设计师、准备转入UI设计方向的平面设计师学习和参考。

目录

第1章移动UI概论

11UI设计基础知识

111UI设计概念

112UI设计类型

12移动UI设计岗位分布

121三个概念的区别

122UED设计师

123ID设计师

124GUI设计师

13移动UI设计流程

14移动UI尺寸规范

141英寸、像素、分辨率

142DPI与PPI

143逻辑尺寸与物理尺寸

144常见的图片格式

第2章产品体验设计

21产品用户体验

22认识思维导图

221思维导图构成的要素

222认识XMind

23竞品分析

24用户需求分析

25产品信息架构

251产品信息架构因素

252产品信息架构的设计原则

实训项目1“青游”App产品信息架构制作

第3章产品交互设计

31产品设计原则

32产品思维策划

33产品流程图

331流程图分类

332流程图的三种结构 

实训项目2“青游”App登录流程图绘制

34产品交互原型设计

341App产品交互原型设计

35交互原型软件——Axure RP

实训项目3“青游”App登录页原型图制作

36交互事件

实训项目4“青游”App登录页面跳转动效制作

第4章产品界面设计

41高保真输出常用软件

411图形图像处理软件——Adobe Photoshop

412矢量绘图软件——Adobe Illustrator

413矢量绘图软件——Adobe XD

414Figma

415MasterGo

42设计中的平面构成

421点、线、面

422图像元素

423多媒体元素

43设计中的色彩构成

431UI设计中的色彩构成

432UI设计中的配色技巧

433UI设计中的色彩情感

实训项目5“青游”App情绪板制作

44图标设计及风格

441图标设计分类 

442图标设计原则

443图标设计方法

实训项目6“青游”App产品图标设计与制作

45引导页

451引导页的风格与文案

452引导页的设计方法

实训项目7“青游”App引导页设计与制作

46用户界面的形式美

461形式美在用户界面中的重要性

462形式美法则在用户界面中的运用

47首页

471首页表现形式

472如何做好一个首页

473综合型首页的结构

48组件库

481组件库的价值

482原子设计理论

483如何搭建组件库

实训项目8“青游”App首页设计与制作

49Banner视觉表现形式

491风格表现

492图形及文字排版设计

493色彩表现

实训项目9“青游”App Banner设计

第5章产品交付设计

51界面标注

511界面标注的常用软件

52产品切图

521切图的要点

522切图的命名规则

实训项目10“青游”App首页界面标注与切图

参考文献

12224467891212131314202123232425293131323337383941424344505152535860687070707172727373767677798182889596103103104108110112114121121121126126128129140141142142143147147149151152156157157158158158160164

前言/序言

在信息技术飞速发展和体验经济兴起的大潮下，数字媒体作为人类创新与科技相融合的新兴产物，在信息产业的发展过程中发挥着重要的作用，成为产业发展的重要驱动力之一，满足了服务于信息传递、娱乐和市场推广等多个领域的现代社会增长需求。随着基于安卓（Android）系统的移动智能设备的普及，人们的生活方式发生了飞速的变化，移动设备屏幕变得更大、功能更加齐全，这对移动UI（user interface）设计的要求也就越来越高，致使UI设计产业被快速推动，并得到了持续性发展。

在新技术、新媒体不断涌现的今天，数字媒体教学如果仍采用传统的教学方法，教材仍采用亦步亦趋的介绍性文字，显然已经不能跟上时代的步伐，纯粹学术性的教学方法已不利于当前学习者尽快掌握知识技能和实战技巧。因此，作者与企业合作，试图编写一本校企“双元”合作开发、符合国家教材建设管理办法的“育训并举”的新形态教材，以侧重搭建理论框架和案例分析的传统纸质教材为主，配合侧重于案例教学视频、案例文档、素材等数字教学资源。本书整体知识模块编写坚持“必需够用”原则，基于岗位流程设定的知识模块和项目实践，符合新媒体四步教学法，遵循学习者的认知逻辑，从简单到复杂，从基础到专业，从理论到实践。

全书结构清晰、内容由简到难、案例精彩、步骤详细，使学习者学习起来更为轻松、方便。为了便于读者学习，本书还赠送了学习资源包。学习资源包收录了书中所有内容的教案、PPT，可登录清华大学出版社官方网站下载获取，项目任务工单和教学视频可通过扫描书中的二维码获取，方便读者随时对照和查阅。

本书有以下特色。

1.秉持“培根铸魂、启智增慧”的建设宗旨

推动党的二十大精神进教材、进课堂、进头脑，是培育时代新人的育人要求，也是深化课程思政教学改革创新的实践要求。本书作为育人育才的重要依托，始终围绕党的二十大精神，秉持“培根铸魂、启智增慧”的建设宗旨，构建教材思政内容的整体框架，聚焦技术技能传授与道德培育的同向同行。

2.坚持标准引领，保障教材内容质量

本书内容开发依据专业教学标准，对接行业岗位技能标准，兼顾产业的发展趋势与革新需求，建立内容的动态更新机制。跟踪产业前沿技术、工艺以及规范，提升内容与产业发展的契合度，并有效地推进教材层面的“课证融通”，适应人才培养模式创新和优化课程体系的需要。

3.校企“双元”合作开发

编者以典型工作任务分析作为本书编写的逻辑起点，广泛吸纳行业企业人员参与编写；借助多方主体的比较优势进行编写，对接新技术、新工艺、新规范、新理念等，充分反映产业发展最新动态；注重以真实的生产项目，典型工作任务、案例等为载体组织内容框架；建立双元参与、贴近岗位、动态更新的教材开发机制。

4.贯彻“以学习者为中心” 的开发理念

本书立足UI设计领域的发展现状，主要面向高职类在校学生，同时也关注了退伍军人、UI设计爱好者等不同学习群体的实际需求，内容编写层级结构浅显易懂、明确清晰，贴近学习者的学习认知。内容设计考虑典型工作任务分析的科学性和信息化教学呈现形式的创新性，准确把握职业教育面向就业、实践导向的“职业性”特征，将教师教学的“教材”转变为学生学习的“学材”。

5.打造“育训并举”的新形态数字立体化教材

聚焦发展型、复合型、创新型人才培养模式，以传统纸质教材为载体，侧重搭建理论框架和案例分析，配合数字资源包，学习者可以通过获取资源包找到对应的教学视频、案例文档、素材等数字资源，形成可听、可视、可练、可互动的数字化教材。

6 .坚持“必需够用”原则

全面展示设计过程、设计要点及设计技巧，保证足够的实践教学时间；实训案例具有典型性，具备可迁移性和拓展性，使学习者能够举一反三；突出实践能力的培养，并具备行业评价保障机制，精心设计“学习评估”评价过程，实现教学目标的可操作性和可估量性；设计行业“小贴士”，体现职业教育的类型特征。

我们期望通过本书的教学实践，可以增强读者的公民意识和社会责任意识；拓宽读者在UI设计领域知识的广度与深度；提高读者的理性思考和创造性思维能力。

本书由张美枝、刘晓清担任主编，武迪、魏虹、王雅娟参与了编写。张美枝编写第 1章；武迪编写第2章；魏虹编写第3章；刘晓清编写第4章；王雅娟编写第5章；企业教师隗妍负责项目全流程跟进与指导。在编写的过程中，编写团队参考了大量文献资料，也收录了内蒙古唯漫兄弟文化传媒有限公司提供的具有典型意义的作品案例——“青游”大学生国内游App开发，其中包括10个