Photoshop智能手機(jī)APP界面設(shè)計(jì)全解析

第1章 智能手機(jī)APP界面設(shè)計(jì)基礎(chǔ)
1.1 關(guān)于手機(jī)
1.1.1 手機(jī)的分類
1.1.2 手機(jī)屏幕的分辨率
1.1.3 屏幕的色彩
1.2 UI設(shè)計(jì)中的色彩搭配
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 圖標(biāo)的大小
1.4 手機(jī)UI的相關(guān)單位
1.4.1 分辨率
1.4.2 英寸
1.5 常用的手機(jī)UI界面設(shè)計(jì)軟件
1.5.1 Photoshop
1.5.2 Illustrator
1.5.3 3ds Max
1.5.4 Iconcool studio
1.5.5 Image Optimizer
實(shí)戰(zhàn)1 制作天氣控件——Kuler
實(shí)戰(zhàn)2 制作相機(jī)圖標(biāo)——Photoshop
實(shí)戰(zhàn)3 制作日歷圖標(biāo)——Illustrator
第2章 常見系統(tǒng)的APP設(shè)計(jì)規(guī)范
2.1 蘋果系統(tǒng)（iOS）
2.1.1 iOS的發(fā)展歷史
2.1.2 iOS 的基本組件
2.1.3 iOS的開發(fā)工具與資源
2.1.4 iOS 6與iOS
2.2 安卓系統(tǒng)（Android）
2.2.1 Android的發(fā)展歷史
2.2.2 Android的基本組件
2.2.3 深度定制系統(tǒng)
2.3 Windows Phone系統(tǒng)
2.3.1 Windows Phone的發(fā)展簡(jiǎn)史
2.3.2 Windows Phone的特色
2.3.2 Windows Phone的設(shè)計(jì)理念
2.4 其他系統(tǒng)
2.4.1 黑莓系統(tǒng)
2.4.2 塞班系統(tǒng)
第3章 iOS系統(tǒng)APP界面設(shè)計(jì)實(shí)戰(zhàn)
3.1 iOS界面設(shè)計(jì)的原則
3.1.1 美
3.1.2 一致性
3.1.3 直接控制
3.1.4 反饋
3.1.5 暗喻
3.1.6 用戶控制
3.2 iOS界面設(shè)計(jì)的規(guī)范
3.2.1 確保程序在iPad和iPhone上通用
3.2.2 重新考慮基于Web的設(shè)計(jì)
3.3 基本圖形
3.3.1 線條的繪制
3.3.2 圖形的繪制
3.4 控件的繪制
3.4.1 搜索欄
3.4.2 滾動(dòng)條
3.4.3 文本框
3.5 圖標(biāo)的繪制
3.5.1 程序圖標(biāo)
3.5.2 小圖標(biāo)
3.5.3 文檔圖標(biāo)
3.5.4 Web快捷方式圖標(biāo)
3.5.5 導(dǎo)航欄、工具欄和Tab欄中的圖標(biāo)
3.6 設(shè)計(jì)圖片
3.6.1 登錄圖片
3.6.2 為Retina屏幕設(shè)計(jì)圖片
3.7 iOS 7的設(shè)計(jì)特點(diǎn)
實(shí)戰(zhàn)1 制作iOS 7快捷設(shè)置界面
實(shí)戰(zhàn)2 制作iOS 6搜索欄
實(shí)戰(zhàn)3 制作iOS 6的亮度欄
實(shí)戰(zhàn)4 制作iOS 7鎖屏界面
實(shí)戰(zhàn)5 制作iOS 7主界面
實(shí)戰(zhàn)6 制作iOS 7鬧鐘界面
實(shí)戰(zhàn)7 制作iOS 7天氣界面
實(shí)戰(zhàn)8 制作iOS 7游戲中心界面
實(shí)戰(zhàn)9 制作iPad的主界面
實(shí)戰(zhàn)10 制作iPad的相冊(cè)界面
實(shí)戰(zhàn)11 制作iPad的發(fā)送郵件界面
實(shí)戰(zhàn)12 制作iOS 6解鎖界面
實(shí)戰(zhàn)13 制作iOS 6閱讀器界面
實(shí)戰(zhàn)14 制作iPhone 4中的小界面
實(shí)戰(zhàn)15 制作精美的游戲界面 
第4章 Android系統(tǒng)APP界面設(shè)計(jì)實(shí)戰(zhàn)
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設(shè)計(jì)原則
4.4 Android界面的設(shè)計(jì)風(fēng)格
4.4.1 設(shè)備與顯示
4.4.2 主題樣式
4.4.3 單位和網(wǎng)格
4.4.4 觸摸反饋
4.4.5 字體
4.4.6 顏色
4.4.7 圖標(biāo)
4.4.8 寫作風(fēng)格
4.5 Android App的常用結(jié)構(gòu)
實(shí)戰(zhàn)1 制作Android導(dǎo)航欄
實(shí)戰(zhàn)2 制作Android操作欄
實(shí)戰(zhàn)3 制作Android選擇欄
實(shí)戰(zhàn)4 制作Android狀態(tài)欄
實(shí)戰(zhàn)5 制作Android進(jìn)度條
實(shí)戰(zhàn)6 制作Android開關(guān)按鈕
實(shí)戰(zhàn)7 制作Android時(shí)間選擇器
實(shí)戰(zhàn)8 制作Android啟動(dòng)圖標(biāo)
實(shí)戰(zhàn)9 制作Android主界面
實(shí)戰(zhàn)10 制作全部應(yīng)用界面
實(shí)戰(zhàn)11 制作小部件界面
實(shí)戰(zhàn)12 制作最近任務(wù)界面
實(shí)戰(zhàn)13 制作存儲(chǔ)空間統(tǒng)計(jì)界面
實(shí)戰(zhàn)14 制作賬戶設(shè)置界面
實(shí)戰(zhàn)15 制作指南針界面
實(shí)戰(zhàn)16 制作GO天氣的主界面
實(shí)戰(zhàn)17 制作學(xué)習(xí)類軟件的界面
實(shí)戰(zhàn)18 制作平板電腦的游戲界面
第5章 Windows Phone系統(tǒng)APP界面設(shè)計(jì)實(shí)戰(zhàn)
5.1 Windows Phone系統(tǒng)的特點(diǎn)
5.1.1 新穎的解鎖界面
5.1.2 簡(jiǎn)潔、實(shí)用的主界面
5.1.3 新穎的全景視圖
5.1.4 流暢的動(dòng)畫效果
5.2 界面框架
5.2.1 頁面標(biāo)題
5.2.2 進(jìn)度指示器 
5.2.3 滾動(dòng)指示器 
5.2.4 主題 
5.3 用戶界面框架
5.3.1 主界面
5.3.2 狀態(tài)欄
5.3.3 屏幕方向
5.3.4 字體
5.3.5 通知
5.4 標(biāo)準(zhǔn)控件
5.4.1 按鍵
5.4.2 背景層
5.4.3 勾選框
5.4.4 密碼框
5.4.5 進(jìn)度條
5.4.6 單選按鈕
5.4.7 滑動(dòng)條
5.4.8 輸入框
5.4.9 文本塊
實(shí)戰(zhàn)1 制作Windows Phone主界面
實(shí)戰(zhàn)2 制作Windows Phone應(yīng)用程序界面
實(shí)戰(zhàn)3 制作Windows Phone聊天界面
實(shí)戰(zhàn)4 制作Windows Phone短信界面
實(shí)戰(zhàn)5 制作Windows Phone字體設(shè)置界面
實(shí)戰(zhàn)6 制作Windows Phone日期設(shè)置界面
實(shí)戰(zhàn)7 制作音樂播放器界面
實(shí)戰(zhàn)8 制作可愛的游戲界面