Date 2025-12-23 15:32:04
很多朋友都问过网格系统,我也想详细解释一下,但说起来真的不是特别难。毕竟《平面设计中的网格系统》用了近200页的图文来解释清楚的事情,靠我一篇文章的简单总结肯定是不到位的。其实我也怕大家学会偏差,觉得会是最大的错误,因为这样就不会深入学习了。
因此,根据我自己的理解,这样一个压缩网格系统肯定不如原来的严格,但它绝对容易使用,可以加深你对结构思维的理解。好吧,别再说闲话了。让我们开始今天的内容。
结构思维非常重要。我们的丐版网格系统是基于结构思维的。以下是结构思维的步骤图。我当然不知道我只是看文字说了什么。让我们找一些作品来推动它。

首先,网格的划分越多,整体设计就越精细,因为模块越多,没有具体的值,是的 3*3 的 4*6 等等都无所谓。

如果有朋友不知道如何建立参考线,可以看看这个步骤图,已经列出给大家了。

然后我们将在下一步进行分析。乍一看,你认为它是几乘数?

左右几乎是显而易见的 1:1 总的来说,比例是一个整体 2*6 简单划分。

然后重点来了。基于这种网格结构,我们先划分大块的结构,先上下分开,上面两块并排,然后左右分开细分,图文分开,下面放一些合作伙伴。
最后一步是细分后再细分,可以看出是不断切割网格的过程。

然后再找一种感觉。

这显然是左右两面的 1:2.因此,网格的划分基本上是 3*4 左右,这个值不是那么准确,所以我们必须清楚,乞丐版的网格系统不是为了解决准确的设计位置,而是为了解决一般的位置,培养结构思维。

这是他的结构流程图。也许它不这么认为,但这种结构思维可以帮助我们理解~

这是我们使用简单版网格系统的关键点。我建议保存这张图。

运动产业的设计选择深色焦点会更好,整体设计不应太稳定,应尽可能灵活的综合设计元素,可以考虑使用对角构图。

按标题组、功能组和阅读组划分信息分组。







在选择主体时,一定要注意选择动态明显的图片。

我个人建议不要用纯黑色来修改背景色。

解决右上角的结构框,把标题放在上面,大致占用空间。

结合标题,压缩标题左侧的结构框。这里有一个关于网格的点,就是区域内的结构划分越复杂,整体越丰富,难度越大。

把主题和其他信息放在图片中。

将信息放置在移动块面上。

信息符号化占据了结构空间,朋友们经常问我如何做信息符号化。除了很多参考之外,你还需要知道你的空间需要你去哪里。

刚才内文被挤得没有位置,直接改变了主体左侧垂直排放的排放趋势。

添加信息解决标题左侧的小空间。

这一步的设计需要分析问题,蓝色区域显然缺乏形式感,因为它是标题,标题没有描述,使其他信息形式丰富,会导致其他信息“偷镜子”。
红色区域是一个空间问题。

在标题中加入一些形式,这里大家想想我这样设计的原因是什么。

主要目的是让标题和主体建立除前后叠加以外的关系。
首先,角色的手臂处有一个红色的环境光处理,角色的外套被修改为红色,以建立颜色与标题之间的关系。这就是加强标题的想法。

后面有很多小的破碎空间,但最好用一个完整的大堆叠来解决。

将完成的强化形式放入主体中,可以看出画面一下子就完整多了。

在角色的腿上加上我们的口号,后面的强化形式可以直接将图层的顺序延伸到主体的一条腿前,使背景与主体建立连接,承载信息,增加空间感。

稍微强化背景的光感,增加层次。

使用撕纸材料来解决这些细小的空间。

整体添加一些旧的纹理,可以使画面看起来更有质感。

最后,添加一个样机,完成~

在这篇文章中,我们学习了如何处理角色海报,了解了图片设计的许多细节和信息符号化的方法。如果您有任何问题,您可以扫描以下二维码,添加我的朋友,并与我讨论和交流设计。如果你喜欢视觉研究的内容,你可以喜欢它。非常感谢。今天的文章就在这里。下次见。
大家好,我是花生~几天前,一位小伙伴在社区里讨论了海报设计,并提到了一个问题:虽然他知道在制作海报时需要使用网格,但他不知道网格的行列数量是多少;一些小伙伴说他们使用了网格,但海报仍然不好看。他们不知道出了什么问题。
阅读文章 >欢迎关注作者微信微信官方账号:「视研设」

热评 一稿蓝蓝