朱宏
微软 (中国) 用户体验布道师
新浪微博 @MLikeasong
负责大中华地区微软设计风格的普及、设计团体交流合作、基于Windows 8和Windows Phone的产品设计顾问及合作。设计师出身,十余年职业生涯中历任过UI/UX设计师、IT媒体记者、评测工程师、多家企业的用户体验设计团队管理者。对互联网、移动互联网和移动终端设备交互行为及用户心理有深入的了解和实际经验。数码产品发烧者,专栏作者,歌词研习者,文具收藏爱好者。
亓光宇
微软 (中国) 开发技术资深顾问
新浪微博 @万宝路牌亓光宇
曾就职于多家知名IT企业并担任技术和管理职务,积累了丰富的互联网/移动互联网、IT系统实施及开发管理经验。目前主要精力集中在研究微软的下一代消费者产品应用、互联网技术及云计算技术,致力于拓展微软和国内外包括互联网在内的企业的技术合作与交流工作,并提供针对消费类应用、互联网及网络应用平台、Windows Phone 7.5/8、HTML5、Windows 8的顾问和技术合作工作。
李孟晓 (Genny)
加州艺术中心设计学院在读硕士
在中国期间曾就职于淘宝网及新浪网,担任交互设计师,后赴美国继续攻读媒体设计硕士学位。
个人网站:http://www.gennylee.com
第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
《新型冠状病毒肺炎防护手册》内容简介:编者基于当前对新型冠状病毒肺炎的认识和防控策略,对疫情防控相关政策、法律法规、信息和
《抖音运营实战一本通》内容简介:抖音是当下受欢迎的短视频平台之一,聚集了庞大的流量。越来越多的企业、品牌和个人选择入驻抖音
《单兵作战装备图鉴(白金版)》内容简介:本系列丛书精心选取世界各国单兵装备的近百种经典枪械、爆破武器、冷兵器等,从每种武器
《“互联网+”语境下中国电视剧产业融合创新研究》内容简介:本书主要研究在“互联网+语境,中国电视剧产业是怎样通过供给侧改革进
《一步步写嵌入式操作系统:ARM编程的方法与实践》是一本介绍怎样去实际编写一款嵌入式操作系统的书,所涉及的内容包括操作系统基
《新时代与新格局》内容简介:《新时代与新格局》为何帆、朱鹤两位老师及其团队关于中国经济发展逻辑和全球经济格局的研究成果,兼
《看图自学吉他》内容简介:这是一本吉他基础教程,主要针对吉他初学者。在基础知识部分从最基本的吉他调弦、琴弦安装、吉他选购、
《汽车维修从入门到精通(彩色图解+视频)》内容简介:本书按照汽车维修人员的认知规律从易到难介绍了汽车维修的有关知识,包括汽车
原田进:1975-1977年就读美国加州旧金山艺术大学设计系1977-198年在美国、欧洲设计公司工作198年返回日本,进入Paos株式会社工作
《Shell脚本专家指南》旨在为Linux、Unix以及OSx系统管理员提供短小精悍且功能强大的shell实现解决方案,教会读者如何使用现有调
《教琴日记》内容简介:继我社已出版的《学琴日记》之后的延续产品《教琴日记》。当年的学琴少女许雪青已经成为了一名专业的钢琴教
《澳大利亚印太战略研究》内容简介:澳大利亚的印太战略是一项集政治、经济和防务于一体的综合战略,其战略关注经历了东南亚、亚洲
计算机网络与因特网(第5版 本书特色 《计算机网络与因特网(第5版)(影印版)》:大学计算机国外著名教材系列计算机网络与因特网(第5版 目录 Preface P...
GooglebuilttheGolanguagefromthegrounduptosimplifythechallengesofmodernapplicatio...
精通XNA图形与游戏程序设计 本书特色 作为一本介绍XNA游戏程序设计的书籍,杨关胜等编著的《精通XNA图形与游戏程序设计》把“实用”作为每一章节的出发点和落脚...
树莓派(RaspberryPi)是一款基于Linux系统的、只有一张信用卡大小的卡片式计算机。由于功能强大、性能出色、价格便宜等特点,树莓
Asmuchashelongsforpeace,KingEdwinisrepeatedlyforcedintowaragainsttreacherousneig...
文明以止,人文也。硅谷的成功,不完全在人或钱,也不在科技,而在整体的生态。硅谷创投家郑志凯先生带领你领略硅谷的精髓。本书以
《基于理解的学校教育》内容简介:本书从人类社会的发展与教育的发展出发,提出了21世纪基础教育的特征是“基于理解的教育”,并从
《激活免疫力》内容简介:本书作者倡导“知行合一”的健康生活方式,坚持2800天亲自实践“早睡早起+合理饮食+科学运动”的健康生活