web规范思路

还在苦恼如何搭建Web端布局框架？来这里找方法吧～CDX魔方项目组成员用血和泪的经验告诉你答案。

「前言」

对于承载多个子产品的网站而言，单一的布局形式不能完全适用，因此我们需要全方面了解相关的布局框架理论。这有利于我们在定义复杂结构的Web界面时得心应手，做到统一化、规范化、可拓展及可快速迭代。
整篇文章分为两部分：
1.了解布局框架要素
2.项目沉淀：滴滴魔方网站布局框架的构建与实现

「布局框架要素」

一、布局框架在设计中的重要性
在涉及数字媒体的屏幕布局时，我们需要将一些看似互不相干的元素和谐、有序的组织在一起，这是很有挑战性的。
对设计师而言，熟练掌握知觉要素的格式塔理论、视觉要素的组织和结构及感觉要素的层级和秩序，并将这些方法论运用到布局设计的每一处，才能创建出该产品真正的布局基础。

布局框架能帮助我们正确考虑产品的焦点，理性的传达有效信息而不是感性的创意视觉表达。
布局框架能保证优质产品及良好的用户体验，方便用户对界面的识别和使用习惯。
布局框架是产品的骨架和基础。在框架确定之后，设计师才可进行下一步的构建——统一的视觉元素，清晰的功能操作，具体流程的交互等等。

二、布局框架的设计原则
了解布局框架设计的重要性后，我们再来认识一下布局框架的设计原则，分别为统一性、逻辑性、可扩展性、可预测性：
统一性——确保产品布局在结构和视觉的一致性，为用户提供高度的舒适感
逻辑性——视觉中的各种分类构成具有逻辑思路，结构联系紧密且通畅
可扩展性——无论产品功能是简单还是复杂，布局框架能够随着产品需求的变化进行布局结构的延展和扩充
可预测性——选择可预测和可识别的布局，并连接到体验的每一个环境中且在