網(wǎng)站模板Banner圖是設(shè)計(jì)師們著重注意的地方，而Banner的圖文排版是網(wǎng)站模板設(shè)計(jì)的重要技巧之一，首先，你要找到一張精美的圖片，并給他配上相應(yīng)的文案，如果這些都準(zhǔn)備好了，就可以著手進(jìn)行圖文排版了。網(wǎng)站模板Banner的圖文排版主要有兩種模式，今天小編跟大家詳細(xì)講解這兩種模式。

一、割據(jù)屏幕的排版模式

割據(jù)屏幕的排版模式指的是圖片與文案分別占據(jù)Banner的兩邊，互不干擾又相互補(bǔ)充說明。這種排版模式同時(shí)強(qiáng)調(diào)圖片與文案的存在，考慮到用戶的角度，用戶是習(xí)慣性的從左往右閱讀內(nèi)容，網(wǎng)站模板將這兩者結(jié)合在一起，充分把Banner圖要傳達(dá)的信息展示出來。

這種網(wǎng)站模板設(shè)計(jì)著重于圖文的相關(guān)性，不管是在內(nèi)容上還是在顏色設(shè)計(jì)上，要做到文字排版與圖片相互關(guān)聯(lián)，即注意文案的顏色與圖片相近，大小體現(xiàn)主次之分，字體符合圖片風(fēng)格，對齊方式符合用戶的閱讀習(xí)慣。

二、堆疊排版

圖文堆疊排版的模式變化形式較豐富，排版靈活，給用戶帶來不同的視覺內(nèi)容或感受，網(wǎng)站模板中大多以大圖為背景，文案或排版在圖片的留白區(qū)域，或在圖片疊加的圖層或色塊上排版等。堆疊排版圖文，要注意文案排版時(shí)是否遮蓋了圖片的內(nèi)容，進(jìn)行適時(shí)的調(diào)整，還有一點(diǎn)，要注意突出文案，這可以通過強(qiáng)化文案的顏色，使之與圖片顏色形成對比的方式。

網(wǎng)站模板不管使用那種圖文排版方式，都要考慮到文案的可讀性與易讀性，和頁面整體效果是否出彩，局部排版要服務(wù)于整體效果的，這樣的網(wǎng)站模板Banner圖設(shè)計(jì)的才巧妙！