1.信息的布局

　　在排列任何信息时，首先要掌握的是对齐/重复/亲密/对比，贯穿设计的四大原则。

　　对齐不仅能建立清晰精致的外观，而且便于实现开发。基于从左到右的阅读习惯，移动界面的内容布局通常采用左对齐和中间对齐，表单填写的输入项采用右对齐。

　　设计和做其他事情一样，也要有优先事项。不要让用户找到重点/需要注意的地方，而是要让用户流利地接收到我们想要传达的重要信息。重复和比较是一套组合拳，使设计中的视觉元素在整个设计中重复出现，既能增加组织性，又能增强统一性，降低用户认知难度。然后在需要突出重点的时候，可以使用对比技术，比如强调图片大小或颜色的差异，让用户直观的感受到最重要的信息。

　　在排列复杂信息时，如果没有规则的排列，文本的可读性就会降低。组织信息可以根据亲密性的原则将相关信息放在一起。如果多个项目彼此非常亲密，它们将成为视觉单元，而不是多个孤立的元素。这有助于减少混乱，为读者提供清晰的结构。

　　在设计和表达时，我们必须考虑内容的可读性。适当使用图形可以增加可读性和设计感，对图形的理解比文本更有效。一旦可视化的表达方式变得简洁明了，可视化的图形可以以更柔和的方式呈现生硬的内容，如说明/标题/数值。

　　2.图片的使用

　　App确定页面结构和文本后，将开始安排图标/按钮/图片。此时，页面将从简单的文本中获得“阅读”型结构调整为“观看”类型结构将对页面的可读性和页面的整体效果产生巨大的影响。页面中图片的比例称为图片版本率，通常降低图片版本率会给人一种安静、优雅、先进的感觉。提高图片版本率将充满活力，使图片具有吸引力的效果。

　　实际上，它也与选择图片的元素/色调/表达的情感有关。合适的图片也能散发出整个应用的气质，直接传达给人“高级”，“平民化”，“友好”等待不同的感觉。

　　如果内容较少但想提高布局率，可以使用一些色块或抽象模拟真实物体，如电影票、书籍、纸张、优惠券、笔记等，使界面更友好，减少空虚感。这样也可以改变页面的视觉体验，但这种方法最多可以改变页面的色调/纹理，而不是改变“阅读”要注意内容的比例。

　　3.使用颜色

　　不同的颜色可以给用户带来不同的感受，这应该是常识。在移动终端界面中，通常需要选择主色、标准色和晴色。移动终端与网页终端略有不同。虽然主色决定了画面风格的颜色，但往往不会大面积使用。通常在导航栏/部分按钮/icon/当特殊页面和其他地方出现时，它们会有点阳光明媚。统一的主色调也能让用户找到品牌感的归属，如网易红/腾讯蓝/京东红/阿里橙等。标准颜色是指整个移动界面的颜色规格，以确定文本/线段/图标/背景等的颜色。标题文本/按钮/按钮/按钮/icon等等，通常起到强调和引导阅读的作用。

　　主色可能有不止一种选择，点睛之笔的颜色通常由两三种颜色组成，标准颜色是一套由强到弱的标准群体，所以在点晴和主色、主色和主色之间有不同的选择方法。第一种是相邻颜色匹配（相邻颜色），这种方法更常用，因为柔和的色调过渡也非常自然。

　　二是同色系配色(色调一致，饱和度不同)，主色和点晴色都在统一的色调上，给用户一种一致的感觉。

　　第三种是亮色配色，主色相对平静，亮色，带动页面氛围，强调重点。

　　第四种是中性配色，以一些中性配色为基调，弱化干扰。这种方法是移动终端最常见的方法。

　　还有一些渐变、明暗对比、多色搭配等方法在这里不一一解释，你感觉一下。

本文标题：app开发中版面设计的原理