iOS智能手机APP界面设计实战教程

第1章 iOS APP界面设计基础

1.1 iOS入门

1.1.1 iOS简介

1.1.2 开发工具简介

1.2 iOS的界面设计原则

1.2.1 界面美观

1.2.2 一致性

1.2.3 直接控制

1.2.4 反馈

1.2.5 比喻

1.2.6 用户控制

1.3 iOS APP设计概述

1.3.1 关注主任务

1.3.2 提升用户关注内容的权重

1.3.3 使用方法明显、易用

1.3.4 使用以用户为中心的术语

1.3.5 减少对用户输入的需求

1.3.6 弱化设置

1.3.7 在App Store中提供精炼的描述

1.3.8 界面元素要一致

1.3.9 使用精美的图片

1.3.10 启动与退出

1.4 尺寸标准

1.4.1 英寸

1.4.2 分辨率

1.4.3 屏幕密度

1.4.4 iOS的图标尺寸和格式

第2章 iOS APP界面元素的制作

2.1 iOS 6与iOS 7的界面元素

2.2 栏

2.2.1 状态栏

实战1 制作iOS 6的状态栏

实战2 制作iOS 7的状态栏

2.2.2 导航栏

实战3 制作iOS 6的导航栏

实战4 制作iOS 7的导航栏

2.2.3 工具栏

实战5 制作iOS 6的工具栏

实战6 制作iOS 7的工具栏

2.2.4 Tab栏

实战7 制作iOS 6的Tab栏

实战8 制作iOS 7的Tab栏

2.3 内容视图

2.3.1 浮出层（只限iPad）

实战9 制作iPad的浮出层

2.3.2 分栏视图（只限iPad）

实战10 制作iPad的分栏视图

2.3.3 表格视图

实战11 制作iOS 6的表格视图

实战12 制作iOS 7的表格视图

2.3.4 文本视图

实战13 制作iOS 6的文本视图

实战14 制作iOS 7的文本视图

2.3.5 Web视图

实战15 制作iOS 6的Web视图

实战16 制作iOS 7的Web视图

2.4 警告框

实战17 制作iOS 6的警告框

实战18 制作iOS 7的警告框

2.5 操作列表

实战19 制作iOS 6的操作列表

实战20 制作iOS 7的操作列表

2.6 模态视图

实战21 制作iOS 6的模态视图

实战22 制作iOS 7的模态视图

2.7 控件

实战23 制作iOS 6的滚动条

实战24 制作iOS 7的滚动条

2.8 登录图片

实战25 制作iOS 6的登录图片

第3章 iOS APP基本元素的制作

3.1 iOS APP基本图形的制作

3.1.1 直线

实战1 制作iOS 7的指南针图标

3.1.2 圆形

实战2 制作iOS 7的锁屏界面

3.1.3 矩形

实战3 制作iOS 6的移动和缩放界面

实战4 制作iOS 7的计算器界面

3.1.4 圆角矩形 121

实战5 制作iOS 6的按钮

3.1.5 其他形状

实战6 制作iOS 7的小图标

3.2 iOS APP控件制作

3.2.1 活动指示器

3.2.2 日期和时间拾取器

实战7 制作iOS 7的日期拾取器

实战8 制作iOS 6的日期拾取器——背景

实战9 制作iOS 6的日期拾取器——其他

3.2.3 详情展开按钮

实战10 制作iOS 7的详情展开按钮开关

实战11 制作iOS 6的详情展开按钮开关

3.2.4 信息按钮

3.2.5 标签

3.2.6 网络活动指示器

3.2.7 页码指示器

3.2.8 拾取器

3.2.9 进度指示器

3.2.10 圆角矩形按钮

实战12 制作iOS 6的圆角矩形按钮

3.2.11 范围栏

3.2.12 搜索栏5

实战13 制作iOS 7的搜索栏

实战14 制作iOS 6的搜索栏

3.2.13 分段控件

实战15 制作iOS 7的分段控件

实战16 制作iOS 6的分段控件

3.2.14 滚动条

实战17 制作iOS 7的音量滚动条

3.2.15 切换器

实战18 制作iOS 7的闹钟界面

3.2.16 文本框

3.3 制作图标

3.3.1 程序图标

实战19 制作iOS 6的时钟图标

3.3.2 小图标

3.3.3 文档图标

3.3.4 Web快捷方式图标

3.3.5 导航栏、工具栏和Tab栏上用的图标

3.4 特效处理

3.4.1 阴影和倒影

实战20 制作iOS 6的应用商店图标

3.4.2 发光与描边

实战21 制作iOS 6的iCloud登录界面

3.4.3 模糊 176

实战22 制作iOS 7的模糊界面

3.4.4 折角效果

实战23 制作iOS 6的文档图标

第4章 完整APP界面的制作

4.1 iOS 7与iOS 6的界面风格对比

4.1.1 操作界面简洁清晰、依从用户

4.1.2 全面弃用拟物化

4.1.3 使用动态字体，提升易读性

4.1.4 去掉按钮的边框

4.1.5 导航元素半透明化

4.1.6 大量的留白

4.1.7 通过深度传递层次

4.1.8 尽量不使用启动画面

4.2 iOS APP设计尺寸规范（iPhone）

实战1 制作iOS 6的滑动解锁界面——背景与状态栏

实战2 制作iOS 6的滑动解锁界面——其他

实战3 制作iOS 6的主界面——图标

实战4 制作iOS 6的主界面

实战5 制作iOS 6的计算器界面——状态栏和屏幕

实战6 制作iOS 6的计算器界面——按键

实战7 制作iOS 7的主界面——图标

实战8 制作iOS 7的主界面——图标

实战9 制作iOS 7的主界面

实战10 制作iOS 7的快捷开关界面——背景处理

实战11 制作iOS 7的快捷开关界面——其他

实战12 制作iOS 7的短信发送界面——信息界面

实战13 制作iOS 7的短信发送界面

第5章 商业综合案例的制作

5.1 iOS的文字排版

5.2 iOS的配色

实战1 制作精美的小游戏界面

实战2 制作音乐播放界面

实战3 制作文本编辑界面

想学iOS APP界面设计的基本原则、思路和制作技法？《iOS智能手机APP界面设计实战教程》无疑是最佳的选择之一。作者全面讲解了各种基于iOS平台的APP制作细节，iOS 7和iOS 6风格的全部涵盖，初学者也容易轻松掌握。《iOS智能手机APP界面设计实战教程》讲解苹果iOS智能手机操作系统的构成元素和各种实例，全面解析各种元素和界面的具体绘制方法。　　《iOS智能手机APP界面设计实战教程》共5章。第1章是iOS APP界面设计基础。第2章是iOS APP界面元素制作，主要讲解了iOS系统中不同界面元素的设计规范和制作方法。第3章是iOS APP基本元素制作，主要介绍了iOS系统中一些基本形状和元素的制作方法。第4章是完整APP界面制作，主要介绍了iOS 6和iOS 7界面风格在制作时的区别。第5章是商业综合案例的制作，主要讲解了iOS的文字排版和配色，并通过3个案例详细演示了综合案例的制作。　　《iOS智能手机APP界面设计实战教程》配套光盘内包含全部案例的素材、源文件和教学视频，读者可以结合书、练习文件和教学视频，提升APP界面设计学习效率。　　《iOS智能手机APP界面设计实战教程》适合UI设计爱好者、APP界面设计从业者阅读，也适合作为各院校相关设计专业的参考教材。