UI设计师干货！

　　1. 元素对齐与边距

　　所有的页面都应遵循左边距12px或24px。

　　内容，标题，标头以及标头的图标也应左对齐，距离左边界为12px或是24px。

　　如果有需要进行右对齐，右边距也应该是12px或是24px。

　　小贴士： 在调试模式运行应用时，你可以查看由25*25红色方块组成的半透明网格。这些方块是以24px边距填充页面的，并且他们之间的距离是12px，这也恰恰体现了windows phone设计方块的魔力。这些网格可以帮助你迅速找出任何对齐的问题。

　　当列表的字段与数值成对出现时，应以两组左对齐的队列出现，或是像系统联系人应用中详细信息页面的设计那样，标题在内容的上方。

　　2. 元素间距

　　元素的间距应该在水平和垂直两个方向上保持一致。建议元素以12px的间距出现，以遵循设计网格。

　　3. 控制点击响应

　　当使用诸如按钮、列表项等标准控件时，应该使用系统标准的倾斜效果

　　不要使用背景、前景或是外框颜色变化

　　其他控件，不采用动画或是颜色的变化是允许的

　　在点击时，任何信息的颜色变化都是不允许的。

　　4. 列表

　　列表项被点击时，都应以倾斜动画表明。

　　除了在选取器中，列表项都不应该有选中状态。

　　请在应用中使用一致的字体，列表项的文字至少应有12像素的高度，并且是容易点击的，同时确保文字在所有角度和大小下的可阅读性。

　　背景

　　不建议使用背景，尽管他们可以传达品牌并且增加一些对比度。取而代之，你可以给文字前景加一些相关元素。

　　布局

　　用文字的大小和颜色建立列表项的层级

　　列表增强

　　例如在菜单中，不要使用列表增强的设计。除非他们之间需要有明显的差别。有条经验法则：在圆圈里的图标意味着操作而不在圆圈里的往往只有指示作用。

     了解更多关于UI设计方面的知识，请访问上海UI设计培训学校