版式设计（第二版）课件：版式设计中图片的编排

版式设计中图片的编排为了更好地进行视觉传达，各类报纸、广告、包装、杂志及

网络中都充满了各种各样的图片。

但是，没有创意的图片很难抓住

人们的眼球。因此，版式设计中

图片的编排对版面效果有非常大

的影响。图3-2-1所示为以图片

为主的版面。

版式设计中图片的编排图3-2-

1

以图片为主的版面9一

、图片的位置图片的位置直接关系到版面的布局。恰到好处地编排图片，有助于提高版面的视觉冲击力。版面中的左右上下及对角线的四角都是视线的焦点。在这些靠近版面边角的地方恰到好处

地放置图片，可提高版面的视觉冲击力，如图3-2-2所示。图片居中放置也是常用的版式设计手段。图片居中放置时，图片将作为版面的主体，因此，

图片在色彩、形式、大小等方面要醒目、表现主题，如图3-2-3所示。

版式设计中图片的编排

版式设计中图片的编排CoSTEX3图

3

-

2

-

2

在版面边角处放置图片的版面LEIS

cO

RIDE

A

BIEE0SAKA1APASFCSI1

INA1EVEST04/24087244

i

1SZ1ENINXISK7IIE17M/EVSThe

nation

becomesWORLD

CLASS二

地三三

版式设计中图片的编排

图3

-

2

-

3

图片居中放置的版面

版式设计中图片的编排二、图片的面积图片面积的大小直接关系到版面的视觉效果和情感的表达。

一般来说，重要的、吸引浏览者的图片要放大，次要的图片要缩小，以使版面主次分明。这也是版式设计的基本原则。1.大图片图片面积大，容易引人注目，感染力强，能给人以愉悦感。大图片通常用来展现细节，如

人物表情、手势、某个对象的局部特写等，它能迅速传递图片信息，使人产生亲切感，如图

3-2-4所示。版式设计中图片的编排BODYStick

Em

UpThey

camepusicand

puly,sheerand

cheat.But

whichbndagesworkbest?Thesefourkiedswlhaneyoucovered口PE

BO

KVT

TAl

p

qnp

thebayia0mr图3-2-4

使用大图片的版面2.小图片将小图片插入字群中可使版面显得简洁而精致，有点缀和呼应版面主题的作用。但同时也容易给人拘谨、不灵动的感觉。在进行版式设计时，版面中若只有大图片而无小图片或文字，版面就会显得空洞；但若只

有小图片而无大图片，版面又会缺乏生气，显得呆板。只有合理的穿插、组合大小图片才能

使版式设计恰到好处，如图3-2-5所示。

版式设计中图片的编排所

，

电urew

曾

.n

*地.

9n

-.

.”..t*n.

印值1r.a¥

ta..三

.

nsnnietatrn-ausL,

.德**:

情长一t

*A,fas

用

.47c

x.

有*共tant-nns8,t.

二第

..39

林*e.

资-+.共ntn6ne(6法三法0n

痛：u

7

-

初9

4

-w

来进

0

三前排然

.

核*a

.9.

a-9k.ra

08z8i.流ik

s裤

.

主./e-

从

8

3

*

K

,林

8.

a.t4

版式设计中图片的编排.进6.n

联

c,s8.大s.97..I一

ia7.

抽E1

.A.5当

.本i昆明老街

记忆里滋味依旧/rh

s)图3

-

2

-

5

大小图片搭配合理的版面n,-t.c养初.nn，.99

ta.十7.2X

18.起P.4一-三、图片的数量一个版面中图片数量的多少，并不是设计者随意决定的，而是版面的内容决定的。图片的数量多少，会影响到浏览者的阅读体验。如图3-2-6所示，相对于只有一张图片的版面，有两张图片的版面较为活跃，同时还出现

了对比的格局。版面图片增加到三张及以上，就能营造出很热闹的版面氛围，普及性的、热

闹的和新闻性强的读物适合在版面中放置多张图片，有多张图片的版面如图3-2-7所示。

版式设计中图片的编排

版式设计中图片的编排e*nntawacaumtieewi

h

nal

aittaiagn

nacngriysLautdiaiha

iuuLquny

myin

at

8bh

MLc.Ihu

it

04latugieaoy

nadenwnpnne00eetwenewan图3-2-6

有一张图片的版面和有两张图片的版面cwion

te

rde

htmmiuluauustslnuhh二*2n7用9.-*。iH838.用树

厚F核血n.nl1

e*ie88*56*.

*ii.5P

版式设计中图片的编排图3-2-7

有多张图片的版面四、图片的形状1.方形方形图片的图形是以直线边框来规范

和限制的，是一种最常见、最简洁的图片

形态。配置方形图片的版面有稳重感、严

谨感和静止感，如图3-2-8所示。

版式设计中图片的编排springpromotiononnowTribu

immersesyouin

discreetluury,in

tmelessbpuredeslgn.

TRIBU图3-2-8

配置方形图片的版面2.三角形三角形图片分为正三角图片和倒三角图片，

这两种图片给人的感受是完全不同的。正三角

形图片能让人联想到山峰、金字塔等，能够给

人以稳定的感觉，在版式设计中，正三角形的

版式设计可使版面更稳定、更安全，让人产生信赖；倒三角形图片则给人以动感和不稳定感。

图3-2-9所示为三角形图片在版式设计中的应用。

版式设计中图片的编排图3-2-9

有兰角形图片的版面3.圆形版面中的单个圆形图片会有极强的集中视线的效果，如图3-2-10所示。同等大小和色相的两个或两个

以上圆形图片能够引导人的视线，如图3-2-11所示。

版式设计中图片的编排图3-

2-

11

有多个同等大小和色相的圆形图片的版面图3-

2-

10

有单个圆形图片的版面五、经特殊处理的图片的类型1.退底图退底图就是将图片中的背景去掉，使图中主体单独呈现出来的一种图片。退底图自由而突

出，更具个性，给人的印象更深刻。使用退底图的版面显得轻松、精致，如图3-2-12、图3-

2-13所示。

版式设计中图片的编排GETrealWhattarnwwmtbofistusimateriasottstyefmwthirghandoahdtbaingrDnded

ty

yeienebesuteawodrui

ealningeect

版式设计中图片的编排留人/王小主语方!国文化查贝会合位/中国文化导会，可世

z

和会CHINESECULTURALARTEXHIBITION图3-2-12

使用退底图的版面12017s.12.15—

12.30mam景德镇陶瓷艺术图3

-

2

-

13使周进底图的版面2展览时间STYLE

sPOT2.化网图化网图是指为了达到某种效果

将完整的图片进行分层处理而形成

的图片，如图3-2-14所示。

版式设计中图片的编排图3-2-14

使用化网图的版面

版式设计中图片的编排3.特殊图特殊图是指为了达到某种效果将图片组合、

创造性加工处理而形成的新的图片。使用这种特

殊图的版面新颖、独特，如图3-2-15所示。图3-2-15

使用特辣历的版面

版式设计中图片的编排六、图片的组合1.块状组合块状组合是将多幅图片用水平线、垂直线分割，

使图片在版面中整齐有序地排列成块状，这种图片组

合方式给人以整体感、严肃感、理性感和秩序感，如

图3-2-16所示。4hmflirestnckandaMinayMTLfiest

n,hhgesrnenidevuanohentrtaanetanS.Lj

thl

dtihelpMNubo

GmunstosnTDrtMinnesota

StateFairAugust21-September1,2008图3-2-

16

图片块状组合的版面2.散点组合散点组合是将图片分散排列

在版面的各个部位，使版面充满

轻快自由之感。图片编排使用散

点组合时应注意图片的大小、图

片的主次等，同时还应考虑图片

的疏密、均衡、视觉方向等，如

图3-2-17所示。

版式设计中图片的编排