第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
yaozuo3292
2013-04-30
评价“超越想象”