Photoshop智能手机APP界面设计全解析

第1章 智能手机APP界面设计基础

1.1 关于手机

1.1.1 手机的分类

1.1.2 手机屏幕的分辨率

1.1.3 屏幕的色彩

1.2 UI设计中的色彩搭配

1.2.1 色彩的意象

1.2.2 色彩的搭配原则

1.2.3 色彩的搭配方法

1.2.4 用Kuler配色

1.3 图形元素的格式和大小

1.3.1 JPEG格式

1.3.2 GIF格式

1.3.3 PNG格式

1.3.4 图标的大小

1.4 手机UI的相关单位

1.4.1 分辨率

1.4.2 英寸

1.5 常用的手机UI界面设计软件

1.5.1 Photoshop

1.5.2 Illustrator

1.5.3 3ds Max

1.5.4 Iconcool studio

1.5.5 Image Optimizer

实战1 制作天气控件——Kuler

实战2 制作相机图标——Photoshop

实战3 制作日历图标——Illustrator

第2章 常见系统的APP设计规范

2.1 苹果系统（iOS）

2.1.1 iOS的发展历史

2.1.2 iOS 的基本组件

2.1.3 iOS的开发工具与资源

2.1.4 iOS 6与iOS

2.2 安卓系统（Android）

2.2.1 Android的发展历史

2.2.2 Android的基本组件

2.2.3 深度定制系统

2.3 Windows Phone系统

2.3.1 Windows Phone的发展简史

2.3.2 Windows Phone的特色

2.3.2 Windows Phone的设计理念

2.4 其他系统

2.4.1 黑莓系统

2.4.2 塞班系统

第3章 iOS系统APP界面设计实战

3.1 iOS界面设计的原则

3.1.1 美

3.1.2 一致性

3.1.3 直接控制

3.1.4 反馈

3.1.5 暗喻

3.1.6 用户控制

3.2 iOS界面设计的规范

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

3.2.2 重新考虑基于Web的设计

3.3 基本图形

3.3.1 线条的绘制

3.3.2 图形的绘制

3.4 控件的绘制

3.4.1 搜索栏

3.4.2 滚动条

3.4.3 文本框

3.5 图标的绘制

3.5.1 程序图标

3.5.2 小图标

3.5.3 文档图标

3.5.4 Web快捷方式图标

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

3.6 设计图片

3.6.1 登录图片

3.6.2 为Retina屏幕设计图片

3.7 iOS 7的设计特点

实战1 制作iOS 7快捷设置界面

实战2 制作iOS 6搜索栏

实战3 制作iOS 6的亮度栏

实战4 制作iOS 7锁屏界面

实战5 制作iOS 7主界面

实战6 制作iOS 7闹钟界面

实战7 制作iOS 7天气界面

实战8 制作iOS 7游戏中心界面

实战9 制作iPad的主界面

实战10 制作iPad的相册界面

实战11 制作iPad的发送邮件界面

实战12 制作iOS 6解锁界面

实战13 制作iOS 6阅读器界面

实战14 制作iPhone 4中的小界面

实战15 制作精美的游戏界面

第4章 Android系统APP界面设计实战

4.1 Android 2.3与Android 4.0的界面元素

4.2 Android App UI概论

4.2.1 UI栏

4.2.2 通知

4.2.3 App UI

4.3 UI设计原则

4.4 Android界面的设计风格

4.4.1 设备与显示

4.4.2 主题样式

4.4.3 单位和网格

4.4.4 触摸反馈

4.4.5 字体

4.4.6 颜色

4.4.7 图标

4.4.8 写作风格

4.5 Android App的常用结构

实战1 制作Android导航栏

实战2 制作Android操作栏

实战3 制作Android选择栏

实战4 制作Android状态栏

实战5 制作Android进度条

实战6 制作Android开关按钮

实战7 制作Android时间选择器

实战8 制作Android启动图标

实战9 制作Android主界面

实战10 制作全部应用界面

实战11 制作小部件界面

实战12 制作最近任务界面

实战13 制作存储空间统计界面

实战14 制作账户设置界面

实战15 制作指南针界面

实战16 制作GO天气的主界面

实战17 制作学习类软件的界面

实战18 制作平板电脑的游戏界面

第5章 Windows Phone系统APP界面设计实战

5.1 Windows Phone系统的特点

5.1.1 新颖的解锁界面

5.1.2 简洁、实用的主界面

5.1.3 新颖的全景视图

5.1.4 流畅的动画效果

5.2 界面框架

5.2.1 页面标题

5.2.2 进度指示器

5.2.3 滚动指示器

5.2.4 主题

5.3 用户界面框架

5.3.1 主界面

5.3.2 状态栏

5.3.3 屏幕方向

5.3.4 字体

5.3.5 通知

5.4 标准控件

5.4.1 按键

5.4.2 背景层

5.4.3 勾选框

5.4.4 密码框

5.4.5 进度条

5.4.6 单选按钮

5.4.7 滑动条

5.4.8 输入框

5.4.9 文本块

实战1 制作Windows Phone主界面

实战2 制作Windows Phone应用程序界面

实战3 制作Windows Phone聊天界面

实战4 制作Windows Phone短信界面

实战5 制作Windows Phone字体设置界面

实战6 制作Windows Phone日期设置界面

实战7 制作音乐播放器界面

实战8 制作可爱的游戏界面

《Photoshop智能手机APP界面设计全解析》主要讲解了iOS、Android和Windows Phone这3种主流智能手机操作系统界面和APP的构成元素，基本风格，全面解析了各类型APP界面的具体绘制方法与技巧。
　　《Photoshop智能手机APP界面设计全解析》共5章。第1章和第2章，主要讲解智能手机的分类、设计原则、图形元素的格式和UI的色彩搭配等APP界面设计基础知识。第3章至第5章，分别讲解了iOS、Android和Windows Phone这3个主流智能手机操作系统设计规范和设计原则，以及图形、控件、图标和完整界面的具体制作方法。
　　《Photoshop智能手机APP界面设计全解析》配套光盘内含全部案例的素材、源文件和教学视频，读者可以结合书、练习文件和教学视频，提升APP界面设计学习效率。
　　《Photoshop智能手机APP界面设计全解析》适合UI设计爱好者、APP界面设计从业者阅读，也适合作为各院校相关设计专业的参考教材。