第一章 移动用户体验界面设计概述 1
第一节 界面与界面设计 1
第二节 用户界面设计的发展 2
一、用户界面的发展 2
二、用户界面设计的发展 3
第三节 用户界面的设计原则 3
一、基本价值原则 4
二、交互设计原则 4
三、视觉设计原则 4
第四节 用户界面设计技能 5
一、Photoshop主要界面各组成部分的功能 5
二、Photoshop工具箱中各工具的快捷键 6
三、图像的文件格式 6
实训课堂:苹果手机界面设计与制作 6
第二章 移动应用终端界面图标设计 9
第一节 界面图标设计的构图与配色 10
一、界面图标设计的布局 10
二、界面图标设计的配色 10
第二节 界面扁平化图标设计与制作案例解析 11
实训课堂:界面立体化图标设计与制作 12
第三章 移动应用终端网站类界面设计 17
第一节 网站类界面设计的构图及配色 17
一、界面构图设计 17
二、界面配色设计 18
第二节 手机网站界面设计与制作案例解析 19
实训课堂:平板电脑(Pad)网站界面设计与制作 23
一、网站启动页面制作 23
二、网站主页面制作 25
三、网站分页面制作 28
第四章 移动应用终端儿童类产品界面设计 31
第一节 儿童类产品界面设计的构图及配色 32
一、儿童类产品界面构图设计 32
二、儿童类产品界面配色设计 33
第二节 儿童类产品界面设计与制作案例解析 34
第三节 儿童有声读物系列界面设计案例解析 37
实训课堂:圆角毛毛球图标的设计与制作 39
第五章 彩漫、彩信设计 43
第一节 彩漫、彩信设计的构图与配色 43
一、彩漫、彩信构图设计 43
二、彩漫、彩信配色设计 44
第二节 彩漫、彩信设计与制作案例解析 44
实训课堂:“情人节快乐”彩漫的设计与制作 47
第六章 手机壁纸设计 51
第一节 手机壁纸的类型、构图及尺寸 52
一、手机壁纸的类型 52
二、手机壁纸的构图 52
三、手机壁纸的尺寸 52
第二节 手机壁纸设计与制作案例解析 53
一、静态划屏壁纸的设计与制作 53
二、动态壁纸的设计与制作 56
实训课堂:制作下雨效果的动态墙纸 63
第七章 手机微动画产品设计 73
第一节 认识微动画 73
第二节 手机微动画设计与制作案例解析 74
一、角色三视图设计 74
二、微动画分镜绘制 74
三、微动画角色动作元件制作 75
四、微动画角色动作元件合成导出 79
实训课堂:利用引导层创建下雪时雪花飘动的场景 84
参考文献 88