艺术专业

名校申请攻略领取

  • 姓名(称呼)*
  • 联系方式*
  • 意向国家
  • 意向专业
  • 申请学历
申请攻略领取

最新资讯

Popular universities


干货分享 | 听说你的作品集还没排好版?一份排版小技巧总结!

做设计的都知道,版式设计需要充分认识画面元素之间的关系,并在有限空间内合理布局,将图形与文字有机结合。


对于艺术留学的同学们来说,排版往往是作品集制作的最后一步,虽然这一步不会再为作品集的内容添枝加叶,但是它的重要性却不可忽视



我们在进行设计排版的时,如果不考虑任何规律,很多情况下会产生一些奇怪的设计。如果有一定的理论作为基础和标准,并且以此为大致的方向和目标,那么在设计的过程中就会比较容易进行判断,比如下面的4大基本原则就十分有必要掌握。


分割原则


也称亲密度,将相类似的内容归类到一起,使它们在视图上更加紧凑,成为一个视觉单元,而读者阅读的顺序,就是在一个一个单元间跳跃,这样能减少阅读上的混乱。类似的元素组织为一个单元,使得页面变得有条理,清楚的知道视线的移动轨迹



▲ Ryan Bataillon


利用分割原则,还可以使得留白变得更加有条理。通过把类似的项归类在一起来建立亲密性,有时需要做一些调整,调整文本的大小或字体粗细,或者改变图片的大小或位置等。


▲ Jenny Johannesson


对齐原则




缺乏对齐,是造成内容看起来混乱的主要原因。而体现在排版里……想象总有无形的边线束缚着内容(如果有图片或者实线条一开始就存在边界可以直接使用)让这类边线尽量重叠,最终使整个画面仿佛是几个固定矩形板块构成的。


这就是所谓的「栅格化」,适用于图文共同排版。好的排版一般都通过这种方式让视图看起来整洁大方。

在运用对齐原则时,一定要坚持一个原则:只使用一种对齐方式。即使你在不同的文本上运用了不同的对齐方式,也要确保大的整体上以某一种方式对齐。在设计中,统一性是一个重要的概念,对齐的根本目的就是使得页面统一而且有条理


常用的对齐方式有:左对齐、右对齐、居中对齐。


左、右对齐会让文本块出现一条硬的竖边,使得文本看起来外观更加清晰、效果更分明;而居中对齐的边界却是软的,看不出对齐线的强度,是一种很安全的对齐方式,感觉上很舒服,也以为着中规中矩,显得乏味


▲ Ali Sayed


▲ Axel Herrmann


运用中可以尝试让文本居中,但是文本块本身不居中,也不失为一种有趣的表达。


▲ Parham Marandi

重复原则


同样的元素让内容更像是一个整体,设计工作中无意用过重复元素,可能是一种粗字体、一条粗线、某一个项目符号、颜色、设计要素、某种格式、空间关系等。这种一致性,无时无刻不为读者提供一种心理暗示,即内容彼此之间同属于一个整体


而将无意的重复,一步步变成有意的,在已有元素的基础上建立更多的重复元素,则是我们的目的。同时要注意,太多或太相似的重复,容易混淆重点,让人生厌


▲ T U B I K


在确定重复元素后,我们需要让元素效果更强、更生动,通过重复表现的更加明显,这样不仅页面看上去更有趣,还能在视觉上增强其条理性和一致性。重复元素并不必须是图形,可以是空白、线、字体、对齐,或者任何有意重复的东西


▲ Jakub Krzanowski


▲ Mike


对比原则



避免相同的部分太多,同样的字体,同样的颜色,同意的宽距,太多的相同,容易让受众无法找到文章的重点,阅读时产生视觉和心理上的疲劳。而通过强烈的对比一下子就可以抓住读者的眼球,具体体现包括,重点使用粗体,段之间的间隔大于各段文本之间的间隔,标题大而突出。


▲ Mike


对比是为页面增强视觉效果最有效的途径,也是在不同元素之间建立一种有组织的层次结构最有效的办法。字体的对比是最容易实现的方法,除此之外,还可以利用颜色、线、元素之间的间隔、材质等形成对比。


▲ uixNinja


▲ uixNinja


在每一个优秀的设计作品里,四大原则都不是单独存在的,它们相互影响。在设计的时候,有意识的遵循四个原则,就能够创造出生动、有趣、有条理的页面。




再给大家分享一些具体的版式设计小技巧,希望对大家的作品集制作有所帮助!


如何在画面中摆放大量图片


1.倒三角构图

在版面上半部分放置视觉冲击力较强的大图,并自上而下沿着画面中线,逐渐减少图片数量、降低图片尺寸,从而呈现出倒三角形的构图形式。


倒三角构图,符合读者自上而下的阅读习惯,在增添图像表现力的同时,为读者创造沉静的阅读氛围,提升文字的可读性。


2.对角线构图



在版面对角线的两端放置大小统一的图片,使画面对仗工整、斟酌稳重,富有安定感,不会由于图片较多而令画面纷杂错乱。


如何使版面富有节奏感


1.将图像有机分离,为图像创造动感



2.将图像交错放置,为图像创造节奏感、体现亲和力



3.将图像排列于页面底端,将文字有节奏的放置于图像之上,在增添节奏感的同时,为画面补充适度的秩序感



如何将杂乱烦琐的信息整理得清楚易懂


在编排有关联的大量元素时,通常会利用年表、时间轴、地图和路线图等横长形的对象来作为页面主轴。除了能沿着轴线清楚地引导读者的阅读顺序外,还能整理文本信息。另外,这样的技巧同时也能分割版面区域,并赋予含有多张图片的页面稳定感与整体性


1.图片与内文区域也能成为轴线



2.配置色块以强调轴线



3.用图片创造出对角线方向的版面轴线



如何让版面阅读起来更加有趣


如果让图片跳出网格,以沿着圆形、S型或是切割页面的对角线来放置,就能让版面变得更生动幽默。这样的配置方式,让版面呈现出开心、愉快的感觉。大胆的构图,除了能增强页面印象,也能起到画龙点睛的作用。


1.利用对角线放置的图片创造阅读顺序



2.沿着S型放置图片,让读者越读越有趣




如何营造版面的稳定感


想要营造出版面的稳定感,重点在于重心的设计


不论是图片、标题和内文等元素的色调及尺寸,或是字里行间的间隙比例,都会造成不同的重量感。而页面中这些主要元素的分配方式,将决定版面整体的稳定感。


1.均匀摆放图片,由文字产生版面重心



2.大而轻以及小而重的图片



3.大而重的图片以及小而轻的图片



如何整理易显杂乱的图片,营造有条不紊的氛围


1.不要轻易使用自由式版面编排设计



图片数量较多时,很容易导致过度统一,因此自然会想采用自由式的版式设计。但若未经设计而盲目摆放,往往会给人凌乱散漫的感觉。这样的方式也经常会造成过度统一而缺乏变化的问题,应适度缩放图片尺寸,以增添其强弱对比


2.突显单张图片



如果有需要重点突出的图片,且图片尺寸都够大的话,则可在单页里放置一张大图片。此时必须先在跨页中规划出标题页面与相邻的内容页面,这样才能确保整个版面的平衡。


3.在页面下部以带状形式编排图片

利用宽松的版式设计为商品营造豪华氛围时,偶尔会因留白不当而破坏掉版面平衡。此时,可让图片以带状形式摆放在版面下方,以稳定版面的重心。


如何运用元素来构造版面


利用三角形构图的方式来稳定图文信息,是编排设计中较为基本的手法。利用大小不同的图片创造节奏感,同时仔细摆放图片的位置,则能通过页面整体印象,传达版式设计内在的概念。


1.利用不同大小的图片,为版面增添变化



2.利用对角线实现版面平衡



3.用留白活跃版面



图片元素较少,或是手边没有能够与版面风格搭配的图片时,除了用倒三角的构图避免方式版面元素挤在一起,还可以通过适当的留白来解决问题。只有尽可能平衡配置元素,才能明确地传达想呈现的概念。


如何避免版面过于单调


图片较多的版面里,图片的摆放很容易显得凌乱,此时只要为页面创造节奏感。不管是让图片彼此间产生尺寸上的差异,还是通过图片的上下左右关系以编排出节奏感,并尽可能呈现出轻盈的感觉,都是很有效的手法。


1.将图片编排在对角线上以创造对比效果



2.利用不同尺寸的图片展现出轻盈感



3.巧妙运用不同的比例



如何将内容编排得更有逻辑性


将能分区处理或能对应至轴线的内容,用流程表表现。虽然要让版面显得简单易懂,整齐排列内容比什么都重要,但如果只强调整齐性,很容易造成枯燥乏味的版面


1.将内容融入年代表中



2.将版面编排成流程图




以上的方法只是给同学们一个参考,大家也不要被些方式局限住,更不要去套用模板,有很多优秀的作品集版式往往是在实际排版的过程中不断尝试出来的。

-END-