正文

產品banner圖（產品banner圖分析）

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

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

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

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

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

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

本文目錄:

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

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

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

二、了解banner概念及應用

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

了解banner概念及應用

1.什么是banner?

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

2.banner的具體形式

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

3.banner的用途

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

2）大家通常可以在各種游戲網(wǎng)站，房地產網(wǎng)站，各種活動專題頁中見到，也就是大家常說的頭圖，這種類型的banner通常并不是引導用戶去觸發(fā)點擊，而是服務于內容，為整個頁面做好氣氛的渲染。

Banner包含的三個部分

1.文字（占主導地位）

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

1）需要對文案內容負進行處理

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

2）需要考慮到字形

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

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

3D設計：如果要在banner中想突出文字，把文字做成3D效果可謂是最“粗暴”的一種解決方法，只要處理方法得當也可以達到很好的效果?？梢酝ㄟ^對多個文字副本移動，或重復變形，做出簡單的立體效果。

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

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

字體處理：

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

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

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

2.主視覺圖

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

3.背景

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