版式设计——简单7种图片排版方式( 二 )


03:色块上的文字我们也是最好要选择和色块颜色差距较大的,这样才有利于文字的识别性和突出性
案例演示:

版式设计——简单7种图片排版方式

文章插图
版式结构分析:
版式设计——简单7种图片排版方式

文章插图
这个版式设计虽然我们的视觉中心都是在版面的中心区域(也就是淡蓝色矩形区域)和第二张一样的视觉中心,但是不同的是,我们这里底部是全铺图片,矩形是作为图片和文字的一个分割层,起到引导用户视线的效果,目的就在于让用户能够看到我们的主题文字,所以这里的文字部分才是主题目标 。
第四种:图片任意排版
图片错落排版:指的就是将图片放在版面中的任意位置,不居中
注意:
01:图片与主题要搭配,图片占据版面的大小和位置可以随意一些,不用那么拘束,能更好的展示设计感,图片图形可以是几何图形中的各种图形,不同场景可以搭配不一样的图形排版
02:文字排版大小粗细区分,错落有致,看似无序实则有序,包括留白位置做到要具有呼吸感
03:图片的选择最好是要有引导性的视觉指示!可以根据人物或者其它主题的视线\方向引导用户看下一个位置的内容信息!
案例演示:
版式设计——简单7种图片排版方式

文章插图
版式结构分析:
版式设计——简单7种图片排版方式

文章插图
这里我就只拿一种排版方式做版式结构分析,这种类型的版式设计,一般也是图片为用户的第一视线,图片也是和主题搭配的,并且留白的位置也是相对于较多,那么文案的排版我们最好还是不要影响图片的效果,合理的运用留白的位置,保证图片的美观和识别性,才能使整个版面达到美观的效果
第五种:图片出血排版
图片出血排版:指的就是将图片放在版面中四周可以不留出血(出血指间隔)可以是出血1边、2边、3边
注意:
01:图片的大小位置都是靠版面边缘的,可以是1边,2边,3边,根据需求选择合适的图形大小和形状以及出血的数量
02:文字排版同样不能影响图片主题的阅读效果
案例演示:
版式设计——简单7种图片排版方式

文章插图

版式设计——简单7种图片排版方式

文章插图
版式结构分析:
版式设计——简单7种图片排版方式

文章插图
我们可以在图片上排版文案,但是我们需要根据图片的主题中心位置而定,我们需要保留图片主题,不影响图片主题的识别性和美观性,在图片的非重点区域排版一些相关联的文案,这样既不会影响图片还能达到引导用户浏览图片文字的效果
第六种:图片分割排版分割
图片分割排版:指的就是将图片分割成几个图形组合形成,不影响图片识别的完整性
注意:
01:图片分割图形的选择也是多种多样,根据需求可以随意变化,可以是规则的图形,也可以是不规则的图形,还可以是物体轮廓,文字样式
02:文案排版同样不能影响图片的美观和识别性
案例演示:
版式设计——简单7种图片排版方式

文章插图
版式结构分析:
版式设计——简单7种图片排版方式

文章插图
这里还是拿的第一个案例做版式结构分析,每一张图片都会有一个对应的位置是图片视觉的中心,那么我们如果需要在图片上做一些文案的排版,我们都要注意做到不影响图片主视觉的部位!
第七种:图片跨页排版分割
图片跨页排版:指的就是图片占据在版面的两个面,大小随意
注意:
01:图片的选择最好是横构图的,并且图片的视觉中心最好不要在跨线边缘,不同排版方式的图片选择不一样的构图方式,视觉效果会更佳
02:对于文案较多的,我们尽量做到有大标题和小标题,便于用户直接找到自己感兴趣的话题进行下一步浏览!
案例演示:
版式设计——简单7种图片排版方式

文章插图
版式结构分析:
版式设计——简单7种图片排版方式

文章插图
对于跨页的排版方式也是有很多种,可以出血几条边,也可以在版面中的各个位置,同样的也是要根据自己需求实际情况而排版,图片和文案交错排版会使整个版面更加美观和有呼吸感,最好不要一块全是图片的堆积,另一块全是文案的排版