創意UI：Photoshop玩轉移動UI設計

第1章 初入移動UI設計的世界
1.1 認識移動
1.1.1 什麼是移動UI設計
1.1.2 移動UI設計的特點
1.1.3 移動UI設計的經典案例
1.2 移動設備的三大主流平台和設計的基本原則
1.2.1 iOS平台和設計的基本原則
1.2.2 Android平台和設計的基本原則
1.2.3 Windows平台和設計的基本原則
1.3 常用移動界面
1.3.1 常用手機界面
1.3.2 常用平板電腦界面
1.4 移動UI的草圖設計流程
1.5 移動設備界面色彩搭配
1.5.1 色彩對移動界面的重要性
1.5.2 移動設備界面色彩的搭配方法
1.5.3 移動設備中色彩的傳達
1.6 移動設備中各尺寸標准
1.6.1 手機的基本尺寸標准
1.6.2 平板的基本尺寸標准
1.6.3 手機的基本分辨率
1.6.4 平板的基本分辨率
1.7 移動UI使用的注意要點
1.7.1 移動UI設計的顏色使用要點
1.7.2 移動UI設計的圖案使用要點
1.7.3 移動UI設計的字體使用要點
第2章 你所不知道的移動UI特性和界面導航設計
2.1 移動設備的特性
2.1.1 高便攜性
2.1.2 隱私性
2.1.3 應用輕便
2.1.4 手機媒體的特性
2.1.5 iPad的特性
2.2 手摸勢交互特性
2.2.1 重復與循環動作
2.2.2 連貫動作法和關鍵動作法
2.2.3 誇張的方式制作利於觸碰
2.3 移動用戶體驗設計方法
2.3.1 有效的人機交互策略
2.3.2 移動設備的可用性
2.3.3 以用戶為中心的移動UI設計
2.3.4 訪客至上的設計秘籍
2.4 導航欄和按鈕的設計要點
2.4.1 應用的導航欄設計
2.4.2 導航欄返回按鈕
2.5 移動應用導航的設計模式
2.5.1 跳板式
2.5.2 列表菜單式
2.5.3 選項卡式
2.5.4 陳列館式
2.5.5 儀表式和隱喻式
2.5.6 超級菜單式
2.5.7 圖片輪盤式
2.5.8 擴展列表式
2.6 2015年移動設備的發展趨勢
2.6.1 大屏幕，還是大屏幕
2.6.2 4G LTE
2.6.3 隨處可見的Android
2.6.4 NFC技術
2.6.5 更輕更薄
2.6.6 更大的平板電腦
2.6.7 更好的平板電腦保護套
2.6.8 在Ultrabooks領域加大投資
2.6.9 將吸引更多企業用戶的關注
第3章 Photoshop和移動UI的那些事兒
3.1 移動UI中基礎圖形的繪制
3.1.1 正方形、長方形
3.1.2 圓角矩形
3.1.3 橢圓
3.1.4 組合圖形
3.1.5 其他形狀
3.2 常見控件的制作
3.2.1 按鈕
3.2.2 對話框
3.2.3 選項條
3.2.4 切換條
3.2.5 滾動條
3.2.6 播放器
3.3 圖標的制作
3.3.1 時間圖標
3.3.2 相機圖標
3.3.3 音樂圖標
3.3.4 天氣圖標
第4章 現在就開始移動手機之旅
4.1 移動手機設置界面
實戰1 手機時鍾設置界面
實戰2 手機聯系人設置界面
實戰3 手機鎖屏設置界面
實戰4 手機顯示設置界面
4.2 移動手機主題界面
實戰1 小清新風格手機主題
實戰2 女性風格手機主題界面
實戰3 可愛風格手機主題界面
實戰4 特效手機主題界面
實戰5 手繪風格手機主題界面
4.3 移動手機應用界面
實戰1 手機照片應用界面
實戰2 手機音樂應用界面
實戰3 手機游戲應用界面
第5章 超人氣平板界面是這樣煉成的
5.1 平板主題界面設計
實戰1 安卓系統主題界面設計
實戰2 蘋果系統主題界面設計
實戰3 Windows系統主題界面設計
5.2 平板應用游戲界面設計
實戰1 iPad休閑游戲
實戰2 iPad益智游戲
5.3 平板常用軟件界面設計
實戰1 平板電影高清時代
實戰2 平板娛樂應用界面
實戰3 平板音樂應用界面
5.4 平板閱讀界面設計
實戰1 iPad電子明信片瀏覽
實戰2 女性網購站點
實戰3 兒童學習教育
附錄
01 設計背景
觸控目標大小的定義
僧多粥少
可玩性主要在於手控的操作
02 不同類型移動設備的可用性各異
iOS移動設備的可用性
Android移動設備的可用性
Windows Phone移動設備的可用性
03 移動網站與完整版網站
移動優化的網站
為什麼完整版網站不適合移動使用
移動端比桌面端要求更嚴格
響應式設計
可用性原則很少非黑即白