第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
· · · · · · (
收起)
