排版教程，五個(gè)步驟細(xì)說Banner排版

（5）密集，　密集在設(shè)計(jì)中是一種常用的組織圖面的手法，基本形在整個(gè)構(gòu)圖中可自由散布，有疏有密。最疏或最密的地方常常成為整個(gè)設(shè)計(jì)的視覺焦點(diǎn)，他其實(shí)也是對比的一種情況，越密集的地方給人感覺距離越遠(yuǎn)，反之越近。

點(diǎn)的密集

線的密集

面的密集

密集舉例：日本波點(diǎn)女王草間彌生的作品

草間彌生

Banner舉例：

<點(diǎn)圖片看大圖>

（6）發(fā)射，是一種常見的自然現(xiàn)象，太陽四射的光芒就是發(fā)射的。發(fā)射具有方向的規(guī)律性，發(fā)射中心為最重要的視覺焦點(diǎn)，所有的形象均向中心集中，或由中心散開，有時(shí)可造成光學(xué)動(dòng)感，會產(chǎn)生爆炸的感覺，有強(qiáng)烈的視覺效果。

中心點(diǎn)的發(fā)射

螺旋式的發(fā)射

同心式的發(fā)射

發(fā)射舉例：星軌／水波／觀世音菩薩背后自帶的光環(huán)

<點(diǎn)圖片看大圖>

水波

星軌（攝影）

<點(diǎn)圖片看大圖>

每次觀世音菩薩出場總是會自帶光環(huán)（大家小時(shí)候應(yīng)該都比較熟悉這些畫風(fēng)了吧，有點(diǎn)俗氣。。。）

Banner舉例：放射線，使得畫面聚焦到中間部分內(nèi)容。

（7）特異，是指構(gòu)成要素在有次序的關(guān)系里，有意違反次序，使少數(shù)個(gè)別的要素顯得突出，以打破規(guī)律性。

形狀的特異

大小的特異

色彩的特異

方向的特異

肌理的特異

特異舉例：其實(shí)各種類似于連連看的游戲，就是這么個(gè)原理

<點(diǎn)圖片看大圖>

Banner舉例：一家人站成一排，個(gè)頭比較小的那一個(gè)就給人一種特異和俏皮的感覺，使畫面不那么單調(diào)。

（8）空間

利用大?。罕热缃筮h(yuǎn)小。

利用重疊：前后／上下等關(guān)系。

利用陰影：使物體具有立體感／空間感。

利用疏密：比如間隔越小，越密集，感覺就越遠(yuǎn)。

利用透視：平行線由寬到窄。

利用色彩：冷色遠(yuǎn)離，暖色靠近。

利用肌理：越粗糙越近，越細(xì)膩越遠(yuǎn)。

矛盾空間：真實(shí)不存在的空間，假想的。

虛實(shí)關(guān)系：遠(yuǎn)景／中景／近景。

矛盾空間舉例：前段時(shí)間非常流行的一款游戲《紀(jì)念碑谷》。

空間感Banner舉例：畫面中的元素可以假想為一些有大有小的點(diǎn)，然后按一定透視空間規(guī)律擺放（近大遠(yuǎn)?。?/p>

由陰影營造的空間感。

（9）分割，把整體分成小的部分。比如：

等形分割

自由分割

比例與數(shù)量

分割舉例：來自大自然的梯田

<點(diǎn)圖片看大圖>

分割Banner舉例：不同比例大小的色塊組成Banner的背景。

商品的排列也可以起到分割畫面的作用。

（10）肌理，又稱質(zhì)感，由于物體的材料不同，表面的排列、組織、構(gòu)造等不同，因而產(chǎn)生粗糙感、光滑、軟硬感。比如：

筆觸的變化

凹凸不平的肌理

噴繪/染

自帶的紋理效果

肌理舉例：木材等

<點(diǎn)圖片看大圖>

肌理Banner舉例：背景采用噴墨＋涂色的方式形成了一種很時(shí)尚的紋理。

（11）錯(cuò)視，因空間距離或周圍環(huán)境所造成的視覺差。主要有下面幾種：

<點(diǎn)圖片看大圖>

1.繆勒—萊依爾錯(cuò)視

圖中兩條線是等長的，由于上下線段兩端的箭頭方向相反，上線段的箭頭占據(jù)的空間大，所以上面的線顯的較長。

2.垂直線與水平線的錯(cuò)視

大多數(shù)人往往把垂直線看的比水平線要長，這是高估的錯(cuò)覺。在水平線長度為8-10mm時(shí)，這種錯(cuò)覺最大。

3.透視錯(cuò)視

圖中的兩條線是相等的?？雌饋硐旅娴囊蹋且?yàn)橥敢暤腻e(cuò)覺。

4.正方形的錯(cuò)視

標(biāo)準(zhǔn)的正方形左右的邊看上去大于上下的邊。

5.黑白錯(cuò)視

圖中黑白線段，由于白線段明度大，具有膨脹的現(xiàn)象，所以看以來比黑線段長。

6.由于圖形結(jié)構(gòu)的影響而產(chǎn)生的錯(cuò)視

圖中組成三、四、五邊形的邊長都相等，但由于周長和面積的不同，產(chǎn)生邊長的不同。

7.對比錯(cuò)視

高個(gè)子和矮個(gè)子在一起，高的會顯的越高，矮的會顯的越矮。

錯(cuò)視舉例：比如虛實(shí)手繪拼接，比如有些攝影作品

這里要說明的是，錯(cuò)視在一些視差動(dòng)畫的網(wǎng)頁頁面里運(yùn)用的會比較多一些，還有一些app的引導(dǎo)頁，這里Banner舉例的話可能也不太合適，不過也可以給大家看一下：

比如這個(gè)畫面里的黃色圓點(diǎn)，同樣的黃色圓點(diǎn)，在暗色背景上是很突出的，但在同樣是黃色的背景上就幾乎看不見了，但其實(shí)原點(diǎn)是沒變的，只是背景的顏色變了，就導(dǎo)致我們看到了不一樣的結(jié)果。

<點(diǎn)圖片看大圖>

3、了解幾個(gè)常用的平面術(shù)語，如下：

和諧統(tǒng)一／對比突出／對稱／畫面平衡／視覺重心／節(jié)奏韻律

和諧統(tǒng)一：

元素與元素之間，或所有元素構(gòu)成的整體是一種協(xié)調(diào)的關(guān)系，比如大?。伾L(fēng)格等的協(xié)調(diào)。

Banner舉例：整體的明亮色彩，搭配的雨滴小元素，以及雨傘產(chǎn)品和模特裝扮，左中右排版方式都看起來很協(xié)調(diào)統(tǒng)一。

對比突出：