人人都是设计师:如何用网格使排版更加精妙

如我们所知,网格作为一种控制形式的法则,就是在排版中尽可能地利用版面中的资源来达到秩序和经济的最大可能性。可能你会说,你不是学字体排印、也不是平面设计、更不是摄影领域的人才了,更更不是原创设计师。网格系统就毫无用处了么,当然不是,只要你合理利用,设计中的很多问题可以由它解决。学习网格的目的是为了解决排版(编排)问题。排版中,要解决的元素无非这么几个,点、线、面,字体(字距、词句、行距),图片,色彩,还有光与影。

 

网格与设计哲学

将网格视为一种秩序系统来进行应用,设计师某种特定的精神和态度的表达,因为体现了设计师以一种结构性、预见性的方式来进行构思和设计的。

设计师的作品应该是易懂的、客观的、功能性的和具有数学逻辑美感的。我们还应该清醒的认识到,每一件视觉作品不仅是设计师个性的彰显,更是他的知识、能力和情感的综合体现。

 

网格系统之所以可以使视觉设计变得更容易,是因为:

a、可以通过视觉传达的手段客观地建构主题。

b、可以系统和逻辑地构建和插图类材料。

c、可以在一个紧凑的空间中根据文本和插图的特点建立节奏关系。

d、可以将所有视觉材料组织在一起,使其在易懂的同时还具备视觉张力。

 

网格系统设定

 

  1. 8格网络系统

8格网络系统的版面经常用于广告宣传单和册页的设计。

8格网格是最容易上手的,只需要通过对8种不同尺寸的图片和文字信息进行组合,就可以解决许多简单的问题,这时如果能再加上一点设计师的小小想象力,画面就已经很生动了。

8格网格一般已经满足了基本版式需求,上图中,有4种窄长的图和4种宽幅的图片,根据实际情况配合设计。

 

  1. 20格网络系统

20格网格系统拓宽了设计师的设计思路并给设计师提供了更多的排版可能性。

文本行可以设置成两端对齐、左对齐、右对齐或者中心对齐。留白在版面中有着十分重要的视觉和美学作用,只要适当地利用它,就可以使整个版面变得轻盈、通透甚至更易读。

若是想让设计作品看起来更有说服力,那么在设计时就必须要依照这些线框进行排版。

丰富的版面变化离不开优质的图片和字体的样式,字号的大小和粗细。

 

  1. 32格网络系统

 

相对于20格网络系统,32格网络系统可以为设计师提供无线的可能性。因为随着单元网格数量的不断递增,就能够看到更为精妙的版面变化。

32格网络系统提供了非常多的编排方案,几乎涵盖了所有类型的版面设计。上图的版面草图只是利用32格网络来进行的几种方式。

 

了解了平面设计中的网络系统,快去Fotor懒设计进行运用吧。Fotor懒设计提供了海量精美的素材模板,公众号封面大图、海报、名片、DM宣传单、朋友圈邀请函等等,你可以根据你的设计需求选择不同的设计模板,并且可以对素材模板上的设计元素进行任意的修改,简单又好用,快来试一试吧~

https://www.fotor.com.cn/

 

优秀设计模板推荐:

1、火锅川菜宣传DM宣传单模板

2、美容养颜护肤DM宣传单模板

3、暑期报名学习公众号封面大图模板

4、2018成都国际车展手机海报模板

5、跆拳道培训馆手机海报模板

01-1
wanglin@everimaging.com人人都是设计师:如何用网格使排版更加精妙

发表评论

电子邮件地址不会被公开。 必填项已用*标注