正文

banner圖怎么做

發(fā)布時(shí)間：2023-04-07 08:06:11 稿源：創(chuàng)意嶺閱讀： 135

大家好！今天讓創(chuàng)意嶺的小編來(lái)大家介紹下關(guān)于banner圖怎么做的問(wèn)題，以下是小編對(duì)此問(wèn)題的歸納整理，讓我們一起來(lái)看看吧。

開(kāi)始之前先推薦一個(gè)非常厲害的Ai人工智能工具，一鍵生成原創(chuàng)文章、方案、文案、工作計(jì)劃、工作報(bào)告、論文、代碼、作文、做題和對(duì)話答疑等等

只需要輸入關(guān)鍵詞，就能返回你想要的內(nèi)容，越精準(zhǔn)，寫(xiě)出的就越詳細(xì)，有微信小程序端、在線網(wǎng)頁(yè)版、PC客戶端

官網(wǎng)：https://ai.de1919.com。

創(chuàng)意嶺作為行業(yè)內(nèi)優(yōu)秀的企業(yè)，服務(wù)客戶遍布全球各地，如需了解相關(guān)業(yè)務(wù)請(qǐng)撥打電話175-8598-2043，或添加微信：1454722008

本文目錄:

1、Banner如何進(jìn)行設(shè)計(jì)制作？?
2、如何讓Banner做的更好看？
3、怎么設(shè)計(jì)網(wǎng)頁(yè)banner?
4、如何設(shè)計(jì)出優(yōu)秀的banner作品？

一、Banner如何進(jìn)行設(shè)計(jì)制作？?

3、Banner的整體配色

既然我們想要做一個(gè)好的Banner圖片，那么在配色上，就得下點(diǎn)功夫了，簡(jiǎn)單大氣的配色，可以瞬間讓Banner甚至網(wǎng)站整體，提升一個(gè)檔次。

4、整體的Banner排版

上邊，基本把Banner圖片的排版給確定了，這一步，其實(shí)就是讓我們的Banner圖片變的好看點(diǎn)。以上呢，就是簡(jiǎn)單的步驟，其實(shí)做好Banner圖，很簡(jiǎn)單的。

二、如何讓Banner做的更好看？

①文字排版Banner中的文字信息傳達(dá)應(yīng)與口語(yǔ)表述相似，需要抑揚(yáng)頓挫、重點(diǎn)突出地進(jìn)行。在文字排版上，要求重點(diǎn)突出，大小粗細(xì)錯(cuò)落有致。字與字之間的結(jié)構(gòu)、布局、留白、組織、呼應(yīng)等要疏密有序。字體保持在兩種左右，加入一些跟內(nèi)容有關(guān)聯(lián)的元素或者形狀，可以很好地表達(dá)整個(gè)設(shè)計(jì)的情緒。在明確主題以及內(nèi)容之后，我們就要根據(jù)主題和內(nèi)容來(lái)設(shè)計(jì)版式，版式就是畫(huà)面的整體布局，好的版式能夠清楚的表達(dá)核心思路，正確的展示想要給用戶看的東西；大體上排版一般分為兩種：圖文左右排版和文字居中排版。1、圖文左右排版因?yàn)槲覀兊囊曈X(jué)瀏覽習(xí)慣都是從左往右還有從上到下的，所以我們?cè)谧?Banner 的時(shí)候會(huì)經(jīng)常性的選擇使用左右排版，那么使用左圖右文還是左文右圖也是需要根據(jù)主題和內(nèi)容來(lái)決定的。當(dāng)配圖示意比較模糊的時(shí)候，我們使用左文字右圖的形式，強(qiáng)調(diào)文字的吸引力，有一定指導(dǎo)作用。圖片來(lái)自花瓣這里文字能夠精準(zhǔn)地將信息帶給用戶，文字所占比例比圖片多些，這也解釋了為何大部分左文右圖排版的 Banner 都是文字占比大于圖片。當(dāng)配圖示意比較明確，同時(shí)圖片能夠強(qiáng)調(diào)吸引的時(shí)候，我們采用左圖右文字，如下圖：使用左圖右文字，也是因?yàn)閳D片的內(nèi)容更吸引用戶多一些，所以對(duì)圖像的品質(zhì)要求更高，精致感品質(zhì)感也有要求，這種類型大多使用在家居，護(hù)膚等產(chǎn)品上。小結(jié)：圖文左右排版，以分割排版的方式構(gòu)圖，畫(huà)面有明確的獨(dú)立性和引導(dǎo)性，這種方式留白更多，較好的視覺(jué)引導(dǎo)和方向使信息更明確，更顯品質(zhì)感。 2、文字居中文字居中的排版多用于電商促銷(xiāo)、公眾號(hào)的文章封面等，大多是突出文字的內(nèi)容，比如促銷(xiāo)的折扣，文章的主題等，其余的產(chǎn)品或者圖片都是為了搭配文字做出的氣氛烘托，吸引用戶點(diǎn)擊。圖片來(lái)自花瓣使用這種方式讓畫(huà)面展示規(guī)整穩(wěn)定、醒目大方，視覺(jué)更聚焦，信息更集中，在突出主體的同時(shí)能使整體畫(huà)面具有一定的沖擊力。小結(jié)：文字居中布局對(duì)于實(shí)物（人，商品，創(chuàng)造形象）要求并不高，文字信息本身的處理要求就會(huì)高一點(diǎn)。在確認(rèn)好主題和內(nèi)容后，我們根據(jù)產(chǎn)品所要突出的重點(diǎn)來(lái)決定我們的版式，是要突出文字還是突出產(chǎn)品，突出產(chǎn)品即使用左圖右文字，這種版式對(duì)產(chǎn)品的圖片要求比較高；想要突出文字，則可以選擇左文字右圖或者文字居中排版，但都對(duì)文字的設(shè)計(jì)要求比較高。不確定用什么版式，我們可以在設(shè)計(jì)的時(shí)候不妨多做幾個(gè)版本，大膽嘗試。 ②文字設(shè)計(jì)Banner的文字信息是其表達(dá)中心思想的靈魂，如果在設(shè)計(jì)文字的時(shí)候全部使用自帶字體，會(huì)使 Banner顯得太過(guò)生硬，不富有情感，應(yīng)該更多地采用字體變形，重新組合。通過(guò)不同的筆觸粗細(xì)和寬高比例，展現(xiàn) Banner的視覺(jué)沖擊力和活力。文案內(nèi)容要高效的傳遞信息，吸引用戶注意力，讓人一下子看到主題，文案中文字的排版要區(qū)分主次，把控好信息層級(jí)；使用合適的字體，明確字體適用的場(chǎng)合，同一畫(huà)面中字體的使用盡量不要超過(guò)三種，過(guò)多會(huì)顯得雜亂，要使用識(shí)別度高的字體。而 Banner 中常用的字體有三種：襯線體、非襯線體和書(shū)法體。 1、襯線體襯線體筆畫(huà)有粗細(xì)之分，它模仿的是中國(guó)古代字體和古代碑文上的字體，簡(jiǎn)單且易變形，襯線體能給人古典，經(jīng)典，文藝的感覺(jué)，適合用于文藝氣息的家居用品或文娛類的相關(guān)宣傳設(shè)計(jì)上。圖片來(lái)自花瓣以上圖為例：文案內(nèi)容中的“全面淪陷”，讓人一目了然；下面一行的內(nèi)容，更加詳細(xì)解釋了上面的主標(biāo)題。畫(huà)面顏色凸顯主題，所以字體變形，使用白色，反而在畫(huà)面中更加突出。襯線字體一般推薦使用方正經(jīng)黑簡(jiǎn)體、方正俊黑、方正蘭亭顯黑簡(jiǎn)體、華文細(xì)黑等，使用的時(shí)候注意版權(quán)問(wèn)題。 2、非襯線體非襯線體較簡(jiǎn)潔，筆畫(huà)較粗，很容易產(chǎn)生視覺(jué)重點(diǎn)，非襯線字體體現(xiàn)現(xiàn)代、簡(jiǎn)約的特性，適合用于蒼勁有力、促銷(xiāo)類的相關(guān)設(shè)計(jì)，吸引用戶注意力，提高Banner點(diǎn)擊率。圖片來(lái)自花瓣以上圖為例：主副標(biāo)題區(qū)分清楚，在字體筆畫(huà)變形上，結(jié)合科技感的氣氛，增加了光的流動(dòng)感，讓標(biāo)題不會(huì)過(guò)于死板。非襯線字體常用的有：漢儀潤(rùn)圓、方正綜藝簡(jiǎn)體、造字工房勁黑、造字工坊版黑、方正蘭亭粗黑、冬青黑體、思源黑體等。 3、書(shū)法體書(shū)法體源自中國(guó)古代，能體現(xiàn)中國(guó)文化和揮灑墨水的豪氣，適用于傳統(tǒng)、中國(guó)風(fēng)、意境的文藝主題和金戈鐵馬般的豪邁主題。圖片來(lái)自花瓣上圖為例：中秋節(jié)是中國(guó)的傳統(tǒng)文化，使用書(shū)法體能夠?qū)⒄w畫(huà)面營(yíng)造的中國(guó)古典風(fēng)更好的融合起來(lái)，書(shū)法體推薦李旭科書(shū)法、漢儀尚巍手書(shū)、葉根友行書(shū)繁體等字體。

三、怎么設(shè)計(jì)網(wǎng)頁(yè)banner?

設(shè)計(jì)網(wǎng)頁(yè)banner的方法如下：

1、以文字為主

雖然現(xiàn)在網(wǎng)站的圖片大多都提倡圖文并茂，這樣能夠提高用戶體驗(yàn)，但是我們現(xiàn)在看到很多網(wǎng)站上的圖片很多都是以圖片為主，這樣就是容易陷入一個(gè)誤區(qū)：banner圖只是為了用圖片的形式來(lái)展示網(wǎng)站的主要產(chǎn)品或者企業(yè)的總體形象。其實(shí)這樣的banner是很難能吸引到用戶的。因?yàn)橛行┯脩暨€是需要一定的文字來(lái)理解廣告中的內(nèi)容的。如果是文字為主，做到言簡(jiǎn)意賅，這樣的圖文并茂才能有利于提高點(diǎn)擊率。

2、不要出現(xiàn)價(jià)格信息

一般的消費(fèi)者對(duì)于價(jià)格都是非常敏感的，除非是你的產(chǎn)品價(jià)格相比同行業(yè)的產(chǎn)品價(jià)格低出很多，很有價(jià)格上的優(yōu)勢(shì)，否則不建議在banner上出現(xiàn)價(jià)格信息。因?yàn)閮r(jià)格一旦不是用戶心理能接受的，這個(gè)banner就會(huì)被用戶無(wú)視。

3、添加免費(fèi)或者巨大優(yōu)惠等字樣

根據(jù)眾多消費(fèi)者的消費(fèi)心理，他們對(duì)于那些物美價(jià)廉的產(chǎn)品都是非常熱衷的。對(duì)于企業(yè)網(wǎng)站的推廣和banner的設(shè)計(jì)也是這樣，在banner上添加免費(fèi)或者巨大優(yōu)惠等字樣也是能很有效地吸引到用戶。

4、設(shè)計(jì)帶有行為號(hào)召力

我們平時(shí)上網(wǎng)看到有些banner上會(huì)有個(gè)類似點(diǎn)擊的按鈕或者鏈接，潛意識(shí)會(huì)有著想點(diǎn)擊的念頭，可能會(huì)情不自禁地點(diǎn)擊進(jìn)去。這種方法也能很好地提高點(diǎn)擊率。

四、如何設(shè)計(jì)出優(yōu)秀的banner作品？

一、版面設(shè)計(jì)

大體上 banner 版式可分為兩種：圖文左右排版、文字居中。由于人們習(xí)慣的閱讀順序是從左到右，左邊放什么意味著用戶會(huì)先看到什么。當(dāng)圖片信息清晰時(shí)圖片放左，先用特定配圖吸引用戶目光，再加以具體的文字闡述就更正常不過(guò)了。而如果把含義不清的配圖放在左邊，用戶得看到右邊的文字部分才能獲得 banner 想傳遞的內(nèi)容，這會(huì)導(dǎo)致用戶接收信息時(shí)間增加。文字居中就會(huì)顯得突出重點(diǎn)。

banner圖怎么做

二、文字設(shè)計(jì)

常用的字體有三種：襯線體、非襯線體、書(shū)法體。襯線體能給人古典，文藝的感覺(jué)，適合用于文藝氣息或與女子的相關(guān)設(shè)計(jì)。非襯線體筆畫(huà)簡(jiǎn)潔，筆畫(huà)較粗，體現(xiàn)現(xiàn)代，簡(jiǎn)約的特性，適合用于蒼勁有力，與男子相關(guān)的設(shè)計(jì)。書(shū)法體源自中國(guó)古代，能體現(xiàn)中國(guó)文化和揮灑墨水的豪氣，適用于文藝主題和金戈鐵馬般的豪邁主題。

三.顏色設(shè)定

在整個(gè)風(fēng)格中色彩設(shè)定出主色調(diào)、輔色調(diào)。主色調(diào)不難理解在整個(gè)畫(huà)面中色彩占用最多的顏色可以確定為主色調(diào)，作為輔色調(diào)也是在整個(gè)畫(huà)面所點(diǎn)綴對(duì)比的一個(gè)顏色，就好比一個(gè)電影劇中一定是有主角和配角。主角的戲份就多一些。配角只是作為整個(gè)劇中的點(diǎn)綴輔助而已。在設(shè)計(jì)色彩設(shè)定中也要根據(jù)行業(yè)屬性配比相。

比如，黃色：食品比較有食欲的顏色、兒童活潑。黑色：高端、科技、汽車(chē)、紅色：新年、婚慶、傳統(tǒng)喜慶色彩。白色：簡(jiǎn)約飾品化妝品等。在做整個(gè)主視覺(jué)畫(huà)面的時(shí)候第一時(shí)間與顏色關(guān)聯(lián)。

希望各位設(shè)計(jì)師能掌握以上技巧，成功的創(chuàng)造出優(yōu)秀的作品。大家在平時(shí)要多練習(xí)，多看一些設(shè)計(jì)大師的作品，取其精華，加上自己的創(chuàng)意，大家加油。

以上就是關(guān)于banner圖怎么做相關(guān)問(wèn)題的回答。希望能幫到你，如有更多相關(guān)問(wèn)題，您也可以聯(lián)系我們的客服進(jìn)行咨詢，客服也會(huì)為您講解更多精彩的知識(shí)和內(nèi)容。