Question

模块化设计是什么？

Answer 1

就是把所有元素都整合在规整的网格中。
每一块设计元素都要在网格中设计的恰到好处。

非常便于内容的组织和管理；
适用于响应式框架；
融合卡片和极简风格；
基于网格，能在任何项目平台上使用；

从建筑设计，室内设计到电脑甚至是汽车的设计，本质上都是可以模块化的。

模块化设计的元素可以互换，如可以在不同电脑中使用的小零件，或一个特定类型的汽车电池，也可以用在多款汽车上。在实践中，模块化设计常常使人们想到一种乐高积木式的设计，其中的组件可以拼在一起或彼此分开。

平面设计中的模块通常以网格的方式体现。网格以及封闭性模块可能会影响到你设计时的方方面面。网格可以让你更加方便地排列各个元素的位置及间距，确定文本的对齐方式。

设计师重新拾起了扁平化设计和运用大面积色块设计的模式，windows在metro设计中就使用了模块化的交互界面。

不同的是网页需要考虑屏幕滚动和不同屏幕分辨率的断点。（你可以利用CSS实现，但我们只专注于视觉方面。）

所见即所得。预制板块已经结合在一起，就像制造汽车和电脑的想法一样，使得每一块适用于一个整体框架，你甚至不需要考虑设计的模块化。

模块化网站的网格要比印刷版本的网格更大，可以把屏幕拆解成小块。最简单的方法就是用两栏的格式将屏幕分成一半（中间有间距）。横向分区通常就是屏幕的高度，浏览器滚动条下拉，查看不同板块，这种方式在视差滚动动画中的应用也很流行。