如何设计一个好的Windows 8应用

　　1. 严谨的排版布局

　　在平面设计中，有一个隐形的构图指导，它就是网格系统。网格可以帮助用户从视觉上来组块信息集，而设计师则使用网格来组织信息的内容，以保证其清晰度。在一定程度上可以说网格布局影响着一个作品的最终外观、心理感受和可用性。

　　而在 Windows 8 中，Metro 应用的一大特点就是内容形式化，因此对于占据着 Windows 应用商店绝对主流地位的是各种信息内容类的应用来说，如果一个应用有着严谨的网格布局，那么就可以说这个应用不会太差，即使它是由一个个方块堆砌起来的。因为在 Windows 8 应用设计中网格依旧会是结构的基础，它引导着元素的布局，将文本、图形和图表组织成设计的骨架。它可以保证一个应用内的信息有着基本的清晰度，不会凌乱 。

比较奇怪的排版：旧版与新版的千千静听

官方中规中矩的排版：说不上有多好，但怎么说也不算差

　　最初级的网格布局就是像微软官方建议的那样，整整齐齐的正方形块或矩形框等。再高级点，可以利用网格创造热点区域，利用比例差异来增添动感，建立层级关系等，见下一条。

　　2. 优秀的排版布局

　　就像上一条所说的，由于从 Windows Phone 到 Windows 8 微软的“示范作用”，造成了很多中规中矩的“方块应用”，甚至快成了一种模版。到现在相信很多人对 Metro 主界面的印象还是一个个方块或矩形框堆砌吧。

　　在 Metro 规范下的设计在很多人看起来像是戴着链拷跳舞，因此很多设计被 Metro 的方块给框住了。Windows 8 系统也越来越像一个“豆腐块”系统，雷同的应用内方块堆砌也经常让人联想起报纸上的招聘版面。

　　这样，要想设计一个优秀的排版布局，就需要从网格设计上下功夫了，在这方面做得比较好的还是在上面提到的背景做得比较好的 Love Windows。为了对比效果，我们来看看同样是在微软 Windows 应用商店里的推荐热门应用中，也是同等类别的应用 Win8 使用宝典来看一下。

　　可以看到，采用对角/成角网格的 Love Windows 完胜 Win8 使用宝典，这种成 45 度的成角网格不仅具有基本的稳定感和一体感，还可以引导用户视线向右移动。可以说是即体现 Metro 的特点又能突破 Metro 方块的最好实例。

　　3. 优秀的版面设计

　　与整体的排版布局不同，版面设计是对图像和文字等设计元素在空间中的安排，可以看作是内容在局部排版上的细化。好的版面设计应该是可以利用颜色、间隔、定位及其他设计手段营造出视觉焦点吸引读者的注意力，并保持下去。在整体上应当是视觉焦点尽量的少，能够让用户关注应该关注的地方，并保持新鲜感。

虽然是取巧于官方 Mail 但 Nextgen Reader 仍不失去一款版面设计优秀的应用

　　如采用方块堆砌的话，可以说整个屏幕没有视觉焦点，也可以说满屏幕上每个方块都是视觉焦点，再叫上方块本身充斥感更强，留白少以及中文字体默认的微软雅黑等各种原因造成整个界面让人感觉有压迫感并无从下手，信息间没有层次感和关联感。所以在版面设计上应当注意在合理留白、合适选择字体和合理配色这三个地方来改进。

　　合理留白

　　众所周知的，对于所有平面设计来说版面设计的基本原则是应留出足够的空间和空白，以使阅读和理解更加容易。因此通过有意的留白来增加呼吸感是让信息保持易读是基本原则，如何创造留白空间也可以看出设计师的实力。

　　如文字不能距离太近，倘若标题或文字确实需要横跨整个幅面的话，要给栏空两边的文字留下空间，或者选用更大的字符间距。（另外对于标题能精简的尽量精简）此外还要合理处理列宽、字符间距，行间距，栏宽，断字（连字符号连接），标点，对齐方式等。（以列宽为例：如果列宽过窄，内容就会变得断断续续，用户浏览过程中无法大量获取完整信息。而列宽过宽的时候，眼睛就难以重新定位新一行文字的起点。这两种情况都回导致视觉疲劳并影响阅读体验。）

　　合适字体

　　上面提到了在 Windows 8 中系统默认选择的是微软雅黑字体，它在字体设计上属于无衬线字体和黑体，因此兼顾了对于 Windows 8 应用来说不适合长时间阅读和字体饱满两大缺点。前者会造成用户容易视觉疲劳，而后者则增加了内容间的空隙，加剧了空间上的充斥感，增加界面呼吸难度。因此在微软雅黑之外重新选择一款更细、空旷度更好的字体是一个比较好的选择。

　　合理配色

　　在设计的时候除了需要注意留白和字体外还有注意合理配色，如通过轻快明亮的简单搭配色来减少单色调带来的压抑感和审美疲劳和视觉疲劳。另外要避免会引起视觉颤动和颜色扭曲的对比颜色配对，如将互补颜色或者有相近明暗度的颜色搭配在一起的时候。