目 錄
第1章 移動觸摸設備的新思路 1
1.1 為什麼要選擇移動互聯網 1
1.1.1 從桌麵端到移動端 1
1.1.2 移動市場 3
1.1.3 為何現在就進軍移動領域 4
1.1.4 麵嚮移動的做法 4
1.1.5 麵嚮移動的指南 5
1.2 Apple的移動設備硬件 6
1.3 小結 6
第2章 為iOS設備打造的敏捷項目 7
2.1 實現移動信息架構 7
2.1.1 信息架構及其重要性 8
2.1.2 遵循移動策略的黃金法則 16
2.1.3 純內容標注法 17
2.1.4 使用站點導航圖來錶現信息
架構 18
2.1.5 使用綫框圖草擬信息架構 21
2.1.6 通過原型將交互可視化 22
2.2 移動設計的係統方法 24
2.2.1 蘋果設備的可訪問性 25
2.2.2 iOS設備的可用性 28
2.2.3 iPhone頁麵模型 32
2.2.4 iPhone用戶界麵 33
2.2.5 iPad塊模型 35
2.2.6 iPad用戶界麵 37
2.2.7 用於蘋果移動設計的工具 39
2.3 小結 39
第3章 針對iOS設備的Web開發 41
3.1 Web開發工具 41
3.1.1 開發框架 42
3.1.2 移動網站 48
3.2 移動應用 49
3.3 Web開發模型 50
3.3.1 Web開發模型的優缺點 50
3.3.2 開發Web應用的四種方法 54
3.3.3 Web應用和原生應用在用戶眼中的區彆 56
3.3.4 Web標準：HTML、CSS及JavaScript 59
3.3.5 瀏覽器對標準的支持情況：WebKit和Safari 86
3.4 SDK開發模型 92
3.4.1 蘋果的Objective-C、Cocoa Touch以及Xtools模型 93
3.4.2 我是一颱Mac電腦 95
3.4.3 用於蘋果移動開發的工具和框架 96
3.5 小結 96
第4章 針對iOS設備的用戶界麵設計 97
4.1 用戶界麵設計 97
4.1.1 什麼是界麵 98
4.1.2 萬物皆界麵 100
4.1.3 負空間 105
4.1.4 色彩心理學 110
4.1.5 界麵層次 117
4.1.6 閱讀模式 118
4.1.7 用戶界麵設計流程 125
4.2 兼容iPhone和iPad的用戶界麵設計 127
4.2.1 調研 128
4.2.2 結構 130
4.2.3 美工 133
4.2.4 交互 133
4.2.5 可交付結果 134
4.3 iPad類原生用戶界麵設計 135
4.3.1 調研 135
4.3.2 結構 135
4.3.3 美工 136
4.3.4 交互 137
4.3.5 可交付結果 138
4.4 iPhone類原生用戶界麵設計 138
4.4.1 調研 138
4.4.2 結構 138
4.4.3 美工 139
4.4.4 交互 140
4.4.5 可交付結果 141
4.4.6 用於用戶界麵設計的工具 141
4.5 小結 142
第5章 iPhone用戶界麵設計：簡化思維 143
5.1 草繪用戶界麵 143
5.2 簡化思維 143
5.2.1 iPhone是隨身攜帶的設備 144
5.2.2 iPhone頁麵模型的本質 144
5.2.3 iPhone的局限性 144
5.2.4 用戶認知資源的本質 144
5.3 草繪剖析 145
5.4 使用工具來設計 147
5.4.1 探索Balsamiq Mockups界麵 148
5.4.2 描繪關聯性 149
5.5 使用Adobe Fireworks來設計 150
5.5.1 創建畫布 151
5.5.2 整理圖層 152
5.5.3 布局設計 152
5.5.4 界麵設計 153
5.5.5 復用設計 158
5.5.6 用於用戶界麵設計的工具 160
5.6 小結 160
第6章 iPad用戶界麵設計：逆嚮思維 161
6.1 草繪用戶界麵 161
6.2 逆嚮思維 161
6.2.1 逆嚮簡化 162
6.2.2 刪減與優選 163
6.2.3 隱藏與改造 164
6.2.4 收縮與分組 165
6.2.5 “簡單?復雜”悖論的關鍵點 166
6.2.6 草繪用戶界麵 166
6.3 使用工具進行設計 168
6.4 使用Adobe Fireworks來設計 174
6.4.1 iPad兼容版 174
6.4.2 iPad類原生版 183
6.4.3 用於用戶界麵設計的工具 190
6.5 小結 191
第7章 WebKit所支持的Web標準：充分發揮Mobile Safari的能力 192
7.1 iPhone和iPad的Web錶現對比 192
7.2 HTML5 192
7.2.1 HTML5標記語法 193
7.2.2 HTML5重新定義過的標簽 194
7.2.3 HTML5語義 195
7.2.4 HTML5媒體 197
7.3 CSS3 217
7.3.1 前綴 217
7.3.2 圓角邊框 218
7.3.3 邊框圖片 218
7.3.4 漸變 219
7.3.5 盒子尺寸標準 219
7.3.6 盒子陰影 220
7.3.7 輪廓 220
7.3.8 背景尺寸 221
7.3.9 背景起點 221
7.3.10 多重背景 222
7.3.11 文字陰影 222
7.3.12 文本溢齣 223
7.3.13 單詞換行 223
7.3.14 綫上字體 224
7.3.15 輕觸高亮 224
7.3.16 多列布局 225
7.3.17 橫跨多列 225
7.3.18 過渡 226
7.3.19 變換 226
7.3.20 動畫 228
7.3.21 關鍵幀 230
7.3.22 倒影 230
7.4 JavaScript 231
7.4.1 在網頁上添加JavaScript 232
7.4.2 JavaScript結構 233
7.4.3 數據類型分類 234
7.4.4 保留字 235
7.4.5 變量 236
7.4.6 運算符 238
7.4.7 條件語句 239
7.4.8 循環語句 241
7.4.9 函數 242
7.4.10 變量作用域 243
7.4.11 數組 244
7.4.12 字符串 245
7.4.13 對象 246
7.4.14 瀏覽器對象模型 247
7.4.15 文檔對象模型 248
7.4.16 對比DOM和HTML結構 249
7.4.17 操作DOM 250
7.4.18 一些JavaScript的最佳實踐 253
7.4.19 與Web標準有關的資源 253
7.5 小結 254
第8章 原生iOS環境開發 255
8.1 配置環境 255
8.2 視口的定義 256
8.3 全屏模式應用 258
8.4 添加主屏幕圖標 259
8.5 應用啓動圖片 260
8.6 應用重定嚮 261
8.7 配置Head標簽部分 262
8.8 原生鏈接模擬 263
8.9 原生文本模擬 263
8.10 原生元素模擬 264
8.11 原生滾動模擬 265
8.12 原生iOS服務交互 265
8.12.1 電話應用 265
8.12.2 郵件應用 266
8.12.3 短信應用 267
8.12.4 地圖應用 267
8.13 觸摸事件和手勢交互 268
8.13.1 觸摸事件模式：觸摸並不是點擊 269
8.13.2 原生及自定義的觸摸事件處理 272
8.13.3 創建可觸摸的設計元素 273
8.13.4 設備朝嚮變更事件 274
8.13.5 屏幕朝嚮變更的媒體查詢 275
8.14 擴展iOS開發框架 276
8.15 用於編寫代碼的資源 278
8.16 小結 278
第9章 原生iOS設計實現 279
9.1 iPhone頁麵模型的實現 279
9.2 實現類原生的頁麵結構 279
9.3 iPhone原生界麵模擬 280
9.3.1 頂部欄部分 280
9.3.2 頁麵標題元素 282
9.3.3 麵包屑導航欄 284
9.3.4 宣傳內容區 285
9.3.5 菜單區 288
9.3.6 頁腳部分 290
9.4 小結 292
第10章 優化iOS Web應用 293
10.1 iPad和iPhone兼容性 293
10.2 性能優化 293
10.2.1 代碼優化 294
10.2.2 圖片優化 297
10.2.3 應用壓縮 300
10.2.4 可用性優化 301
10.3 離綫可用的Web應用 305
10.4 移動SEO 308
10.4.1 搜索引擎的結構 309
10.4.2 麵嚮搜索引擎的設計 309
10.4.3 可用於優化和SEO的工具 315
10.5 小結 316
第11章 測試iOS Web應用 317
11.1 Web開發生命周期 317
11.2 Web應用測試 318
11.3 敏捷測試 318
11.4 熱圖測試 320
11.5 組織一次測試 321
11.5.1 創建用例 321
11.5.2 創建物料 324
11.6 執行測試 325
11.6.1 紙麵原型圖 326
11.6.2 電子原型 328
11.7 評估測試 328
11.8 評估的變量和反饋 329
11.8.1 點觸次數 330
11.8.2 錯誤次數 330
11.8.3 預計完成時間 331
11.8.4 收集反饋 332
11.8.5 評估技術 333
11.9 測試所需資源 335
11.10 小結 335
第12章 深入挖掘iOS Web應用市場 337
12.1 利用你的移動策略 337
12.2 如何推廣你的Web應用 337
12.2.1 利用Beta測試邀請測試者 338
12.2.2 利用新聞發布 339
12.2.3 創建Web應用的宣傳網站 339
12.2.4 使用郵件營銷 340
12.2.5 創建YouTube視頻教程 341
12.2.6 提交到蘋果Web應用門戶 341
12.2.7 提交到其他Web應用門戶網站 342
12.2.8 利用社交網絡的傳播力 344
12.3 讓Web應用創造收益 345
12.4 Web應用市場上的資源 346
12.5 小結 347
第13章 從移動互聯網展望普適計算 348
13.1 移動設備、無綫網絡及蜂窩通信的爆發 348
13.2 下一代觸屏和多點觸控技術的用戶體驗 349
13.3 新技術、新用途以及新機遇 349
13.4 多點觸控屏幕革命會為下一代計算機帶來怎樣的改變 350
13.4.1 從傢用到普適計算與環境智能 351
13.4.2 通信與普適計算資源 353
13.5 小結 354
索引 355
· · · · · · (
收起)
