给设计师的模块化设计新手完全入门指南

扁平化设计流行起来之后，现代简约风与之结合产生了许多视觉上以区块为主的网页设计作品。对于设计师而言，这种设计方式既时尚，又富于功能化，网站结构流畅、简单，与响应式的设计也有着天然的兼容性。
这种设计趋势的出现，追根溯源就是模块化设计。模块化设计并不是什么新鲜的东西，有过编程开发经验的同学对此应该不陌生，对于工程学有了解的同学，对此就更加熟悉了。反观我们所学习的各种设计理论，模块化设计的设计思想也深深地植根于其中，各个领域的设计师对于模块化设计也早已运用纯熟。而今天的文章，我们准备从实战的角度来着手，看看模块化设计的思想是如何快速地融入日常的设计中去，帮助设计新手快速上手。

什么是模块化设计？ 模块化设计指的是整体中所有的部分都是由被划分为小块的模块而组成的，不同的设计元素被放置于不同的矩形模块中，不同的模块合理而有序地组成特定的功能区。 正如你所知道的，模块化设计存在的历史非常悠久，覆盖的领域也相当广泛，你所看到的报纸版面就是报社的排版设计师的杰作，他们将不同的故事，不同的图片分割成不同的区块（模块），然后整齐地匹配到整个版面中去。模块化设计之所以广受欢迎，是因为这种设计方法是组织和管理内容的好方法。 对于涵盖大量内容的设计项目而言，模块化设计常用的栅格系统有着极大的用武之地，它可以以极大的包容性将许多看似没有直接关联的内容，合理地呈现并整合到一个界面中来。而之前我们所说的报纸就是最典型的案例，在一块固定的大画布上将各类内容均匀、相互无干涉地呈现出来。 模块化的栅格系统在网页设计中更强大了，栅格系统天然的灵活性不仅体现在特定版面的网页排版上，响应式设计更是将模块化设计推上了另一个设计工程的顶峰。单纯的模块化设计讲究的是布局的技巧，而设计风格的融入令模块化设计拥有了厚度，极简风自是不必说，Material Design和卡片式设计几乎可以富于模块化设计以新生。 虽然模块化设计需要前端在实现的时候稍费神，但是本质上它真的就只是一个基于栅格的设计系统，和任何其他的栅格系统没有太大的差别，加上强大的内容组织能力，它几乎适用于任何项目任何风格。

植根于其他领域 正如我前文所述，模块化设计并非单纯只为平面/网页/UI设计而生的概念，从程序开发到室内设计，从机械工程到汽车的设计组装，模块化设计无处不在（尤其是这些涉及到标准化的产业，你可以在这里找到许多模块化平面设计的灵感）。 在其他的领域中，模块化设计的适用范畴大到你难以想象，标准化的接口，整饬的布局和空间设计，而这些设计理念、案例、经验都可以合理地转嫁到平面设计上来。办公室里错落有致的组合柜，楼下外墙上裸露的砖墙，都是可以借鉴的模块化视觉元素。电脑、汽车等产品为了迎合大规模生产的产品，在零配件的标准化上做的非常不错，这种模块元素化的设计也非常能启发人。乐高积木和组装模型也有着类似的属性，多玩玩也能帮你开脑洞。

印刷设计中的模块