|
|
|
以iOS移動平台為載體，針對蘋果公司在iOS7的交互和用戶體驗上所做出的顛覆性改變（從擬物化到扁平化），系統介紹了移動應用設計的理論、流程、方法和具體操作。為讀者在移動應用的設計過程中，從項目討論和確立、用戶研究及產品創意，直至交互、界面和可用性測試完成的全過程提供全面的指導。
趙大羽，移動平台UI、UE專家，高級講師，專注於移動設計領域，美術及設計功底深厚，具有豐富的平面設計和移動平台設計經驗。精通iOS、Android和Windows Phone的界面設計以及用戶體驗設計，參與多款大型網絡游戲的Android、iOS客戶端的UI及UE設計，在國家農產品追溯系統iPad客戶端項目中擔任UI設計師，為多款iOS應用進行用戶體驗及界面設計，擅長移動平台的應用和游戲類項目的視覺策划及界面設計。曾為摩托羅拉、通用、寶潔、西門子、利樂等知名企業做過視覺設計，擔任智捷iOS課堂設計總監。著有《品味移動設計》一書。
第1章 為iOS平台做用戶體驗設計
1.1成為用戶體驗設計師
1.1.1UI、ID、UE和GUI
1.1.2了解iOS平台
1.1.3了解成功的iOS應用設計案例
1.2用戶體驗設計的基本流程
1.2.1設計的前期工作
1.2.2創意和原型草圖
1.2.3計算機原型的制作及可用性測試
1.2.4高保真原型及設計的完成階段
1.3iOS 7的全新用戶體驗
第2章 iOS平台的交互特點
2.1了解iOS平台的移動設備
2.1.1移動設備的種類
2.1.2iOS移動設備的規格和像素尺寸
2.1.3iOS移動設備的使用方法
2.2移動設備的人體工程學特點
2.2.1從拇指談起
2.2.2單手操作還是雙手操作
2.2.3用指尖來觸摸
2.2.4視覺的運行軌跡
2.2.5優化視覺結構
2.2.6圖片與文字的視覺關系
2.2.7屏幕的旋轉
2.3iOS平台的視覺體驗
2.3.1擬物化和扁平化
2.3.2iOS 7的視覺新體驗
第3章 做好設計的前期工作
3.1移動應用的市場定位
3.1.1是移動產品，不是計算機軟件
3.1.2外表華麗還是功能強大
3.1.3別讓它「大而全」
3.1.4它只是成千上萬個應用中的一個
3.2確定產品目標
3.2.1做有價值的應用
3.2.2做與眾不同的應用
3.2.3如何才能獨樹一幟
3.3為用戶而設計
3.3.1了解應用的使用者
3.3.2用戶細分
3.3.3用戶研究
3.3.4用戶測試
第4章 產品創意與原型草圖
4.1得到完美的創意
4.1.1玩玩「頭腦風暴」吧
4.1.2是娛樂不是工作
4.1.3有明確的目標
4.1.4有合理的分工
4.1.5安排好議程和環境
4.1.6暢所欲言但要遵守規則
4.1.7挑選出最有前途的想法
4.2原型草圖
4.2.1手繪的原型草圖
4.2.2潦草但要認真
4.2.3原型工具和原型設計軟件
4.3檢驗、分享你的思考結果
4.3.1有連貫，有情節，畫出應用的故事板
4.3.2利用原型草圖進行可用性測試
4.3.3幾種其他類型的草圖
第5章 使用Xcode工具進行原型設計
5.1用計算機完成原型設計
5.1.1平面圖像原型的實現
5.1.2可交互原型的實現
5.1.3原型的可用性測試
5.2原型設計利器——Xcode
5.2.1Xcode安裝和卸載
5.2.2Xcode界面
5.3創建工程
5.4屬性檢查器
5.5尺寸檢查器
5.6在iOS設備上運行應用原型
5.6.1創建開發者證書
5.6.2設備注冊
5.6.3創建App ID
5.6.4創建配置概要文件
5.6.5在設備上運行應用
第6章 使用標准控件
6.1文本輸入/輸出
6.1.1文本輸出控件
6.1.2文本輸入控件
6.2按鈕
6.2.1按鈕類型
6.2.2按鈕狀態
6.3各種「欄」
6.3.1狀態欄
6.3.2工具欄
6.3.3導航欄
6.3.4標簽欄
6.3.5搜索欄和搜索范圍選擇欄
6.4滑塊控件
6.5選擇控件
6.5.1二選一
6.5.2單選控件
6.5.3多選控件
6.5.4拾取器
6.6對話框
6.6.1警告框
6.6.2操作表
6.6.3分享列表
6.7活動指示器和進度條
6.7.1活動指示器
6.7.2進度條
6.8列表和網格
6.8.1表視圖
6.8.2集合視圖
第7章 應用程序導航
7.1iOS應用的導航模式
7.2平鋪導航
7.2.1分屏控件的導航實現
7.2.2分頁控件的導航實現
7.3標簽導航
7.3.1iOS標簽導航
7.3.2實例： 標簽導航模式城市信息
7.4樹形結構導航
7.4.1iOS樹形結構導航
7.4.2實例： 樹形導航模式城市信息
7.4.3一級視圖實現
7.4.4二級視圖實現
7.4.5三級視圖實現
7.5模態視圖
7.5.1iOS中的模態視圖
7.5.2模態視圖實例
7.6組合導航
第8章 iOS應用的個性化設計
8.1個性化你的應用
8.1.1從替換元素入手
8.1.2添加裝飾
8.1.3純個性化的設計
8.2圖形元素與構成理念
8.2.1圖形元素與視覺印象
8.2.2頁面布局與構成理念
8.2.3圖形與布局間的關系
8.2.4在不同的平台和設備上
8.3善於把握色彩
8.3.1了解色彩的規律
8.3.2控制色調
8.3.3色彩搭配
8.3.4色彩的傾向性
8.4文字的處理
8.4.1選擇合適的字體
8.4.2推敲文字的四個要素
8.4.3把握字群的位置關系
8.5界面的個性化風格
8.5.1手繪體風格
8.5.2卡通風格
8.5.3簡約風格
第9章 圖標設計與啟動畫面
9.1圖標設計的原則
9.1.1「識別性」原則
9.1.2圖標設計的「一致性」原則
9.1.3圖標設計的「兼容性」原則
9.2iOS應用圖標設計
9.2.1建立完美的第一印象
9.2.2iOS平台應用圖標設計規范
9.2.3幾個簡單的應用圖標的設計思路
9.3欄圖標
9.3.1是符號，不是圖案
9.3.2iOS平台欄圖標的規范和含義
9.3.3幾個有效的簡化圖像的方法
9.4啟動畫面和引導幫助
9.4.1啟動畫面
9.4.2引導幫助
第10章 iOS應用設計項目實踐
——「2016里約熱內盧奧運會」應用項目敏捷設計
10.1項目概述及工作計划
10.1.1項目描述
10.1.2工作計划和流程
10.2項目的准備階段
10.2.1市場定位及產品分析
10.2.2項目的用戶需求分析
10.3從原型草圖到擬物化實現
10.3.1創意與原型草圖
10.3.2項目的平面圖像原型
10.3.3圖像原型的可用性測試及調整
10.4追隨iOS 7的扁平化設計風格
10.4.1簡約與高亮色
10.4.2應用圖標和欄圖標
10.4.3啟動畫面設計
10.5使用Xcode工具進行原型設計
10.5.1創建工程
10.5.2首頁模塊設計實現
10.5.3比賽項目模塊設計實現
10.5.4比賽日程模塊設計實現
10.5.5比賽倒計時模塊設計實現
10.5.6關於模塊設計實現
10.5.7添加應用圖標
10.5.8添加啟動畫面
