网格系统在屏幕设计中的应用

网格系统在屏幕设计中的应用

摘要

作为设计师，相信大家对「网格系统」这个词一定不陌生。它存在与于大大小小的设计项目中，是排列内容时的结构指南，为版面带来秩序和一致性，使得设计师可以高效地排布内容。

现代意义上的编排设计是在 20 世纪 20 至 30 年代早期设计理论和原则基础上建立起来的。第二次世界大战之后，瑞士设计师根据网格打造了全面性的设计方法论，将它与思想融会贯通，网格成为普及性语言的钥匙，平面设计中的网格系统得到发展和应用。在传统的平面设计中，文本、图片这些变量是可知的，通常不会改变。设计者依据确定的内容、可以预估的阅读距离（ 阅读距离影响字体大小、列宽、行高）进行设计，他们可以确定他们设计的网格系统可以满足内容的特定布局需求，尽可能地利用版面中的资源来达到秩序和经济的最大可能性。

然而一本书不会突然成为一份报纸，当前接触最多的界面设计是基于二维屏幕的。数字产品通常是围绕动态数据构建的，设计师在设计时可能从未看到向用户展示的内容，真正像用户展示的内容隐藏在设计的框架里。并且为了保障好的浏览体验需要根据用户使用设备的不同进行不同尺寸的适配。这时应用传统的网格系统往往会感到不相容。所以对于 UI 设计师来说，了解网格变化和如何应用网格通常是必要的。