正文

電商banner圖（電商banner圖尺寸）

發(fā)布時間：2023-04-13 11:34:27 稿源：創(chuàng)意嶺閱讀： 92

大家好！今天讓小編來大家介紹下關于電商banner圖的問題，以下是小編對此問題的歸納整理，讓我們一起來看看吧。

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

文章目錄列表:

1、電商設計 banner篇（一）
2、網(wǎng)店Banner的設計原則是什么？
3、淘寶banner什么意思
4、如何提高電商Banner廣告設計水平呢？

一、電商設計 banner篇（一）

一：banner分類

a、產(chǎn)品類（重點在模特、產(chǎn)品的處理，以及利益點的展示）

b、活動類（需要構(gòu)想一個主題，把控活動氛圍，同時注意空間感）

二：banner 拆解

1、文案文字

2、產(chǎn)品

3、背景

4、輔助圖片

三角式構(gòu)圖：

矩形構(gòu)圖：

二、網(wǎng)店Banner的設計原則是什么？

一、Banner的排版原則

banner的設計遵循一般的平面設計原則，但也會因為展示面積、使用場景等而呈現(xiàn)出不同。

1.對齊原則：內(nèi)容元素要對齊，特別是文案，為觀眾呈現(xiàn)出秩序感。

2.留白原則：無論是淘寶還是網(wǎng)易云音樂的banner，面積都不是很大，所以千萬不要把banner排得過滿，要留出一定的“呼吸”空間，這樣既減少了banner的壓迫感，又可以引導讀者視線，突出重點內(nèi)容。

3.減法原則：顏色、字體的數(shù)量不宜過多，顏色過多、字體過多、圖形過繁，都會分散讀者注意力，也會使畫面顯得過于凌亂。

4.一致原則：排版時，要注意整個設計的一致性和連貫性，避免出現(xiàn)不同類型的視覺元素。

5.對比原則：加大不同元素的視覺差異，或者使用對比色，這樣能更加吸引眼球。

二、Banner的構(gòu)圖方式

1.垂直水平構(gòu)圖：

左對齊／右對齊／居中對齊等方式，比較直觀，操作簡便

2.框線式構(gòu)圖：

框線式構(gòu)圖亦可結(jié)合其他構(gòu)圖形式，在畫面中添加框線，來使視線更為集中，保持畫面的平衡感，也是一種簡單好用的banner的構(gòu)圖形式。

3.斜線構(gòu)圖：

不同于垂直水平構(gòu)圖，斜線式構(gòu)圖常用于電商類banner，將產(chǎn)品／文案以傾斜的方式排版，也可以與框線式結(jié)合，以區(qū)分和突出文本。

4.輻射式構(gòu)圖：

電商類的banner中也可以常常見到輻射式構(gòu)圖，文案居中排版，以產(chǎn)品圖圍繞文案四周，保持畫面平衡，突出重點，烘托氣氛。

5.平鋪式構(gòu)圖

將產(chǎn)品圖平鋪于背景之上，再加上框線突出文本主題，也是一種常見的構(gòu)圖形式。

實際操作中，往往是多種構(gòu)圖形式和排版原則的相互結(jié)合和統(tǒng)一，才能完成一個優(yōu)質(zhì)的banner設計。我們總結(jié)的只是一些典型的、常見的案例，希望大家可以活學活用哦～

三、淘寶banner什么意思

淘寶banner的意思是淘寶店鋪的橫幅廣告。

banner解釋：

釋義：橫幅，標語。

讀音：英 [ˈbænə(r)]，美 [ˈbænər]。

語法：banner可作為可數(shù)名詞使用。

示例：He had strung a banner across the wall.

譯文：他在墻上掛了條橫幅。

擴展資料

banner的近義詞：

一、slogan

釋義：標語。

讀音：英 [ˈsləʊɡən]，美 [ˈsloʊɡən]。

示例：“ Service with a smile ” is the store's slogan.

譯文：“微笑服務”是那家商店的口號。

二、oriflamme

釋義：旗幟。

讀音：英 ['ɒrɪflæm]，美 ['ɔrɪflæm]。

示例：Green Camp is looked upon as the oriflamme of the environment protection of Chinese undergraduate.

譯文：“綠色營”被看作中國大學生環(huán)保活動的旗幟。

四、如何提高電商Banner廣告設計水平呢？

一、圖案圖形節(jié)奏感

圖案相比大家都知道，也或多或少用過。圖案放大可以變得大氣，縮小也可以很精致。

而Banner中經(jīng)常會出現(xiàn)的圖案大都是幾何形狀的重復或旋轉(zhuǎn)得到的圖形，用來做為背景的紋理來豐富背景的細節(jié)感。有時候有人經(jīng)常會說背景里少了點什么，下次你不妨嘗試一下用用。不是一定要用，如果你需要可以試試效果呢。

更多平面設計知識，請咨詢?nèi)A南電腦學校。

二、裝飾碎屑氣氛足

Banner設計中經(jīng)常用到會有彩禮飄帶、矩形、三角形、紅包外形、橫條等裝飾。

三個需要注意的方面

1)有大有小

最基本的基礎，因為大小產(chǎn)生空間感、節(jié)奏感。

2)別克隆

別克隆的意思就是不要所有元素都重復的使用，案例中的三角形有描邊的、填充的、幾何體，元素更豐富了，但適可而止。

3)有深有淺

案例中三角形的顏色有深淺看到了吧，這樣做是讓畫面不會很平?jīng)]有遠近感覺。

三、分割背景更活躍

有人問我這個Banner用什么分割呢？圓形、矩形？當場我就愣住了，只想靜靜。這個你自己想用什么分割都可以呀，不同的分割給人不同的視覺感受。搞清楚你想要的就知道用什么了。

因為它在Banner設計中的確是很有效果的，所以我們不僅需要實踐，還要進行對比分析，這一我們才會成長的更快嘛。

四、背景顏色大色塊

大面積色塊的應用，在Banner設計中特別明顯。也是非常有效，天貓、京東等這些國內(nèi)電商平臺的活動經(jīng)常是以色塊背景為主。色塊在很久之前就很流行，作為一種風格。在大色塊背景上面，白色的文案、圖案就成為了視覺焦點。在色塊背景上應用類似時尚的波普元素，畫面節(jié)奏感就出來了。

用色塊背景的時候該注意什么

最重要的就是配色了，顏色盡量不要超過三種。模特或產(chǎn)品的顏色不要和背景顏色跳躍太大，列如上面的案例背景是藍色，那么其它的顏色可以是青色、紫色、黃色搭配起來會比較舒適?？赡苣銜f黃色和藍色相隔那么遠，黃色是和任何顏色都可以很好的搭配的，所以你會看到官方的Banner圖中出現(xiàn)黃色的利益點、小色塊。

如果你用不好對比色、互補色、近似色等這些配色理論。那我們就把這些簡化成2個點：

01)暗色配亮色、亮色配暗色。

02)深色配淺色、淺色配深色。

五、Banner 終極寶！設計師終極絕招!

圖案圖形讓畫面變得節(jié)奏感。

背景分割沒有特定的形狀，而是看你需要什么形狀。

配色切勿亮色配亮色、暗色配暗色。

優(yōu)秀的設計案例還有很多這個需要大家平時的采集和觀察，更多的思考你會發(fā)現(xiàn)更多的空間。

修改后兩側(cè)更加飽滿、標題也更有氣氛。

以上就是小編對于電商banner圖問題和相關問題的解答了，如有疑問，可撥打網(wǎng)站上的電話，或添加微信。