移动UI设计

内蒙古自治区“十四五”职业教育规划教材

本书基于岗位工作流程，从移动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首页界面标注与切图
参考文献