正文

產(chǎn)品banner圖（產(chǎn)品banner圖分析）

發(fā)布時(shí)間：2023-04-17 19:44:03 稿源：創(chuàng)意嶺閱讀： 61

大家好！今天讓創(chuàng)意嶺的小編來大家介紹下關(guān)于產(chǎn)品banner圖的問題，以下是小編對此問題的歸納整理，讓我們一起來看看吧。

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

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

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

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

本文目錄:

1、如何讓Banner做的更好看？
2、了解banner概念及應(yīng)用
3、banner是什么意思
4、我要做3個(gè)banner圖，在沒有LOGO沒有公司名字的情況下怎么體現(xiàn)banner圖表現(xiàn)的是兩家公司？

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

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

二、了解banner概念及應(yīng)用

http://www.maiziedu.com/wiki/ui/banner/

了解banner概念及應(yīng)用

1.什么是banner?

Banner可以作為網(wǎng)站頁面的橫幅廣告，也可以作為游行活動(dòng)時(shí)用的旗幟，還可以是報(bào)紙雜志上的大標(biāo)題。Banner主要體現(xiàn)中心意旨，形象鮮明表達(dá)最主要的情感思想或宣傳中心。

2.banner的具體形式

一般是比較長的放在網(wǎng)頁抬頭的圖片形式。比較高的圖片。長短不一的各種圖形形狀。不管是側(cè)邊欄廣告、焦點(diǎn)圖、專題頁的頭圖，我們都可以理解為師banner，在設(shè)計(jì)方法上，其實(shí)都是共通的。

3.banner的用途

1）大家經(jīng)常在各種大大小小的網(wǎng)站都能看到的廣告banner或者焦點(diǎn)圖，它們都有大有小、可長可短，但是他們共同的作用就是通過各種方式引導(dǎo)你去點(diǎn)擊、渲染氣氛。

2）大家通?？梢栽诟鞣N游戲網(wǎng)站，房地產(chǎn)網(wǎng)站，各種活動(dòng)專題頁中見到，也就是大家常說的頭圖，這種類型的banner通常并不是引導(dǎo)用戶去觸發(fā)點(diǎn)擊，而是服務(wù)于內(nèi)容，為整個(gè)頁面做好氣氛的渲染。

Banner包含的三個(gè)部分

1.文字（占主導(dǎo)地位）

大家都知道我們從圖形上解讀信息的能力是要大于單純的閱讀文字，但是在banner的設(shè)計(jì)中，大多數(shù)情況下我們都是通過文字來了解信息，圖片知識起到一個(gè)襯托的作用，做banner的時(shí)間分配里對字形的處理可能要占到50%甚至更多的時(shí)間。

1）需要對文案內(nèi)容負(fù)進(jìn)行處理

使內(nèi)容更符合信息傳遞，如果主標(biāo)太長，需求方不舍得刪文字的情況下，對主標(biāo)中重要關(guān)鍵字進(jìn)行強(qiáng)調(diào)，突出主要的信息，弱化非關(guān)鍵詞。整體文字太短，畫面太空，可以用一些加入一些輔助信息豐富畫面。如加點(diǎn)英文、域名、頻道名等。

2）需要考慮到字形

文本主要包含標(biāo)題和輔助性的文本。標(biāo)題部分一般需要進(jìn)行些設(shè)計(jì)處理，提高畫面的藝術(shù)感和吸引力。鋼筆造字是在做字形設(shè)計(jì)上一個(gè)比較討巧的方法，但卻又十分有效。筆畫連接，做筆畫連接時(shí)只有合理的安排需要連接的筆畫，在筆畫收尾和邊緣做一些簡單造型處理，那么都會(huì)出來一個(gè)比較好的視覺效果。在做筆畫連接時(shí)推薦使用一些筆畫粗細(xì)比較統(tǒng)一的非襯線字體。

形狀替換：根據(jù)文字的具體含義來設(shè)計(jì)字形的一種方法。比如把賣表的文案中出現(xiàn)“時(shí)間”把日字旁換成鐘表。賣服裝，把“裝”字的衣字底改成衣服的團(tuán)等，這種設(shè)計(jì)往往帶來新奇的視覺效果。

3D設(shè)計(jì)：如果要在banner中想突出文字，把文字做成3D效果可謂是最“粗暴”的一種解決方法，只要處理方法得當(dāng)也可以達(dá)到很好的效果。可以通過對多個(gè)文字副本移動(dòng)，或重復(fù)變形，做出簡單的立體效果。

介紹性文本或者次要信息部分，一般是低調(diào)處理，一般使用一些通用字體。字體兩種作嘔即可，太多會(huì)使畫面失和如果使用一些商業(yè)字體，需要注意使用授權(quán)的問題，避免產(chǎn)生一些法律糾紛。

普通字體可以通過一些簡單方法煥發(fā)活力。

字體處理：

1）給字添加背景，以達(dá)到突出文本，拉開字語背景的層次的目的。

2）對字體傾斜處理，整體看起來就活潑跳動(dòng)了很多。

3）對文本進(jìn)行斜切處理，打破沉悶的版面布局，可以說是百試不爽。

2.主視覺圖

主視覺部分一般放置產(chǎn)品圖、任務(wù)模特等。產(chǎn)品圖的選用要切合題義，不過這部分，大多一般都會(huì)有素材提供，不需要我們過多花費(fèi)精力。需要注意的是，在使用補(bǔ)充素材時(shí)，要保證圖片清晰，部分圖片不清時(shí)，可以使用如花濾鏡處理一下。一些扣圖，調(diào)整圖片色彩燈操作，這些都是通用技術(shù)。

3.背景

背景部分可以烘托出整體氣氛。

三種類型的背景：

第一種使用的是純色的背景，通常這種設(shè)計(jì)使整個(gè)畫面顯得很清新、簡潔。

第二種是漸變型的，可以增加設(shè)計(jì)的效果，使整個(gè)畫面更加絢麗，一般一些科幻類可以用到。

第三種是帶有復(fù)雜背景的，一般用在特殊的專題當(dāng)中，用于烘托出主題的特點(diǎn)。

背景的選擇需要根據(jù)網(wǎng)站和主題的風(fēng)格來予以確定。比如歷史專題頻道，則會(huì)選擇復(fù)雜的背景圖片來烘托氣氛。而清新現(xiàn)代風(fēng)格的網(wǎng)站可能會(huì)選擇淺色背景。對比不足的時(shí)候，可以對文字后背景虛化處理、減淡背景色。

三、banner是什么意思

Banner可以作為網(wǎng)站頁面的橫幅廣告，也可以作為游行活動(dòng)時(shí)用的旗幟，還可以是報(bào)紙雜志上的大標(biāo)題。

Banner主要體現(xiàn)中心意旨，形象鮮明表達(dá)最主要的情感思想或宣傳中心。

用途：

1、網(wǎng)幅廣告