相关资讯   

超越想象——Windows 8应用设计与开发

时间:2013-01-29 16:05:00




超越想象
——Windows 8应用设计与开发 (全彩)(第一本Window 8设计开发的原创著作,微软官方写作
朱宏,亓光宇,李孟晓编著.
ISBN 978-7-121-18953-1
20131
定价:69.00
396
16
 
编辑推荐
 
第一本Window 8设计开发的原创著作
用代码创造神奇,用应用创造财富
微软官方写作,内容详尽清晰



 
内容提要
Windows Phone 与Nokia手机的结合于2012年初首次在大陆面市,Windows Phone首次引入的Metro风格简约、便利,是微软公司争夺手机市场的一把利器。本书主要分为两大部分,一是介绍Windows Phone系统的使用,如何在工作、生活中利用好这个数字助手;另一部分介绍与Windows Phone合作的主要三十个App。作者将根据自身的应用体验及来自官方中文社区的资源,在全书中贯穿大量的技巧,为读者带来最酷的应用体验。
目录
第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
作者简介
朱宏
微软 (中国) 用户体验布道师
新浪微博 @MLikeasong
负责大中华地区微软设计风格的普及、设计团体交流合作、基于Windows 8和Windows Phone的产品设计顾问及合作。设计师出身,十余年职业生涯中历任过UI/UX设计师、IT媒体记者、评测工程师、多家企业的用户体验设计团队管理者。对互联网、移动互联网和移动终端设备交互行为及用户心理有深入的了解和实际经验。数码产品发烧者,专栏作者,歌词研习者,文具收藏爱好者。
                 
亓光宇
微软 (中国) 开发技术资深顾问
新浪微博              @万宝路牌亓光宇
曾就职于多家知名IT企业并担任技术和管理职务,积累了丰富的互联网/移动互联网、IT系统实施及开发管理经验。目前主要精力集中在研究微软的下一代消费者产品应用、互联网技术及云计算技术,致力于拓展微软和国内外包括互联网在内的企业的技术合作与交流工作,并提供针对消费类应用、互联网及网络应用平台、Windows Phone 7.5/8、HTML5、Windows 8的顾问和技术合作工作。
 
李孟晓 (Genny)
加州艺术中心设计学院在读硕士
在中国期间曾就职于淘宝网及新浪网,担任交互设计师,后赴美国继续攻读媒体设计硕士学位。
个人网站:http://www.gennylee.com
媒体评论
简洁的Windows UI风格会因为它的返璞归真而逐渐受到广大用户的欢迎和真正认可,它的快速灵活和内容优先才是帮助工作繁忙生活紧张的用户摆脱设备绑架的明智选择。
——微软全球资深副总裁兼微软亚太研发集团主席  张亚勤
全新的 Windows UI,新颖却又似曾相识,这种来自于我们身边的灵感已经演化成为一种设 计语言,一种思考方式,一套执行的原则。它在用自己的方式去解释这个复杂的信息世界,用更直觉的交互行为来引导人们去触摸内容。
——eico design 联合创始人 张伟
Windows UI 不仅是一套创新的设计语言和设计体系,更是设计师和未来对话的全新方式,以及成就您人生创意事业的历史机遇。
——视觉中国网创始人,北京工业设计促进会副秘书长  雷海波
简洁,直接,高效,生动,Windows UI重拾设计的本源,摒弃浮华与过度的装饰,对内容为本的呈现报以极大专注。其开阔而直观的用户体验设计理念及语意,使得Windows应用中的内容充满了叙事般的魅力。
 ——RIGO design创始人 朱印
经历十分丰富的朱宏老师很早就对产品的设计力求简洁,认为产品“少既是多”。几年之后,纵观现今的产品趋势连同Windows 8的设计理念,与朱宏老师当年的设计理念不谋而合。关注内容与内容消费,关注一致并将平台统一,此理念必将引发我们对产品本质更深入的思考,超越我们的想象!
 ——《触动人心:设计优秀的iPhone应用》译者 包季真
Windows UI 不仅在引领设计潮流, 更是在引领Web前端技术的新方向,HTML5/CSS3/JavaScript 在 Windows 应用开发领域有着广阔的前景,让前端工程师和设计师有更多创新的空间。
——淘宝网 资深前端工程师 李晶
Windows 8将引领UI的革命,对于软件业者是机遇也是挑战,对于用户意味着全新的体验和感觉,对于开发者则意味着无限的创意和想象空间。
——搜狐IT频道总编 许传朝
Windows UI 创造了全新的使用体验,却简单到好像天生既如此,任何其他的修饰都是多余,简单的极致!只有能够与用户沟通的设计才能被接受,不去代表一切的设计才能容纳一切内容,而内容就是我们要传达的所有!
 ——ARK Design 创意总监 王心磊
用户体验已经成为移动应用的核心竞争力, Windows UI在为移动应用开发者和设计师提供新的契机的同时,也要求深入了解它的用户体验特性。此书将帮助开发者和设计师全面深入了解Windows UI的交互和视觉特性与规范。
——黄峰, 主席, 中国用户体验专业行业组织(UPA)
 
前言
创新,从用户体验开始
简单、雅致、自然——Windows UI创造新视窗体验
微软全球资深副总裁兼微软亚太研发集团主席 张亚勤
让一个个应用图标(Apps icon)堆满你的电脑和手机屏幕,还是以更加有序(Sleek)、迅捷(Quick)、摩登( Modern)的方式来组织你的程序和资源,让人机界面更简单、雅致、自然?自从微软认识到个人计算模式将由“PC+互联网”逐步进化至“多元终端+云”的那一刻起,我们便一直在寻求新趋势下响应甚至引领亿万用户需求的可能性。而今,我们迎来了微软继Windows 3.x(首个在世界范围内获得成功的包含图形化界面设计的微软操作系统)、Windows 95(引入了诸多全新的视觉效果及界面设计元素)之后又一次重大的人机界面创新,这就是Windows UI。
虽然仍在向着既定目标跋涉的路上,但Windows Phone此前已然吸引了一批忠实用户——许多人对微软新移动平台的界面设计给予了肯定。的确,视觉风格方面,Windows UI提供了类似于精美杂志般的体验,由于设计语言原本便是由平面设计衍生而来的,它给人的感觉是既延续了传统、又不落后于潮流,动态磁贴(Live Title)的引入简化了用户操作的步骤,可以即时展现程序和内容的更新,而且用户可以通过点击直观又简单的色块与图示来随时获得更具深度的互动体验。之前已升级到Windows UI风格的Xbox 360系统及Windows 8均在Windows Phone的UI基础上有了更多的改进,而且我相信未来微软多元化产品界面统一化的步伐还会进一步加速。
事实上,从Windows 7开始,微软的产品设计思路较以往已出现了很大的变化——过去我们可能更多的是“做加法”,试图将研发团队开发的各种各样的新功能融入产品中,而在Windows 7的开发过程中,我们转移了视角,变“工程师思维”为“用户思维”,致力于让整个系统更加紧凑、更有效率、更加简单。市场反响证明了这种转型是正确的。因此,在设计Windows Phone和Windows 8的界面和功能时,微软产品团队进一步通过“做减法”,把复杂的系统功能藏在背后,让用户获得更简单、雅致、自然的体验——这种体验对技术的要求更高,简洁的UI背后亦蕴含丰富的创新理念和创意价值。
通过系统级的众多创新,我们希望以Windows UI为起点,帮助应用和系统之间、应用和应用之间搭建起互动桥梁,并最大程度地展现微软对云端计算的理解和积淀——基于Windows UI的微软操作系统均紧密地结合了“云服务”,使“云”与“端”的连接、互动更加安全和简便。由于微软所有的系统和平台均采用了同样的开发工具(Visual Studio),开发人员因而能有效地缩短开发时间、降低成本,并基于熟悉的Windows开发环境及统一的编程模型,孵化出新的应用和服务,为用户创造价值。用户无论是在接入“云”时,还是在使用Windows PC、Windows平板电脑、Windows Phone、Xbox 360等各种“端”的过程中,都能获得延续的、一致的、熟悉的体验。
此外,Windows UI还体现了微软应对移动互联时代不断变化的用户需求的努力。而今,中国网民数量已经超过了5亿,而其中手机网民数已近4亿,从这个角度来说中国的移动互联网市场已经趋于成熟。随着新技术的投入使用,普通网民的移动上网方式也早已经有原来的WAP上网变成了依赖于终端原生应用的上网方式——统一的、跨平台的Windows UI能帮助移动应用开发者使用最简洁的设计语言来高效完成应用的用户体验设计,把更多的资源投入产品模式的创新及研究中。我们也相信,简洁的Windows UI风格会因为它的返璞归真而逐渐受到广大用户的欢迎和真正认可,它的快速灵活和内容优先才是帮助工作繁忙生活紧张的用户摆脱设备绑架的明智选择。
作为一种新涌现的UI设计方向,Windows UI并不完美,也需要一段时间来让用户感受其亮点和指出可以改进的空间,不断将它优化和完善。但我深信这种基于自然用户界面(NUI)理念的计算机视觉语言会比之前任何的人机界面都更容易获得用户和开发者的认同。随着诺基亚、三星等一批搭载了Windows Phone的新手机在中国正式发布,全新的Windows UI体验让广大用户和合作伙伴看到了新的惊喜,而Windows 8的发布亦将把全球亿万用户的操作体验和视觉体验推向一个新的巅峰——我们共同期待。
 
新媒介的挑战者
eico design 联合创始人 张伟
每日信息、媒介与技术的变化,让我们面对世界仿佛面对着一个快速成长的新生儿,你似乎察觉不出他(她)每天的变化,但却置身于一场飞速的认知与角色转变当中。谁都不可否认我们曾经追逐的信息已经成为我们自己的负担,新的媒介也使信息的重组变得更加复杂和不可捉摸,Windows UI 的诞生让我们知道在新媒介领域有一种原则在努力解决这种信息过载与日益增加的学习成本。
面对全新的 Windows UI,新颖却又似曾相识,这种来自于我们身边的灵感已经演化成为一种设计语言,一种思考方式,一套执行的原则,它在用自己的方式去解释这个复杂的信息世界,用更直觉的交互行为来引导人们去触摸内容。
是的,内容即是界面本身,内容也可以构成行为的隐喻,内容还可以是品牌与情感最直接的传达载体。内容价值的凸显在 Windows UI 里面尤为重要,剥离了界面的过度装饰,统一了不可预计的交互行为,将活生生的内容以其最原始的面貌呈现于用户面前,这种“原始”是经过设计的“优雅”,是感性与情感化的传达。而去除了这一切“外包装”后的 Windows UI 显得格外灵动与直觉。在移动领域功能与内容为王的时代,Windows UI 的理念也显得十分合拍。
交互模型与动态隐喻前所未有的结合也造就了 Windows UI 的一个特色,这些全新的手势动作帮助用户更加直觉地使用与探索,而贯穿交互行为的动态语言将支撑起Windows UI 下的空间模型,这些交互与动态的设计让我们看到这套语言不仅通过静态的布局展现信息,而在通过更高级的动态与空间解释信息的存在。Windows UI 的设计语言会随着 Windows 8 的发售感染这个星球上的几乎每一台PC,你可以想象这些交互行为和隐喻将会如何改变消费者对于界面与信息互动的理解。
Windows UI 另外一个特点就是低成本而高质量的应用输出,开发者和设计者可以快速地使用既有原则设计全新的应用或转换其他平台应用,完善的设计原则与统一的用户体验可以保障从开发设计到用户使用都是在一套高质量的体验承诺之下的,但同时带来的挑战是如何设计出与众不同和更加发挥自身优势的应用?理解设计原则背后的故事对于理解我们自己的能力与优势会有很大的帮助。我相信这本书可以给出精彩的答案,并向开发者们提出问题:你将如何面对挑战?发现新的机遇?
在这场由设计思想主导的新体验变革当中,机遇与挑战并存。界面的用户体验设计是一个通道:商业目的、美学观点、技术实现性三点之间相互传达信息的通道,通过不同的设计语言我们可以更好地理解在新媒体领域对于信息我们能力的渺小,而也正是这些创新的原则在不断赋予挑战者们新的工具,发现新的机会,不断将我们的能力与认知推向下一个台阶。
向所有面对新媒介的挑战者们致敬!

 

来源:PHPchina

Notice: Constant RUNTIME already defined in /srv/html/srccn/news/config.php on line 15 Notice: Constant ROOTDIR already defined in /srv/html/srccn/news/config.php on line 16 Notice: Constant SITEDIR already defined in /srv/html/srccn/news/config.php on line 17 Notice: Constant DATAURL already defined in /srv/html/srccn/news/config.php on line 20 Notice: Constant VERSION already defined in /srv/html/srccn/news/system/kernel.php on line 17 Notice: Constant COREDIR already defined in /srv/html/srccn/news/system/kernel.php on line 18 Fatal error: require(): Cannot redeclare class mysql in /srv/html/srccn/news/system/kernel.php on line 22