最美H5 酷站欣赏 UI素材 专题 设计导航

892种特殊grid网格设计

3x4variations poster k 3 x 4范围内的892种特殊grid网格设计组合——信息设计 information design 网格设计组合 网格设计 网格系统 排版规范 排版方式 信息设计 Grid system grid rull

本海报由Thomas Gaskin设计;Hugh Dubberly担任创意指导;Patrick Kessler演算、William Drenttel + Jessica Helfand享有专利。

这张海报绘制了设计实践中的各种变化。这种基于计算数据变化的演算现在越来越切实和普遍。设计工具趋于数据化;设计师与程序开发人员的合作也越来越密切;有时候设计师也会担任开发的工作。

以上,你可以看到892种不同方法来将3?×?4网格(grid)分割成特别的矩形。很多年以来,设计师用网格规范来统一分割书本、杂志、屏幕和其他媒介的内容。3?×?4网格是一个典型的例子。就算在这个简单的例子中,直到今天才刚好可以把所有可能的变化一一列出。

Patch Kessler设计了一个简单的算法来演算所有的可能性,它不仅可以定义3?×?4网格,还适用于任何n?×?m网格。他在MATLAB程序中将公式实体化,导出PDF,然后由Thomas Gaskin放入Illustrator设计成海报。

网格设计的规则

海报中网格设计的规则是由Bill Drenttel和Jessica Helfand提出的,他们因为发现网格和日本拥有1300年历史的榻榻米的关系而著名。2006年,Drenttel和Helfand的网格系统获得了美国专利7124360——“为电脑屏幕界面设计的模块化几何重组步骤和系统”。

榻榻米系统使用1?×?2矩形。在3?×?4网格内部,1?×?2的矩形可以用五种方式排列。他们在海报第六部分的末尾部分。

单元矩形(1?×?1, 1?×?2, 1?×?3, 1?×?4; 2?×?2, 2?×?3, 2?×?4; 3?×?3, 3?×?4)在3?×?4范围内可以有3164种排列方式。其中有很多是相同的——相同版本的旋转或对称形态。海报中仅包括了所有特别的组合方式——旋转或对称组合取其一。黑色的组合有三种相关版本;蓝色、绿色和橘黄色组合有一种相关版本;品红色是特别的版本,因为所有的旋转和镜像都相同,因此没有相关版本。(你可以查看海报右下角的举例。)

排序规则

海报使用数字编组了所有无重叠的变化。醒目的数字分隔了不同的分组。由左上方开始,从左到右、自上而下依次排列,每一组都更进一步地分成使用同样元素的小组搭配,小组依据其最大元素的大小和位置进行排列,组合使用方向来排序,每个组合中最大的矩形被放置在左上方。黑点分隔了不同的尺寸、灰色的点分隔了不同的方向。

哪里可以学到更多

Grids网格设计在过去的五十年中经常在设计资料中出现,法国建筑师Le Corbusier在他1946年的《Le Modulor》一书中提及 ;瑞士平面设计师在他1964年《Designing Programmes》中列举了一些网格设计系统或者“程式”;至今经典的网格设计著作是平面设计师Josef Muller-Brockman 1981年所作的《Grid Systems》。

下载PDF

Patch Kessler在他的论文“Arranging Rectangles”中介绍了其对于网格设计演算的数学理论。

转载请注明『标志电台 logoair』