分享

图片并置的应用

 滿世界的謊言 2017-11-23









将多个同级别的相关元素并排放置在一起

在强调对比或统一等关系时经常使用




『 不仅可以凸显出差异部分 』




『 也能明确不同事物的相似之处 』











在大部分编排设计的场景中,都会出现具有并列关系的内容,包括多个品牌合作时,标志的平行并列编排;以及设计书籍画册时,图片的并置。那么在遇到这种情况时,需要注意哪些关键点呢?



我们以人物图片的并置为例并加以说明,人物并排放置的编排形式,在企业“团队介绍”中应用较为广泛,上图中将各个人物的照片进行简单组合排列,但得到的结果却不如人意。不光照片的比例大小不统一,照片内容更是大大小小,这使得整个版面显得凌乱不堪。




我们首先要解决的问题就是图片的比例问题,将图片的轮廓统一成均等的尺寸,这个大小可能会根据版面中使用的网格构架或某种特定尺寸来确定。其次,图片内部的人物大小也需要统一,将人眼位置放置在近似黄金分割的位置会让整体显得更加自然一些,并根据视觉对齐人物头部的大小和位置。




我们看经过调整后的图片,在统一性上相较于之前来说已经好了很多,但是多少还是有些混乱的印象。


我们还能够继续优化吗?经过分析,照片的背景部分大致分为:深灰色、浅灰色、纯白色以及复杂的场景。再加上人物的肤色以及衣服的不同色彩,这些因素都会导致元素在并列关系中出现混乱感。




将图片统一色调(或去色)可以有效建立统一感,提升元素之间的关联属性。针对于上述图例,统一图片的背景色也是不错的选择,能够有效建立图片之间的呼应关系。






根据以上的例子总结出三个规范并置图片的方法,分别是统一图片的高度与宽度,使图片之间在外形上是均等的;并且统一多张照片的内容,如人物脸部的朝向,物体的大小以及拍摄角度等;在此基础上,统一图片的色调也是为了得到更好的整体性。



这是画册对开页中的一组并置图片,它们运用了相同的比例大小以及统一的侧身拍摄角度,同时在色调上也非常接近。



这个版面中,图片就采用了相同的色调处理,在比例高度上也很近似,这为整个版面建立了统一效果,图与图之间形成了无形的呼应关系。



在这个跨页案例中,铺满了并置关系的图片,它们的大小相等,在整体色调上也是偏向冷色系的绿色。连被拍摄物体与镜头的距离也被统一了。



并置图片的应用还远不止于展现事物之间的差异与统一,将多个看似不相关的图片加以组合,更能得到意想不到的效果。接下来我们来一起了解一下蒙太奇理论。






最早期的电影是从头到尾一直拍摄的,由完全不切不剪的镜头组成。例如1895年拍摄的《火车进站》,当时的电影被评为完全没有前途的发明,直到蒙太奇的出现,电影才成为了我们今天所看到的电影。



蒙太奇源于法语“Montage”,就是建筑中的元素拼接。起源于苏联,在电影领域可以理解成剪辑。是打破戏剧框架,将两段不同空间的画面拼接在一起的叙事手法,在电影《最后一分钟营救》中女演员被绑住的镜头,和一群人策马狂奔的画面,不断重复交叉剪辑,营造出了紧张气氛。




上图中,是电影《鹰爪铁布衫》经典的蛋碎片段。由四个不同的画面组成,通过剪辑的手法拼接在了一起,观众能自觉地将其联系起来,远大于单个镜头本身所能表达的东西。






二十世纪九十年代初的苏联导演库里肖夫做了一个实验:将面无表情的男演员,分别与下列三个不同的镜头放到一起,放给三组不同的人看,并询问他们的反应。



当莫兹尤辛和汤的镜头组接到一起时,人们说从男演员的眼里看到了对食物的渴望。



当同躺着的女人组接到一起时,人们又说从男演员的眼神里看到了强烈欲望。



当和哭倒在棺材上的女人组接到一起时,人们说从男演员的眼里看到了同情和悲伤。






在平面设计中,这种蒙太奇的并置手法也相当常见,左侧女孩的两幅图片形成了动态的叙事效果,中间的海报给人具有创意与趣味的印象,右侧的电影海报则以特写与宏观场景的并置,点明了影片的主旨《海上钢琴师》。



这是画册的内页设计,左右版面并置不同的图片,图中左页是一团烟雾,右侧是拿着香烟的女人,两张看似不相关的图片,在“香烟”与“烟雾”的呼应下,达到了给人上下文相关联的叙事效果。






将具有关联性的元素并置组合,也是蒙太奇在平面设计领域的一种应用,它能够让人联想到与之相关的其他概念。如上图中,将玫瑰花与钻戒并置,会给人婚姻的联想。



想要对比一个事物在不同时间的状态,也可以使用并置的手法来表现。正如图中的“橙子”一样。运用并置的手法来对比元素之间的差异,也是产品与广告等领域常用的手法。正如先进与未来,产品使用前后等。



对谈类话题栏目,或是比赛类内容来说,采用并置的手法表现也是一个不错的选择。它能够充分展现出双方势均力敌的气势感。人物的朝向也想当讲究,人脸都朝向内侧,代表了相互惊觉或互相尊重;而双方朝向相反位置,则大多数是为了表现双方的不和。



上图中是平静与喧闹的并置,图书馆通常给人的印象是安静的,而舞厅通常的印象却是嘈杂的。将不同场景并置编排,人们就能够明显察觉到想要表达的内容。



我们也可以利用同一现象下的不同含义为对比的对象。比如:大肚子出现在女人身上,会给人孕妇的印象。而出现在男人身上,则会变成“啤酒肚”。我们将两种形式相似,但含义又不同的图片并置,则能够产生有趣的对比效果。



这是金曲奖最佳唱片包装奖《感官/世界》的内部海报,设计师采用四张并置的照片作为海报的主体形象。内容则是“噪声”与“安静”的对比。






同构现象,是视觉美学中的一个概念,上图中运用了蒙太奇式的图片,并采用同构的手法将主体轮廓并置拼接,从而产生创意性效果。需要注意的是,我们需要找出不同事物之间的相似部分,才能达到良好的拼接效果。



与上方采用轮廓同构的手法类似,我们也可以通过同一主体来衔接不同的场景。通过不同场景的并置处理来达到想要表达的效果,直观的展现出不同场景之间的差异,如:时间前后、体验前后等等差异或联想。








接下来进入案例演示环节,文案内容是原研哉先生的著作《为什么设计》中原研哉与阿部雅世之间的对谈记录。将两人的头像照片以并置的手法安排到版面中,选择暗色调与淡色调的色差形成明确反差,同时侧身照与正身照的不同角度也为版面带来了对比效果。将版面水平分割成上下两个区域,将暗色调照片放置到版面底部以免产生头重脚轻的印象。




在视觉心里上来说,将分割位置稍稍向上提升一些,会更加符合人们的心理倾向。因为几何上的上下比例相等其实看上去会有坠落感。同时为了让两张照片在视觉观感上更和谐,我们统一人物头部的大小以及色调。




在垂直方向上,运用比例网格来规范人物头部与页面比例之间的关系。这里选用黄金分割比例作为依据来调节页面与头部的比例关系。也就是说,人物头部的大小与两侧的比是1.618:1的关系。




网格规范好后,我们开始文案信息的编排工作。根据之前版面划分的安排来看,人物头像左右的空白区域是摆放文字信息的绝佳位置。首先确定好主标题的位置,决定选用将主标题竖排编排根据阅读逻辑,竖向编排的文字在右上角向左下角阅读会更舒适,将主标题安排在版面右上位置,并尽量呼应右侧的负空间形状,接下来添加英文信息到主标题的顶部,以此形成一个稳定的结构。



在主标题与英文之间的空白处加入原版日文翻译,顶部的组合就基本稳定了。接下来,我们处理副标题的部分,讲文字划分好层级后编排到版面中,文字高度与底部图片高度的比依然为黄金分割比,并且文字组合的高度也重复的设定在底部图片的黄金分割线的位置上。叙述性文字则安静的编排到版面右下角与网格线对齐即可。




首先将版面划分为四等分,根据底部图片的中心位置,也就是人物眼睛的平行位置放置文字信息,同时顶部则安排这段文字的日文信息,这里需要注意的是留白完整性,如果将整个区域全都填满的话,反而会影响到文字的传播效率,适当留出喘息的空间,也是版面编排的要点之一。



在划分出两左右区域中继续重复这个比例,并加入其余文案信息,相同的比例宽度有助于建立链接感,将上下两张图片连接到一起。最后调整一下细节部分,这个版面的编排设计就完成了,接下来看一下最终效果。











阿拉伯的乌德琴传到了中西方,形成了现在的吉他与琵琶,分别形成了鲜明的特色与外形。两种乐器的合奏,更可以理解为东西方音乐文化的碰撞,这里选用吉他与琵琶的图像作为版面的主体元素,暗喻两个演奏家的不同属性。




为了版面最终效果的视觉美观度,我们将吉他与琵琶进行简单修饰,增强质感与光影对比,降低琴身色调以提升格调与品质感。经过分析,两者的轮廓结构基本呈轴对称,我们可以采用同构的手法将吉他与琵琶结合成一组创意元素,并且并置的效果也很好的对比出了两者的差异性。




主形象设计好后,将其置入版面中的居中位置,并添加投影来加强体积感。作为版面中的主体形象,它应该是第一眼就可以被观看到的元素,为了得到良好的视认性,我们将主形象放大处理,撑满版面。并采用黑色背景作为版面的主色。




从主标题中提取出关键词「琵琶·吉他」作为文字主体放置到版面顶部,位于整个版面的二分之一高度。从图片中提取最亮的颜色作为文字的色彩。因为汉字结构的不同,「吉他」左侧的空白区域显得过大,我们将符号中圆点「·」作为版面中的点缀元素与吉他/琵琶的英文组合来填充这个区域。至此顶部文字组合就完成了。




接下来将其余文字按照强中弱的层级次序编排到版面中,这里需要注意的是文字的轮廓与负空间之间的呼应关系。




最后将演奏者的名字对应在主形象左右两侧,这个版面就完成了,最后可以根据网格系统规范一下版面的结构与比例关系,使其更具秩序感与统一性。









这是同构并置的另一个例子,航拍飞行器最重要的属性就是飞行的稳定性,能够适应不同的环境,这里通过白天与夜间之间不同场景的转换来突出产品的稳定与可靠。为了让产品融入不同的场景,首先要做的就是将其退底处理,也就是常说的抠图。



选择上图中的这两张图片作为产品的背景,通过将两张图并置处理,以此对比出不同场景下的差异效果。产品位于版面衔接位置,作为两个场景的连接点,将两个不同的场景串联到一起,并产生整体感。



将两张照片中的线条合理的拼接在一起,是场景并置中需要注意的要点。为了避免呆板的印象,这里采用倾斜的衔接线作为两个场景的切割位置,主形象位于整个版面的正中心位置。



为了让产品更好的融合到场景中,从分割线的位置将产品分离开,左侧调整色彩平衡与其他细节,融入到白天的环境中。右侧调整明度与饱和度等细节,来融入到夜间的环境,注意这里灯光在夜间的光晕,也是非常必要的细节部分。



我们继续刻画这个画面,添加镜头部分的细节,以及指示灯的亮度。左侧天空中加入飞翔的小鸟来填充这部分的空白。



运用比例规范一下之前摆放好的位置,使画面在观感上显得更自然一些。接下来将标题文字编排到版面中,与产品形成组合。为了进一步提升文字的大小,将文字处理成层叠样式,人们会自动脑补出被遮挡的部分,这样为版面添加了层次感。



最后,将其余信息划分好层级关系后,依次编排到版面中,并运用网格规范细节,这个版面就完成了,接下来看一下最终效果。








本期我们学习了并置在平面设计中的应用与技巧,了解了图片统一外观的方式以及对比的应用场景。我们也知道了蒙太奇理论的基本现象,以及它在平面设计中的表现形式。最后,同构并置的方法也是并置中的进阶与提升,灵活的运用同构并置,能够轻松的创造出具有创意性的版面。最后,希望本期的分享内容能够对您有所帮助。


——— 我们下期见!








本期的随堂小测试为大家准备了3道单选题,请大家根据下面给出的海报选出正确的答案。








    本站是提供个人知识管理的网络存储空间,所有内容均由用户发布,不代表本站观点。请注意甄别内容中的联系方式、诱导购买等信息,谨防诈骗。如发现有害或侵权内容,请点击一键举报。
    转藏 分享 献花(0

    0条评论

    发表

    请遵守用户 评论公约

    类似文章 更多