对齐标签----控件的标签竖直排列要彼此对齐，在输入表单大小相同的情况下，左对齐比右对齐对于用户浏览起来会更方便。  

  在控件集合内对齐----相互有关系的复选框，单选按钮或文本字段组都应该按照规则的网格对齐。  

  控件组和窗格之间要对齐----控件组和其他屏幕元素都应该尽可能使用同一个网格结构对齐。  

  交互设计原则：网格系统  

  网格系统是视觉设计者最有效的设计工具之一，对于设计有视觉层次和功能上较为复杂的界面特别重，在交互设计者定义应用的整体框架和用户界面元素之后，视觉界面设计者应该在网格结构中把布局“规则化”，即适当地强调高层次的元素和结构，并为低层次的元素或次重要的控件留出适当的空间。  

  常用比例是“黄金分割”大约是1.61，但是如果采用黄金分割比例却导致了元素放不下的情况，则对于屏幕上可读性来说一点帮助也没有。  

  如果两个区域的需求不同，那么就把它们做成明显的不同，如果网格的原子单位太小，网格就会变得复杂而难于识别；如果仅仅有细微的差别，对于用户感觉起来是不稳定，尽管他们可能也不太清楚为什么会有这种感觉，最终会导致网格不能发挥其本来的功效。  

  在视觉设计中运用网格系统可以带给你如下好处，可用性，由于网格会使元素的位置更加规则，所以使用者可以快速地找到关键的界面元素，如果屏幕的标题部分始终精确地出现在同一位置，用户就无须思考或者用眼睛扫描界面，一致的间隔和定位可以辅助用户内在的视觉处理机制，设计良好的网格可以极大地提高屏幕的可读性；美学上吸引人，精心运用原子网格，在屏幕的不同区域之间建立好适当的关系，这样的设计可以创造出一种井井有条的感觉，使用者会感觉到舒服，并可以吸引使用者与这个产品进行互动；提高效率，将布局标准可以减少创造高质量的视觉界面设计的反复所需要的工作量，尽早地定义并采用网格，可以减少界面设计的反复和修改。  

  交互设计原则：创建逻辑路径  

  布局上必须采用正确而有效的逻辑路径，用户可以沿着这个逻辑路径与界面互动，比如从左到右，从上而下。  

  交互设计原则：对称和平衡的视觉平衡观点  

  经验丰富的设计师善于通过控制单个元素的视觉权重来获得不对称的平衡。界面中常用的两种对称，即垂直对称（沿一根垂直线对称，此线常位于一组元素的中央）或对角线对称（沿对角线对称）。多数典型的对话框呈两种对称中的一种，对角线对称最常见。  

  交互设计原则：在视觉上区分不同行为的元素  

  对人物角色及其心理模型的理解为界面中使用文字语言和视觉语言奠定了坚实的基础，设计面向功能或对象的图标给设计代来有趣挑战，可以运用以下的指导原则。  

Powered by Froala Editor