版式设计技巧 图文篇

深圳/设计爱好者/1年前/136浏览
版式设计技巧 图文篇

版式设设计-如何恰当的运用图片?

一、合理安排图片位置

图片放置的位置直接关系到版面的构图布局,版面中的左、右、上、下以及对角线的四角都是视线的焦点,在这些焦点上恰到好处地安排图片,版面的视觉冲击力就会明显地表露出来,使版面变得清晰、简洁而富于条理性。

①单幅图片的位置安排,如果版面只采用一张图片时,就要选择一张质量较高的图片,而位置决定着人们对图片的第一印象。中部摆放,常需要色块或文字标题来配合使用,这里对人物照片进行裁剪,在页面上配以色块辅助,这样出来的东西精炼干净又不失高雅;边角摆放,图片在角位置的摆放,使得版式豁然生动起来;也可以占据半个版面。

②多幅图片的位置安排,图片增加到三张以上,就能营造出很热闹的版面氛围,非常适合于普及的、热闹的和新闻性强的读物。有了多张照片,就有了浏览的余地。数量的多少,并不是由我们随心所欲地决定,而是根据版面的内容来精心安排。中部摆放,有的时候不需要追求多么炫目的艺术效果,只要通过页面元素的简单组合,对页面垂直和水平的分割,文字与图片相互作用,使组合后的图片整洁大方;边角摆放,将图片放在不是很重要的位置上,有时候是为了弱化单张图片的重要性。

③多个版面多图片占据半个版面,这时候一般是文字占半版,图片组合占半版,这样做的好处是条理清楚、文是文、图是图。有时候为了避免混乱,可以采用网格状构图,通过多张图片来陪衬,突出中心位置的文字或形象时。

二、考虑图片摆放位置的先后顺序

当版式中所包括的内容有先后顺序时,就应该设计出符合人们审视顺序习惯的版式,图片顺序的排列,并不是我们的随心所欲所能控制的,而需要版面的内容来协调,根据主题重要性排列图片顺序。

①放大和缩小,将需要让人注意的部分设计得比较大,具有引导人们首先阅读或观看的作用。首先运用首要内容放大法,再根据尺寸的大小来安排顺序的先后。同样也可以通过缩小其他图片尺寸的方法。还可以同时运用这两种处理方式,达到对内容的先后顺序进行明确的区分的目的,例如:一张主图(大图)配几张小图,通过图片面积的大小来引导视觉顺序,通过大图和小图之间的互相搭配、结合、烘托,传递的信息量更大,从各个角度把事物或事件表现得更直观、更充分、更全面,以提升版面的整体冲击力。

②颜色和图形,通过颜色的调整来使内容有所变化,也可以作为区分内容先后顺序的方法。例如:纯度高的颜色更加显眼,就可以选择纯度高的颜色来突出重点,纯度高的颜色比纯度低的颜更加显眼。

三、根据图片的内容来排列图片的顺序

在进行版式设计时,设计师有必要提前了解受众的阅读习惯和设计成品的排版方式,预设出观者的审视顺序,这样才可以设计出很多元素,或者按照图片的先后内容进行规律性排列,起到顺畅引导观者视线移动的目的。

①单页印刷品而言,受众的阅读习惯是自左向右,则视觉流程按照由左上角、左下角、中心、右上角、右下角这样的顺序反复扫视,所以为突出要展示的重点,应将标题或首图等重要内容放在左上角的位置,最不重要的内容可以安排在右下角。

②多页印刷品而言,如果是从左侧打开的,则视线是从左上方向右下方移动;有时也有右侧打开的印刷品,那么视线的移动则相反,是从对页的右上方向左下方移动。设计师应该根据视线移动基本方式来进行排版,否则就会加重观者的负担,使其产生阅读疲劳。

当然,现代的大部分印刷品都是左侧打开的。对于左侧打开,横向排版的印刷品来说,视线通常是从左上方到右下方,而在按照段组设计的情况下,需要能够让视线从一个段落自然而顺畅地转移到下一个段落。

四、运用图片的方向性

图片包括很多的种类,其中很多图片具有动感及方向性,如果能够灵活处理这些图片,那么就可以控制图片带给人们的感官印象。

①拍摄对象引起的方向性,有的图片中有动态和方向的元素。例如:人物图片的动作、手势以及面部和目光的朝向,这些都是可让人感受到图片的动态走势和方向性的图片元素。可以通过对这些元素的灵活处理,来引导读者视线流动的方向。

②把图片加入动感,每张图片都会由于被摄对象运动的强弱而产生程度不同的动势。例如:拍摄对象本身是倾斜的,可以增强图片运动或者变化的程度。不仅仅通过对被摄对象的选择实现,还包括倾斜或改变图片放置角度的方式,也能打破常规垂直、水平的平衡感,来增加图片的动感。

五、图片于文字的组合运用

标题性文字与图片的组合,有时在图片中会出现标题,就要先判断标题与图片的主从地位了。如果希望可以突出标题,图片为从属,那么标题可以位于图片的重要位置,字号可以放大,甚至是遮挡住图片;如果希望可以突出图片,或图片与标题并重,那么标题就应该放置在图片的留白处。图片内的标题的字体颜色不能与图片主色调相近,应该选用容易辨识的颜色。

说明性文字与图片的组合,图片往往需要与说明性文字配合使用,文字说明与图片的对应关系必须是明确的。不能损坏文字部分的可读性,如果将图片置于说明文字之中,往往破坏了文字的连贯性,因此可在说明文字段前段后插入图片。

1
Report
|
收藏
Share
相关推荐
评论
in to comment
Add emoji
喜欢TA的作品吗?喜欢就快来夸夸TA吧!
推荐素材
You may like
x oasis coffee
Homepage recommendation
Penny妹妹抽象表情包
Homepage recommendation
相关收藏夹
ip形象设计+表情包
ip形象设计+表情包
ip形象设计+表情包
ip形象设计+表情包
精选收藏夹
作品收藏夹
企业展厅/文化墙 参考
企业展厅/文化墙 参考
企业展厅/文化墙 参考
企业展厅/文化墙 参考
精选收藏夹
作品收藏夹
小家电
小家电
小家电
小家电
精选收藏夹
作品收藏夹
企业展厅
企业展厅
企业展厅
企业展厅
精选收藏夹
作品收藏夹
IP形象及IP内容
IP形象及IP内容
IP形象及IP内容
IP形象及IP内容
精选收藏夹
作品收藏夹
IP形象——动物类
IP形象——动物类
IP形象——动物类
IP形象——动物类
精选收藏夹
作品收藏夹
大家都在看
Log in