![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=1738892618-rQT6poeA363DSMQBhdiGl4LB5qayQGYC-0-38286bf12dc3b27d6d92115dd7a2ffdc)
图3-1
- 标题型:标题位于中央或上方,占据版面的醒目位置,往下是图形、说明文字,如图3-2所示。这种编排形式首先让观众对标题引起注意,留下明确的印象,再通过图形获得感性形象认识。
![](https://epubservercos.yuewen.com/6999C9/15253387804117106/epubprivate/OEBPS/Images/Figure-P48_60275.jpg?sign=1738892618-9xNEGyTczaD9GYioR7d2RxZAYP036G2C-0-9972965da2c658f26226707b5246348b)
图3-2
- 中轴型:一种对称的构成形态,如图3-3所示。版面上的中轴线可以是有形的,也可以是隐形的。这种编排方式具有良好的平衡感,只有改变中轴线两侧各要素的大小、深浅、冷暖对比等,才能呈现出动感。
![](https://epubservercos.yuewen.com/6999C9/15253387804117106/epubprivate/OEBPS/Images/Figure-P48_60273.jpg?sign=1738892618-PUzc3xMkajMWnXmRlzwd5i47yrXhUdhu-0-0f33650e26f2d1fe1f1c73098cfe0484)
图3-3
- 斜置型:一种强力而具有动感的构图模式,它使人感到轻松、活泼,如图3-4所示。倾斜时要注意方向和角度,通常从左边向右上方倾斜能增强易见度,且方便阅读。此外,倾斜角度一般保持30°左右为宜。
![](https://epubservercos.yuewen.com/6999C9/15253387804117106/epubprivate/OEBPS/Images/Figure-P48_60276.jpg?sign=1738892618-EC9JQNTGTj2l89FHZ7Egapa6GjX6esfm-0-a3e44a1b5c584a4452ff834dc64a76b2)
图3-4
- 放射型:将图形元素纳入放射状结构中,使其向版面四周或某一明确方向做放射状发散,有利于统一视觉中心,可以产生强烈的动感和视觉冲击力,如图3-5所示。放射型具有特殊的形式感,但极不稳定,因此,在版面上安排其他构成要素时,应做平衡处理。
![](https://epubservercos.yuewen.com/6999C9/15253387804117106/epubprivate/OEBPS/Images/Figure-P49_60282.jpg?sign=1738892618-TL4mS4rPgcuEefoNXg4CAFK6WEgKUvJm-0-5a338ecf76ee12b242337372f60b6d8c)
图3-5
- 圆图型:在几何图形中,圆形是自然的、完整的、具有生命象征意义,在视觉上给人以庄重、完美的感受,并且具有向四周放射的动势。圆图型构成要素的排列顺序与标准型大致相同,这种模式以正圆形或半圆形图片构成版面的视觉中心,如图3-6所示。
![](https://epubservercos.yuewen.com/6999C9/15253387804117106/epubprivate/OEBPS/Images/Figure-P49_60284.jpg?sign=1738892618-xigCf8ZFNIDZs5C8h7uot6a6dKKJI7g7-0-70bbce112d8b03601d0070c6a8814d6a)
图3-6
- 重复型:在版面编排时,将相同或相似的视觉要素多次重复排列,重复的内容可以是图形的,也可以是文字的,但通常在基本形和色彩方面会有一些变化,如图3-7所示。重复构图有利于着重说明某些问题,或是反复强调一个重点,很容易引起人们的兴趣。
![](https://epubservercos.yuewen.com/6999C9/15253387804117106/epubprivate/OEBPS/Images/Figure-P49_60283.jpg?sign=1738892618-tVRGXf7Mdfum5rhTJ0NkCJZBIoXYPuUF-0-5d1859c3a82e599e367c7b405f5f28b9)
图3-7
- 指示型:利用画面中的方向线、人物的视线、手指的方向、人物或物体的运动方向、指针和箭头等,指示出画面的主题,如图3-8所示。这种构图具有明显的指向性,简便而直接,是最有效的引导观众视线流动的方法。
![](https://epubservercos.yuewen.com/6999C9/15253387804117106/epubprivate/OEBPS/Images/Figure-P49_60285.jpg?sign=1738892618-ktNYWD2nW1cbxwzt418O2y60UvTnA8Wc-0-5863fba08d33c62dddb0d07776546b44)
图3-8
- 散点型:将构成要素在版面上做不规则的分散处理,看起来很随意,但其中包含着设计者的精心构置,如图3-9所示。这种构图版面的注意焦点分散,总体上却有一定的统一因素,如统一的色彩主调或图形具有相似性,在变化中寻求统一,在统一中又具有变化。
![](https://epubservercos.yuewen.com/6999C9/15253387804117106/epubprivate/OEBPS/Images/Figure-P50_60289.jpg?sign=1738892618-j42wdqegoaxOUnv6dPpKtdMJCiTjFkMJ-0-eef10b9fe2b674b22e2b2f945c118afb)
图3-9
- 切入型:一种不规则的、富于创造性的构成方式,在编排时刻意将不同角度的图形从版面的上、下、左和右4个方向切入版面,而图形又不完全进入版面,如图3-10所示。这种编排方式可以突破版面的限制,在视觉心理上扩大版面空间,给人以空畅之感。
![](https://epubservercos.yuewen.com/6999C9/15253387804117106/epubprivate/OEBPS/Images/Figure-P50_60291.jpg?sign=1738892618-1rp5IM0iLdxRhaBtAnGuU2hIX9J6P8U8-0-6d98d617aa2b5c958d4fdfc3326d2e7f)
图3-10
- 交叉型:将版面上的两个构成要素重叠之后进行交叉状处理,交叉的形式可以呈十字水平状,也可以根据图形的动态做一定的倾斜,如图3-11所示。
![](https://epubservercos.yuewen.com/6999C9/15253387804117106/epubprivate/OEBPS/Images/Figure-P50_60292.jpg?sign=1738892618-ndhL5eq0H2WRacm9NMnOxbEj5FvQaGoy-0-67d5feedf86617f46ace0ae2322d27db)
图3-11
- 网格型:将版面划分为若干网格形态,用网格来限定图、文信息的位置,版面充实、规范、理性,如图3-12所示。这种划分方式综合了横、纵型分割的优点,使画面更富于变化,且保持条理性。
![](https://epubservercos.yuewen.com/6999C9/15253387804117106/epubprivate/OEBPS/Images/Figure-P50_60290.jpg?sign=1738892618-UfVwrBSxvzt7r6UcGrYTxS3UKo9zlYd5-0-cb905ff95d85a6ed72dd054d98d087b6)
图3-12
小知识:错视现象
在视觉活动中,常常会出现看到的对象与客观事物不一致的现象,这种知觉称为“错视”。错视一般分为由图像本身构造而导致的几何学错视、由感觉器官引起的生理错视,以及心理原因导致的认知错视。几何学错视—弗雷泽图形:它是一个产生角度、方向错视的图形,被称作“错视之王”,漩涡状图形实际是同心圆。
生理错视—赫曼方格:如果单看,这是一个个黑色的方块,而整幅图一起看,则会发现方格与方格之间的对角出现了灰色的小点。
认知错视—鸭兔错觉:既可以看作是一只鸭子的头,也可以看作是一只兔子的头。
![](https://epubservercos.yuewen.com/6999C9/15253387804117106/epubprivate/OEBPS/Images/Figure-P50_60293.jpg?sign=1738892618-dIR8qyRI8L6xT7AwvU0O4EqIFaKoVwap-0-55a6eec6c5e285ea79e534998d8e79f2)