美文网首页大学生世界工具癖我的大学
系统学习PS干货(17):一种比较特殊的构图法——网格构图法

系统学习PS干货(17):一种比较特殊的构图法——网格构图法

作者: 徽派三爷 | 来源:发表于2017-08-10 21:49 被阅读0次

指缝很宽,时间太瘦,悄悄从指缝间溜走,此刻的福州雷声滚滚,骤雨绵绵,坐在电脑前,竟忽然很想家,而家在哪里呢?呵呵,废话不多说了,今天将要和大家分享的是排版中比较高级的构图方法——网格构图法。

很多时候我们会发现一些排版非常精美的海报,这些海报的美是独特的,它们的版面乱而有序,有些元素看似孤立,实则密切联系,比如以下几幅图。

通过观察版面中的一些元素,我们发现文字部分看似凌乱,但仔细想想应该存在某种联系,可是又一时语塞,无从说起,其实,它们之间确实存在着某种联系,什么联系呢?我们再来看一幅图。

网格构图法

上图中,我们利用参考线(或者guideguide 插件)对其中的一幅图做了详细的划分,划分之后我们发现文字部分分布在一个个的网格中,并且彼此间有一种对齐关系,这种构图方法,我们称之为网格构图法。

网格构图法首先要进行网格划分,然后根据版面需要,分析每个格子的位置关系,选择合适的格子分布各个元素。我们常用12等分和16等分的分栏方式进行网格划分,也可以用三等分、四等分的分栏方式,此外,网格间也要设置间隙,可以让个个模块之间既有联系又有区别。

关于网格的划分以上只是经验总结,其实并没有固定的答案,网格划分还是要根据自己的版面来,这样是不是灵活得让人感觉无从下手?但是万变不离其宗,网格的划分一定要是等分,这是其一。

其二,画好网格之后要遵循一个排版规律,这个规律我把它叫做二分之一法,具体来说就是超出格子部分的文字或者图片与格子中的文字或图片的比例是1:2的关系。我们通过下图来深入理解下。

这样,通过网格构图法可以让我们很容易排版出来简洁整齐有节奏感的版面,从而达到乱而有序的效果。

PS 这里和大家分享几本有关设计的书籍,相信会对你的设计大有帮助,如果有需要的小伙伴,可以在评论区留下邮箱,三爷会免费发给你,当然,顺便再点个赞那就再好不过啦。

设计书籍分享

忽然想到句歌词:最美的不是下雨天,是曾与你躲过雨的屋檐,今天的分享先到这里吧,希望这种构图方法对您以后的学习或工作有所帮助,感谢您的阅读,晚安!

相关文章

网友评论

    本文标题:系统学习PS干货(17):一种比较特殊的构图法——网格构图法

    本文链接:https://www.haomeiwen.com/subject/gwdkrxtx.html