![Photoshop CC 2015课堂实录](https://wfqqreader-1252317822.image.myqcloud.com/cover/723/26793723/b_26793723.jpg)
上QQ阅读APP看书,第一时间看更新
3.1 版面编排的构成模式
版面编排是指将图形、文字和色彩等各种视觉传达要素进行合理配置和设计。版面设计包含以下几种形式。
- 标准型:一种基本的、简单而规则化的版面编排模式,如图3-1所示。图形在版面中上方,并占据大部分位置,其次是标题,然后是说明文字等。观众的视线以自上而下的顺序流动,符合人们认识思维的逻辑顺序,但视觉冲击力较弱。
![](https://epubservercos.yuewen.com/6999C9/15253387804117106/epubprivate/OEBPS/Images/Figure-P48_60272.jpg?sign=1738873015-olOQsIsuaN5DgHPEm4mAllJgNTej6Ulj-0-7ded8c3e48735ca2868c98bac47c096a)
图3-1
- 标题型:标题位于中央或上方,占据版面的醒目位置,往下是图形、说明文字,如图3-2所示。这种编排形式首先让观众对标题引起注意,留下明确的印象,再通过图形获得感性形象认识。
![](https://epubservercos.yuewen.com/6999C9/15253387804117106/epubprivate/OEBPS/Images/Figure-P48_60275.jpg?sign=1738873015-Jvfcsit2bonhSURV1axSCsTYlzyA3NXb-0-0a42972d098a735f5e309130b707871b)
图3-2
- 中轴型:一种对称的构成形态,如图3-3所示。版面上的中轴线可以是有形的,也可以是隐形的。这种编排方式具有良好的平衡感,只有改变中轴线两侧各要素的大小、深浅、冷暖对比等,才能呈现出动感。
![](https://epubservercos.yuewen.com/6999C9/15253387804117106/epubprivate/OEBPS/Images/Figure-P48_60273.jpg?sign=1738873015-tvpwwneOtvQb9yCdOrPplvArzQ9wTtf4-0-de6d44f35ef68b48ebe6c0e35def35a7)
图3-3
- 斜置型:一种强力而具有动感的构图模式,它使人感到轻松、活泼,如图3-4所示。倾斜时要注意方向和角度,通常从左边向右上方倾斜能增强易见度,且方便阅读。此外,倾斜角度一般保持30°左右为宜。
![](https://epubservercos.yuewen.com/6999C9/15253387804117106/epubprivate/OEBPS/Images/Figure-P48_60276.jpg?sign=1738873015-51UeaU2rzoMvNkTWAcYp3qtUA0KbuxOt-0-1e250b5933d1f60fad053119775f3f72)
图3-4
- 放射型:将图形元素纳入放射状结构中,使其向版面四周或某一明确方向做放射状发散,有利于统一视觉中心,可以产生强烈的动感和视觉冲击力,如图3-5所示。放射型具有特殊的形式感,但极不稳定,因此,在版面上安排其他构成要素时,应做平衡处理。
![](https://epubservercos.yuewen.com/6999C9/15253387804117106/epubprivate/OEBPS/Images/Figure-P49_60282.jpg?sign=1738873015-0WpqpvpTOLGrLBnkjTiwTyB81srqps6z-0-d3ce7354f028be807e9970b44b5415df)
图3-5
- 圆图型:在几何图形中,圆形是自然的、完整的、具有生命象征意义,在视觉上给人以庄重、完美的感受,并且具有向四周放射的动势。圆图型构成要素的排列顺序与标准型大致相同,这种模式以正圆形或半圆形图片构成版面的视觉中心,如图3-6所示。
![](https://epubservercos.yuewen.com/6999C9/15253387804117106/epubprivate/OEBPS/Images/Figure-P49_60284.jpg?sign=1738873015-sgLE3Ch64P2NZFdCt8E2NY6yUIeWT7QJ-0-b9c6f34cb02a6cfb46bed521b584cbaf)
图3-6
- 重复型:在版面编排时,将相同或相似的视觉要素多次重复排列,重复的内容可以是图形的,也可以是文字的,但通常在基本形和色彩方面会有一些变化,如图3-7所示。重复构图有利于着重说明某些问题,或是反复强调一个重点,很容易引起人们的兴趣。
![](https://epubservercos.yuewen.com/6999C9/15253387804117106/epubprivate/OEBPS/Images/Figure-P49_60283.jpg?sign=1738873015-oSsdzjrZcUuiHRRJpn6F0NlSPmKelLE7-0-45a3c52f6effd907402c8537ee27eef0)
图3-7
- 指示型:利用画面中的方向线、人物的视线、手指的方向、人物或物体的运动方向、指针和箭头等,指示出画面的主题,如图3-8所示。这种构图具有明显的指向性,简便而直接,是最有效的引导观众视线流动的方法。
![](https://epubservercos.yuewen.com/6999C9/15253387804117106/epubprivate/OEBPS/Images/Figure-P49_60285.jpg?sign=1738873015-qDHugehAf1BQ3PEJLrBdGUMfKLyTr5VK-0-8e2b0d7ebb95758cd729ab8acb70fc00)
图3-8
- 散点型:将构成要素在版面上做不规则的分散处理,看起来很随意,但其中包含着设计者的精心构置,如图3-9所示。这种构图版面的注意焦点分散,总体上却有一定的统一因素,如统一的色彩主调或图形具有相似性,在变化中寻求统一,在统一中又具有变化。
![](https://epubservercos.yuewen.com/6999C9/15253387804117106/epubprivate/OEBPS/Images/Figure-P50_60289.jpg?sign=1738873015-FdfwYq4vIjQ6tAzbe4L65MApHvCXIFe0-0-17b79f8cb7638a2038988e88c7c060ce)
图3-9
- 切入型:一种不规则的、富于创造性的构成方式,在编排时刻意将不同角度的图形从版面的上、下、左和右4个方向切入版面,而图形又不完全进入版面,如图3-10所示。这种编排方式可以突破版面的限制,在视觉心理上扩大版面空间,给人以空畅之感。
![](https://epubservercos.yuewen.com/6999C9/15253387804117106/epubprivate/OEBPS/Images/Figure-P50_60291.jpg?sign=1738873015-jeG3aOpqVvSwi2ZT3Jdl55Z6vvCQNNuB-0-bbf0239b1eeae518052abac9656643c5)
图3-10
- 交叉型:将版面上的两个构成要素重叠之后进行交叉状处理,交叉的形式可以呈十字水平状,也可以根据图形的动态做一定的倾斜,如图3-11所示。
![](https://epubservercos.yuewen.com/6999C9/15253387804117106/epubprivate/OEBPS/Images/Figure-P50_60292.jpg?sign=1738873015-Gx4dgVJRkNs7NP0iSqgSthafVwpRXMlk-0-e203f0d7cc7d55d95766785d8031d31d)
图3-11
- 网格型:将版面划分为若干网格形态,用网格来限定图、文信息的位置,版面充实、规范、理性,如图3-12所示。这种划分方式综合了横、纵型分割的优点,使画面更富于变化,且保持条理性。
![](https://epubservercos.yuewen.com/6999C9/15253387804117106/epubprivate/OEBPS/Images/Figure-P50_60290.jpg?sign=1738873015-wyXtdkcibzaL2xjtHPAatQHFp4nE9iE2-0-a391f9472c4e115feda994153a482f29)
图3-12
小知识:错视现象
在视觉活动中,常常会出现看到的对象与客观事物不一致的现象,这种知觉称为“错视”。错视一般分为由图像本身构造而导致的几何学错视、由感觉器官引起的生理错视,以及心理原因导致的认知错视。几何学错视—弗雷泽图形:它是一个产生角度、方向错视的图形,被称作“错视之王”,漩涡状图形实际是同心圆。
生理错视—赫曼方格:如果单看,这是一个个黑色的方块,而整幅图一起看,则会发现方格与方格之间的对角出现了灰色的小点。
认知错视—鸭兔错觉:既可以看作是一只鸭子的头,也可以看作是一只兔子的头。
![](https://epubservercos.yuewen.com/6999C9/15253387804117106/epubprivate/OEBPS/Images/Figure-P50_60293.jpg?sign=1738873015-1vjGUEcAXfHFz7mGCNWoKRJlAlE1nwkR-0-46efac1a5f218fe28fc351bff8fae51b)