第1章　認識Windows UI.................................................................... 1
1.1　關於Windows UI...................................................................................... 1
1.1.1　Windows UI 的發展曆程.................................................................................. 2
1.1.2　Windows UI的設計理念..............................................................................................4
1.1.3　Windows UI的應用展示..............................................................................................9
1.2　Windows UI與自然用戶界麵...................................................................... 11
1.2.1　自然用戶界麵............................................................................................................... 11
1.2.2　Windows UI和NUI.................................................................................................... 12
第2章　Windows 8，為應用和觸摸重塑的Windows............................................ 14
2.1　應用為王...................................................................................................... 14
2.2　Windows 商店應用特徵.................................................................. 15
2.2.1　Windows UI 設計準則.............................................................................................. 15
2.2.2 閤約.................................................................................................................................. 15
2.2.3　快速且流暢................................................................................................................... 17
2.2.4　多種輸入形式............................................................................................................... 18
2.2.5　可實時連接的動態磁貼.............................................................................................. 18
2.3　利用現有的知識構建應用....................................................................... 19
2.4　強大的開發者工具....................................................................................... 21
2.5　Windows應用商店....................................................................... 22
第3章　Windows UI設計原則.............................................................................. 26
3.1　從開始菜單到開始界麵.............................................................. 26
3.2　Windows UI 風格應用的基本要素......................................................... 27
3.2.1　橫嚮流動和C模型布局................................................................................................ 27
3.2.2　為界麵做減法............................................................................................................... 28
3.2.3　清晰的信息層次結構................................................................................................... 28
3.2.4　充分利用邊緣............................................................................................................... 29
3.3　Windows UI風格設計原則...................................................... 29
3.3.1　為齣色的技能感到自豪.............................................................................................. 29
3.3.2　保持迅速和流暢........................................................................................................... 30
3.3.3　實現真正意義上的數字化.......................................................................................... 30
3.3.4　實現以較少投入取得極大成績.................................................................................. 30
3.3.5　閤作共贏....................................................................................................................... 31
3.4　Windows UI 風格應用的用戶體驗設計模式........................................... 31
3.4.1　導航設計模式............................................................................................................... 31
3.4.2　命令設計模式............................................................................................................... 36
3.4.3　觸控交互設計指南....................................................................................................... 42
3.4.4　文本和版式設計指南................................................................................................... 51
3.4.5　視覺反饋....................................................................................................................... 59
3.5　視覺縮放和大小調整........................................................................... 60
3.5.1　靈活的布局................................................................................................................... 60
3.5.2　語義縮放....................................................................................................................... 63
3.5.3　貼靠視圖和主視圖....................................................................................................... 68
3.5.4　按比例縮放屏幕 .......................................................................................................... 73
3.5.5　按比例縮放像素密度................................................................................................... 83
3.6　閤約................................................................................................. 86
3.6.1　搜索閤約....................................................................................................................... 87
3.6.2　共享閤約....................................................................................................................... 95
3.6.3　設置閤約....................................................................................................................... 99
3.6.4　文件選取器..........................................................................................102
3.7　磁貼和通知...........................................................................................107
3.7.1　活動磁貼.....................................................................................................................107
3.7.2　二級磁貼.....................................................................................................................114
3.7.3　通知..............................................................................................................................115
3.8　漫遊到雲........................................................................................117
第4章　設計齣色的新聞類應用.......................................................................... 120
4.1　新聞應用中的布局和導航...................................................................................120
4.2　命令......................................................................127
4.3　新聞應用中的版式..........................................................................128
4.4　內容的新鮮感.......................................................................129
4.5　閤約..................................................................................................131
4.6　已連接且處於活動狀態.............................................................135
第5章　設計齣色的工具型應用.......................................................................... 138
5.1　全屏........................................................................................138
5.2　工具型應用中的布局和導航......................................................138
5.3　命令.....................................................................................................145
5.4　工具型應用中的數據輸入....................................................................150
5.5　文本選擇.......................................................................................152
5.6　工具型應用中的版式...............................................................153
第6章　從網站設計到Windows UI設計.............................................................. 164
6.1　布局和導航.............................................................................165
6.2　命令和操作....................................................................................................170
6.3　閤約.................................................................................................171
6.4　觸摸...............................................................................................179
6.5　縮放和視圖.................................................................................182
6.6　通知......................................................................................183
6.7　總結......................................................................................186
第7章　從iPad應用設計到Windows UI設計....................................................... 188
7.1　布局和導航....................................................................................189
7.2　命令和操作 ............................................................................................193
7.3　閤約.........................................................................................................194
7.4　方嚮和視圖.................................................................................................201
7.5　通知........................................................................................................202
第8章　Windows 商店應用開發實踐................................................................. 204
8.1　開發 Windows 商店應用...................................................................................204
8.1.1　選擇編程語言................................................................................................204
8.1.2　獲取 Windows 8及工具.................................................................................205
8.2　走近 Windows 商店應用..................................................................................205
8.2.1　用 JavaScript 寫齣 Hello World..........................................................................205
8.2.2　用 XAML 寫齣 Hello World..................................................................................206
8.3　使用 JavaScript 創建 Windows 商店應用.......................................................................207
8.3.1　目標..............................................................................................................................207
8.3.2　走近基於 JavaScript 的 Windows 商店應用......................................................208
8.3.3　開發工具——Microsoft Visual Studio..............................................................208
8.3.4　使用Windows Libraries for JavaScript擴展你的應用.....................................210
8.4　使用C#或Visual Basic創建Windows商店應用...............................................................216
8.4.1　目標..............................................................................................................................216
8.4.2　走近基於 C# 或 Visual Basic 的 Windows 商店應用......................................216
8.4.3　創建基於 C# 或 Visual Basic 的 Windows UI 風格項目.................................218
8.4.4　指定應用功能.............................................................................................................220
8.4.5　將數據獲取到應用.....................................................................................................222
8.4.6　在XAML中定義應用布局.........................................................................................236
8.4.7　添加控件和內容.........................................................................................................240
8.4.8　顯示數據.....................................................................................................................241
8.4.9　添加頁麵和導航.........................................................................................................254
8.4.10　添加應用欄...............................................................................................................265
8.4.11　添加動畫和過渡......................................................................................................267
8.4.12　使用樣式創建統一外觀..........................................................................................269
8.4.13　適應不同的布局......................................................................................................277
8.4.14　添加初始屏幕和圖標..............................................................................................283
8.5　使用C++創建你的第一個Windows商店應用..................................................................284
8.5.1　目標..............................................................................................................................285
8.5.2　一般 C++ 桌麵應用與 Windows 商店應用對比................................................285
8.5.3　創建基於 C++ 的 Windows 商店應用................................................................286
8.5.4　指定應用功能.............................................................................................................291
8.5.5　將數據導入應用.........................................................................................................291
8.5.6　在 XAML 中定義 UI.................................................................................................297
8.5.7　添加頁麵和導航.........................................................................................................314
8.5.8　添加應用欄.................................................................................................................330
8.5.9　添加動畫和過渡.........................................................................................................331
8.5.10　使用樣式創建統一外觀..........................................................................................333
8.5.11　適應不同的布局......................................................................................................342
8.6　使用 DirectX 創建 Windows 商店應用..............................................348
8.6.1　先決條件.....................................................................................................................349
8.6.2　準備開發環境.............................................................................................................350
8.6.3　設置應用以顯示 DirectX 視圖................................................................................353
· · · · · · (收起)