移动应用用户体验界面设计

第一章　移动用户体验界面设计概述 /001

第一节　界面与界面设计 /001

第二节　用户界面设计的发展 /002

一、用户界面的发展 /002

二、用户界面设计的发展 /003

第三节　用户界面的设计原则 /003

一、基本价值原则 /004

二、交互设计原则 /004

三、视觉设计原则 /004

第四节　用户界面设计技能 /005

一、Photoshop 主要界面各组成部分的功能 /005

二、Photoshop 工具箱中各工具的快捷键 /006

三、图像的文件格式 /006

实训课堂：苹果手机界面设计与制作 /006

第二章　移动应用终端界面图标设计 /009

第一节　界面图标设计的构图与配色 /010

一、界面图标设计的布局 /010

二、界面图标设计的配色 /010

第二节　界面扁平化图标设计与制作案例解析 /011

实训课堂：界面立体化图标设计与制作 /012

第三章　移动应用终端网站类界面设计 /017

第一节　网站类界面设计的构图及配色 /017

一、界面构图设计 /017

二、界面配色设计 /018

第二节　手机网站界面设计与制作案例解析 /019

实训课堂：平板电脑（Pad）网站界面设计与制作 /023

一、网站启动页面制作 /023

二、网站主页面制作 /025

三、网站分页面制作 /028

第四章　移动应用终端儿童类产品界面设计 /031

第一节　儿童类产品界面设计的构图及配色 /032

一、儿童类产品界面构图设计 /032

二、儿童类产品界面配色设计 /033

第二节　儿童类产品界面设计与制作案例解析 /034

第三节　儿童有声读物系列界面设计案例解析 /037

实训课堂：圆角毛毛球图标的设计与制作 /039

第五章　彩漫、彩信设计 /043

第一节　彩漫、彩信设计的构图与配色 /043

一、彩漫、彩信构图设计 /043

二、彩漫、彩信配色设计 /044

第二节　彩漫、彩信设计与制作案例解析 /044

实训课堂：“情人节快乐”彩漫的设计与制作 /047

第六章　手机壁纸设计 /051

第一节　手机壁纸的类型、构图及尺寸 /052

一、手机壁纸的类型 /052

二、手机壁纸的构图 /052

三、手机壁纸的尺寸 /052

第二节　手机壁纸设计与制作案例解析 /053

一、静态划屏壁纸的设计与制作 /053

二、动态壁纸的设计与制作 /056

实训课堂：制作下雨效果的动态墙纸 /063

第七章　手机微动画产品设计 /073

第一节　认识微动画 /073

第二节　手机微动画设计与制作案例解析 /074

一、角色三视图设计 /074

二、微动画分镜绘制 /074

三、微动画角色动作元件制作 /075

四、微动画角色动作元件合成导出 /079

实训课堂：利用引导层创建下雪时雪花飘动的场景　/084

参考文献 /088