【6布局】的通用层，平台层，业务成分析

6. 布局

布局是指界面设计过程中，基于规律的结构网格，将视觉元素进行有序排列的过程，使产品界面在不同平台不同屏幕上都能提供舒适而有熟悉的体验。

6.1 通用层：移动界面的版式

在通用层，设计师需了解布局的基本原理，布局在传统定义上又称版式设计，它不仅是一种布局技能，更实现了技术与艺术的高度统一。在移动界面中，版式的运用需注意用户浏览习惯和技术布局方式。

注意用户浏览习惯：在现代社会最常见的阅读习惯是从左至右，自上而下的进行浏览。但设计师也可通过差异化处理引导用户按其他的方式进行浏览。

结合技术布局方式：在设备尺寸不断增加的当下，响应式布局是最流行的布局技术。是流式布局和自适应布局的结合。

6.2 平台层：框架逻辑、栅格系统

在平台层，设计师需要关注版式布局的规则和规律，以达到美观、秩序、效率的目的，通常可以借助框架逻辑和栅格系统进行设计。

框架逻辑的空间概念

在一个平面里我们可以向x轴和y轴布局信息元素，而在界面设计中z轴的概念随处可见，设计师通过z轴制定模块前后关系实现框架嵌套，需注意界面设计需遵循既定的框架嵌套的逻辑，不能层级错位。

建立平台栅格系统

栅格可以理解为平台级的基准参考线，以一个最小网格单位将屏幕分成有序的网格，然后制定边距、间距以及分割方式，设计师可以依照栅格系统进行秩序和逻辑的设计

6.3 业务层：版面密度、版式风格

在业务层，设计师需了解版面密度以及布局形式对于页面的影响，通常密度和布局形式取决于调性传达或营销内容，不同属性产生的冲击力和影响不同。

版面密度与留白对调性的影响：版面率、留白率会影响用户对于调性的感知，设计师需根据业务属性调整密度和留白。

常见的营销版式风格：基于形式美法则的版式风格也会影响调性，掌握形式美法则，能使营销设计达成美与形式的高度统一。