前言：

?

? ? 1月13号也正好在微软亚洲研究院，很荣幸地参加了IE举办的“新年新e步”，作为一个fe,其实比一般的开发人员更关注微软（每一天都是不断地在和IE6|7|8|9|10等等打交道），会上也参与问了几个问题，因为关注很久了，很多东西希望得到解答。每一个人都是一个感官动物，触及到新事物的第一眼有没有震撼你？产品、界面等等都是一样的，我想很多人和我一样，内心也会被Windows UI触摸到。

? ? 我本人是一个热爱设计和关注设计细节的fe，因此我的微博也各种关注设计团队，因为我觉得很多的设计思想能让我作为一个fe，在开发用户产品code的时候，会更有feelings，因为它能改变你的代码设计思维方式，让你更有创造力、生命力、感染力！！！

?

正文：

?

? ? 我一眼就选择了《Windows 8应用设计与开发》 这本书来试读，读了好久，一遍一遍，有一些“外行人”的收获，分享出来。

?

• 从命令行界面 ?到 GUI----- NUI ----- Windows UI

? ? ? 很多人可能不一定熟悉这几个名词，我简单介绍一下：

?

? ?1.GUI

?

• Graphical User Interface --- 图形用户界面（图形用户接口）?
• 采用图形方式显示的计算机操作用户界面?
• 大家都用过Windows XP在这个版本的操作系统里，GUI支持皮肤，用户可以改变它的展示风格，支持多色彩。
• 再到Windows Vista，开始支持3D桌面，多应该用过一些饰件来丰富你的桌面

?

? ?2.NUI

?

• Natural User Interface --- 自然用户界面
• 基于如触觉、视觉、声音、运动等人类本能的交互模式，利用更广泛权力的沟通方式
• 只需要用户以最自然的交流方式与机器互动

?

? ?3.Metro UI

?

? ? ?注释：Metro也是因为商标问题，被放弃

?

• typography-based design language ------- 基于排版的设计语言
• 强调信息本身，而不是界面元素
• 设计的灵感来源于巴士站牌、机场地铁的指示牌
• 设计的主体：光滑、快、现代

?

?

? ?4.Windows UI

?

• 诞生的时间应该是2012-10-26的Windows 8发布会
• 有的也称为 New Windows UI?

? ?下面有一个图来很直观地展示:

?

?

? -------------当然如果你已经体验过的话，你的感官会更强烈。

?

? 其实作为程序员，比一般的用户对界面的要求更为苛刻，（我想着也是很多程序员玩苹果的原因所在）但是不得不说，当我第一次体验的时候，我也确实震撼住了。

?

? ?对于开发者（比如fe）来讲，我们能额外地收获什么？

?

• 我们可以用HTML5、CSS3和JS来开发应用，当然也支持第三方的JS库
• 指针API-----Pointer事件（Pen + Touch + Mouse）
• 我们可以直接访问其他应用存储和创建数据
• 触控优化后的平台提供了有利的空间（有内置的动画库哦）
• IE10的F12开发者工具的爆点是我们在对压缩类库调试的时候可以像没有压缩的一样打开进行跟踪调试
• 可以利用微软的云服务
• 个人应用控制面板可以很方便地查看自己应用的下载数、用户评价等等！

? ? ?

? ? ?我本人还关注的一点：布局设计？

?

• 横向流动和C模型布局

? ? ?什么是C模型？

?

? ? ?------------ ?内容在屏幕上显示，需要在屏幕上方、左方、下方保留出一定的留白区域，使该区域在用户的界面上仿佛形成一个C

?

• 利用边缘！

? ? ?Windows 8的屏幕四周多有隐含的功能，左侧是调入上一项进程、右侧是调出系统超级按钮组，上方和下方是应用栏，上方是导航类型的操作栏，下方是非主流程的全局或上下文命令按钮

?

? ? ?----------------- ?这个也是我个人比较喜欢的，如果老是出现在页面，而不是我需要的时候出现，可能我会感觉不是很ok，有点类似于技术实现中的一些“按需”。主体页面应尽量“舒适”，但是常用的按钮操作也可以在旁边。

?

?

?

总结：

?

? ? ?从《Windows 8应用设计与开发》中收获了很多词语以及一些设计的思想，虽然只是读了一部分，但是收获的东西真的不少，我是一个对设计有一定情节和想法的人，当然作为一名应用开发者，我也一样对Windows 8 抱有幻想和期待，同样我也希望以此人性化的平台来创造出一些属于我自己的东西来分享给所有喜爱Windows 8的人，

?

? ? ?很多