第1章 移动APP界面设计基础

1.1关于手机

1.1.1手机的发展历史

1.1.2手机分辨率

1.1.3屏幕颜色

1.2 UI设计

1.2.1什么是UI设计

1.2.2主要性能

1.2.3相关控件

1.2.4手机UI设计

1.2.5手机UI设计的特点

1.2.6手机UI与平面UI的区别

1.3设计中的色彩搭配

1.3.1色彩的意象

1.3.2手机APP UI设计的用色规范

1.3.3 UI调色板

1.3.4 APP界面设计中色彩运用原理与对比原则

1.3.5色彩的搭配方法

1.4图标的格式

1.4.1 JPEG格式

1.4.2 PNG格式

案例1制作iOS 9拨号图标

1.4.3 GIF格式

1.4.4其他常用格式

1.5手机界面设计的尺寸标准

1.5.1分辨率

1.5.2英寸

1.5.3网点密度

1.5.4屏幕密度

1.6常用的软件工具

1.6.1 Photoshop

案例2制作iOS 9快捷按钮

1.6.2Illustrator

1.6.3 3ds Max

1.6.4 IconCool Studio

1.6.5 Image Optimizer

1.7总结扩展

1.7.1本章小结

1.7.2课后练习——制作iOS 9照片图标

第2章 常见的手机系统

2.1 iOS系统

2.1.1 iOS的发展过程

2.1.2 iOS的基本组件

2.1.3 iOS的开发工具和资源

2.1.4 iOS的设备

2.1.5 iOS 8与iOS 9的功能对比

2.2 Android系统

2.2.1 Android的发展过程

2.2.2 Android的基础UI组件

2.2.3关于深度定制的系统

2.3 Windows Phone系统

2.3.1 Windows Phone的发展历程

2.3.2了解Windows 10

2.3.3 Windows Phone系统的特色

2.4各种手机系统介绍

2.4.1 iOS的优缺点

2.4.2 Android的优缺点

2.4.3 Windows Phone的优缺点

2.4.4手机系统的发展前景

2.5总结扩展

2.5.1本章小结

2.5.2课后练习——制作iOS 9健康图标

第3章iOs设计元素

3.1 iOS 8与iOS 9的界面对比

3.1.1新字体

3.1.2应用切换

案例3制作应用程序切换界面

3.1.3 Spotlight搜索

3.1.4电池使用细节

3.1.5相机应用

3.1.6分享界面

3.1.7 Siri新界面

3.1.8键盘大小写切换

3.1.9听写界面

3.1.10圆角

3.2 iOS界面设计

3.2.1了解用户使用怎样的设备

3.2.2 iOS界面设计的原则

3.3 iOS界面设计规范

3.3.1界面布局

3.3.2颜色与字体

3.3.3语言风格

3.3.4确保程序在iPad和iPhone上通用

3.3.5重新考虑基于Web的设计

3.4 iOS基本图形的绘制

3.4.1线条的绘制

案例4制作记事本图标

3.4.2矩形的绘制

3.4.3圆角矩形的绘制

案例5制作智能小键盘

3.4.4圆形的绘制

案例6制作iOS 9的解锁界面

3.4.5其他形状

案例7制作iOS 9的选项图标

3.5控件的绘制

3.5.1活动指示器

案例8制作活动指示器

3.5.2日期和时间拾取器

案例9制作选择器

3.5.3详情按钮

3.5.4标签

3.5.5网络活动指示器

3.5.6页面控制

案例10制作页码指示器

3.5.7进度指示条

案例11制作信息界面

3.5.8刷新控制

3.5.9搜索框

案例12制作搜索框

3.5.10滚动条

案例13制作滚动条

3.5.11文本框

案例14制作文本框界面

3.5.12对话框

案例15制作对话框

3.5.13分段控件

案例16制作分段控件

3.5.14按钮

案例17制作开关按钮

3.6图标绘制

3.6.1图标设计的技巧

3.6.2应用图标

案例18制作APP Store图标

3.6.3聚光灯和设置图标

3.6.4导航栏、工具栏和Tab栏中的图标

案例19制作Tab栏中的小图标

3.7总结扩展

3.7.1本章小结

3.7.2课后练习——制作Safari浏览器界面

第4章iOS APP应用实战

4.1 iOS APP界面的布局规范

4.1.1 iOS APP界面尺寸规范

4.1.2 iOS的文本规范

4.1.3 iOS界面的配色技巧

4.2制作APP电商界面

案例20制作电商界面1——状态栏

案例21制作电商界面2——导航栏

案例22制作电商界面3——主体

案例23制作电商界面4——标签栏

4.3制作APP记事本界面

案例24制作记事本界面

4.4制作APP音乐播放器界面

案例25制作音乐播放器界面

4.5制作个人主页界面

案例26制作个人主页界面设计

4.6制作游戏界面

案例27制作游戏界面

4.7总结扩展

4.7.1本章小结

4.7.2课后练习——制作登录界面

第5章Android设计元素

5.1 Android 5.0与Android 6.0界面对比

5.2 Android UI概论

5.2.1主屏幕和二级菜单

5.2.2系统栏

5.2.3操作栏

5.3 Android UI设计原则

5.3.1漂亮的界面

案例28制作简洁的Android解锁界面

5.3.2更简单便捷的操作

5.3.3更加完善的工作流程

5.4 Android设计概述

5.4.1设备和显示

案例29 Android 6.0 Chrome图标

5.4.2字体

案例30制作Android E-mail发送界面

5.4.3写作风格

5.4.4颜色

5.5 Android基本图形绘制

5.5.1直线

案例31制作Android注册界面

5.5.2圆

案例32制作Android时间界面

5.5.3矩形

案例33制作简洁的Android软件界面

5.5.4圆角矩形

案例34制作简洁的Android推送界面

5.5.5其他形状

案例35制作简洁的Android图片预览界面

5.6 Android APP控件制作

5.6.1选项卡

案例36制作简洁的Android选项卡

5.6.2列表

案例37制作简洁的Android文件管理器

5.6.3滚动

案例38制作微信联系人界面

5.6.4下拉菜单

案例39制作Android下拉菜单

5.6.5按钮

案例40制作微信个人信息界面

5.6.6文本框

案例41制作Android文本框

5.6.7对话框

案例42制作Android对话框

5.6.8滑块

案例43制作Android闹钟声音滑块

5.6.9进度和动态

案例44制作Android音乐播放器

5.6.10开关

案例45制作Android开关

5.6.11分割线

5.6.12工具提示

5.6.13图标

案例46制作Android启动图标

5.7总结扩展

5.7.1本章小结

5.7.2课后练习——制作Android拨号界面

第6章Android APP应用实战

6.1 Android APP的设计规范

6.1.1 Android APP结构规范

6.1.2 Android APP切图规范

6.1.3 Android APP配色技巧

6.2制作在线电影APP界面

案例47制作在线电影APP 1——状态栏

案例48制作在线电影APP 2——选项栏

案例49制作在线电影APP 3——主界面

6.3制作记事本APP

案例50制作记事本APP

6.4制作音乐播放器界面

案例51制作音乐播放器界面

6.5制作聊天APP侧边栏

案例52制作聊天APP侧边栏

6.6总结扩展

6.6.1本章小结

6.6.2课后练习——制作APP人主页界面

第7章Windows Phone设计元素和应用实战

7.1 Windows Phone 10与Windows Phone 8.1界面对比

7.2 Windows Phone系统的特点

7.2.1通用Windows应用史

7.2.2 Windows Phone界面特色

7.3 Windows Phone设计原则

案例53制作Windows Phone主界面

7.4 Windows Phone界面框架

7.4.1页面标题

7.4.2进度指示器

7.4.3滚动指示器

7.4.4主题

7.5 Windows Phone用户界面框架

7.5.1主界面

7.5.2屏幕方向

7.5.3字体

7.5.4状态栏

案例54制作Windows Phone状态栏

7.5.5磁贴和通知

7.6 Windows Phone标准控件

7.6.1按键

7.6.2单选按钮

7.6.3复选框

7.6.4切换开关

7.6.5命令栏

7.6.6对话框

7.6.7进度控件

7.6.8搜索

7.7制作Windows Phone壁纸软件

案例55制作Windows Phone壁纸软件

7.8制作Windows Phone壁纸软件

案例56制作Windows PhoneQQ界面

7.9总结扩展

7.9.1本章小结

7.9.2课后练习——制作脑电波测试软件界面