7

海报设计

 2 years ago
source link: https://www.uisdc.com/grid-settings
Go to the source link to view the article. You can view the picture content, updated content and better typesetting reading experience. If the link is broken, please click the button below to view the snapshot at that time.
neoserver,ios ssh client

大家好我是花生~前几天有小伙伴在社群中讨论海报设计,提到了一个问题:虽然自己知道做海报的时候需要用网格,但是不知道网格的行列数量设置成多少比较好;也有小伙伴说自己用了网格,但是海报做出来还是不好看,不知道是哪里出了问题。

网格系统是现在排版时常用到的一种设计工具,特别在画册、书籍领域,网格系统是不可或缺的。在海报设计中使用网格,能使版面看起来更加清晰有条理,易于阅读;并且横平竖直的参考线让排版有规律可循的,让我们可以避免无用的排版试错,提升设计效率。

针对网格设置的这些问题,我特意请教了优设设计总监兼金牌讲师@全蛋老师,将全蛋老师的回答总结成2个疑问解答和1个解决方法,帮助大家更好地理解网格对海报设计的意义,一起来看看吧~

对网格系统还没有概念的朋友可以看这里↓

虽然使用网格系统进行海报排版好处颇多,但是刚接触海报设计的你在用网格的时候是不是感觉束手束脚?不知道网格的行列数量设置成多少比较好、排版的时候元素无法完全没有契合网格或、用了网格但是海报做出来还是不好看等等,都是我们使用网格系统的时候容易出现的问题。

想要在海报设计中熟练且正确使用网格,我们需要正确理解网格对于海报设计的意义。

网格系统只是一个有效的辅助工具

首先我们需要明白网格系统只是众多辅助海报设计的工具之一,而非必不可缺的部分,毕竟海报不是有网格系统之后才有的。以往的设计师在实践中发现使用网格能更好更快地进行排版,所以提倡使用,但没有网格我们也有其他办法设计出好看的海报,完全不使用网格进行排版的优秀海报也是非常多的。

新手如何做好海报设计?试试网格这个神器!

没有遵循网格的海报设计

海报设计中最重要的是正确清晰的信息层级

海报设计最终为了清晰准确地传达信息,对海报的信息层级进行正确排序是第一位的。做好这一步,我们才能确定每个层级在海报中的版面占比大小,再结合网格系统进行的排版,自然事半功倍。如果你连海报中信息的重要程度都没有分清就到网格中进行排版,最终效果是不会理想的。

如下图,两版海报虽然都是用了网格,但是由于左边的海报信息层级排序错误且区分不明显,导致最终的排版效果并不好。

新手如何做好海报设计?试试网格这个神器!

还需要注意的是,海报设计中的网格系统没有书籍排版中要求那么严格,不用苛求排版要完全按照网格来。在利用网格进行海报排版时,如果感觉元素大小调整到了视觉合适,但是没有契合网格,那也没有关系,只要保证信息层级是对的就可以了。如果你不确定一个元素的位置和具体尺寸,那就按照网格来,整体完成后再进行微调。这就是网格辅助设计的意义。

使用斐波那契数列设置网格

了解以上两点之后再来看网格的设置,你是不是觉得这个问题也没有那么复杂了?页边距留多宽、网格设置成多少行多少列、间距设置多宽并不是定死的,而是以你的海报内容或者你自己的习惯为主。如果你用心分析过一些优秀的海报,就会发现它们的网格设置非常灵活多样。

新手如何做好海报设计?试试网格这个神器!

关于网格具体设置成多少才合适这个问题,全蛋老师表示并没有标准答案,而是要以自己的需求为准。如果刚刚接触海报设计没有把握的话,可以使用斐波那契数列作为参考。

斐波那契数列又称黄金分割数列,数字排序为 0、1、1、2、3、5、8、13、21、34……由之前的两个数相加得出第三个数,以此类推。我们在设置网格的时候,行数和列数就可以用其中相邻的2个数字为准。如3行5列、5行8列,或者5行3列、8行5列等。但这也只是仅供参考的网格设置方法,在设计中还是要以你自己的实际需要为准。

新手如何做好海报设计?试试网格这个神器!

所以海报设计中的网格并不复杂高深,它是一个有效的辅助工具,需要我们在理清正确的海报信息层级后再使用,网格的行列数及间距宽度设置都以海报内容和个人习惯为主,可以灵活调整。弄清楚了这些,网格系统不仅可以帮你提升海报设计的效率,还是成为你分析学习优秀海报的设计原理的利器。

如何在PS/AI中快速设置网格

思路和方法都讲完了,再顺带提一下如何在设计软件中快速设置网格,帮助还没有接触过网格系统的朋友更好地学习。

【PS】按需求新建一个文档,点击【视图-新建参考线版面】,然后设置行、列、页边距,间距。快捷键Ctrl+; 可以显示或关闭参考线。

新手如何做好海报设计?试试网格这个神器!

【AI】先用矩形确定好版心,然后点击【对象-路径-分割为网格】,勾选【预览】按需求设置自己的行列数和间距。Ctrl+5将网格转为参考线,快捷键Ctrl+;可以显示或关闭参考线。

新手如何做好海报设计?试试网格这个神器!

海报设计中的网格并不复杂高深,它是一个有效的辅助工具,需要我们在理清正确的海报信息层级后再使用,网格的行列数及间距宽度设置都以海报内容和个人习惯为主,可以灵活调整。弄清楚了这些,再用网格就会觉得轻松顺手很多。

以上就是今天的内容分享,希望对喜欢海报设计的你有所帮助。如果你还有关于网格和海报设计的问题,欢迎加入优设官方设计交流群,我们一起探讨,入群二维码见下图;当然也可以直接在评论里说出你的看法,还有机会收到优设送出的精品设计书籍哦~

新手如何做好海报设计?试试网格这个神器!

更多海报设计知识


Recommend

About Joyk


Aggregate valuable and interesting links.
Joyk means Joy of geeK