Banner設計的一些問題

咱們常常會說到做規劃需求知道三大構成（色彩構成／平面構成／立體構成），規劃又能夠分很多個種類，比方頁面規劃／UI規劃／電商規劃／室內規劃／工業規劃等等，那關于電商規劃有沒有專門的三大構成呢？至今如同沒有看到，所以我想嘗試著整理一下我腦袋里的知識點，專門解說一下三大構成在電商規劃中的運用，當今天大麥電商先從色彩在電商規劃中的運用開始說起。

Banner的構成要素有哪些？

一、先了解遍及意義上的色彩是指啥？

二、再回憶一下Banner的構成要素有哪些？

三、Banner的效果是啥？

四、在Banner規劃中影響到信息傳達的有哪些要素呢？

五、色彩在Banner規劃中所起到的效果

六、如安在Banner規劃中使用色彩

列完綱要后，接下來咱們進入正題，一個一個知識點去剖析：

一、先了解遍及意義上的色彩是指啥？

大麥電商以為，簡略點來說，色彩即色彩，色彩能夠分紅有五顏六色和五五顏六色兩大類，看有五顏六色首要看色相／純度／明度三個方面的屬性，無五顏六色也即是白色／黑色／各種深淺不相同的灰色，也能夠說無五顏六色是飽和度為零色彩。

色相，即能夠清晰表明色五顏六色別的稱號，比方紅橙黃綠藍靛紫：

色彩有冷暖之分，我大致用溫度的概念標示一下，其間“0”是指中性色，“－0”是指中性偏冷，“＋0”是指中性偏暖（這兒的溫度是我自個為了詳細化冷暖的概念而符號的，首要是便利咱們了解，所以不用去糾結這個數值準不精確哈哈，你理解他們代表很冷／很熱／通常冷／通常熱就好了！～）。明度，即是指色彩的亮堂程度（淺顯點講，在某種色彩里添加的白色越多就越亮堂，添加的黑色越多就暗）。

要想做好電商規劃，最根底學識最大的當屬Banner規劃了，所以咱們仍是從Banner規劃開始說起，先回憶一下Banner是由哪些有些構成的。

二、再回憶一下Banner的構成要素有哪些？

Banner構成要素包括4個方面：案牘 、產品／模特、布景、裝點物。

三、Banner的效果是啥？

宣揚／展現／廣而告之／精確傳達信息。

四、那么在Banner規劃中影響到信息傳達的有哪些要素呢？

(一)全體畫面的氣質是不是對路；

(二)信息之間的層級聯系是不是精確；

(三)是不是考量了Banner所投放的環境。

接下來，咱們關于上面3個要素一個一個來解說：

(1)全體的畫面氣質是不是對路

這兒指的畫面氣質即是指給人傳遞出一種啥樣的感受，比方說用戶看了你這個Banner以后會感受它很熱烈／很素雅／很高冷／很年青有生機／很潮／很壓抑／很恐懼／很尊貴等等這些感受，那么下面我舉幾個比方：

Banner舉例：很熱烈的畫面氣質（關鍵詞：賤價促銷／周年慶／節假日促銷等搞活動的性質）

總結調查：畫面由暖色變為冷色后，會發現熱烈的畫面氣質銳減，所以在體現熱烈氣質的Banner規劃中，除了畫面方法比照生動或許動感以外，咱們也常憑借大面積的暖色（紅／橙及附近區域）來烘托熱烈空氣，讓人感受喜慶或許熱血沸騰，然后操控不住就買買買～關于服飾的Banner氣質的畫面千萬不要把畫面堆得太滿，必定要記住留白和調配高雅纖細些的文字（有襯線或許無襯線字體均可），或許比照有文化見識的字體，千萬不要用五大三粗的文字或許把畫面塞得滿滿的。

咱們知道一個Banner包括有好幾個有些，案牘／模特或產品／布景／裝點物，而終究他們組合變成一個Banner，其層級是存在主次之分的，能夠分為下面幾種狀況：

1.以產品或模特為主角（首要杰出產品或模特）；

2.以活動標題為主角；

3.以利益點為主角。

而布景和裝點物永久不可能是主角，他們只能是副角，同時在這兒色彩不是一個獨立的剖析要素存在，它應該是伴隨著平面的知識點來說，所以這兒我也會順帶一點平面方面的知識點，舉幾個比方：

（一）以產品或模特為主角（首要杰出產品或模特 ），咱們有三個方向能夠去表現：

（1）讓產品（模特）的色彩與布景色彩絕對地區別開來，讓它變成天空（畫面）中最閃亮的一顆星～也即是咱們說的色彩比照，色彩比照又包括三種：明度比照／飽和度比照／色相比照，假定下圖中的圓即是產品或模特。咱們再去色看一下比照的效果，如下圖（去色是咱們常用的一種檢查信息是不是杰出的辦法，令外還有一種間隔調查法檢查比照效果，比方你也能夠離屏幕站遠一點檢查，或許人堅持不動減小畫布檢查）：

這么看，哪個比照效果好些？是不是一望而知了？不過仍是要闡明一點，明度飽和度里任何一項要素發作改動，別的要素也是跟著改動的，比方說你添加了一個色彩的明度，代表你在這個色彩里添加了白色，那么相對應的這個色彩的純度飽和度必定也就下降了，不知道我說這些你們理解了沒有？（靜靜點根煙～惆悵臉～）

喔,對了，我還要在這兒持續插一句嘴：色彩比照不會獨自存在，它的運用永久是依靠于下面兩種方法存在的（增大產品模特面積或許添加產品模特數量）：

（2）經過留白或許巨細比照的方法讓產品（模特）體積或面積足夠大。

（3）經過必定的擺放規則，讓產品（模特）數量足夠多，由于數量多了總面積天然也就大了嘛～。

（二）以活動標題為主角

跟上面的道理類似，能夠運用增大標題面積或許同時聯系色彩比照的方法使標題杰出變成主角：

（三）以利益點為主角

道理同上（有時分咱們做Banner會直接用利益點作為大標題，這種就會使Banner的賤價促銷的氣味會更濃郁些）

總結來說，但咱們講色彩的時分，本來也是在講平面構成，當咱們在講色彩三要素（明度／純度／色相）的其間一項的時分，本來也意味著在同時思考別的要素，由于色彩不會獨自存在，色彩要素也不會獨自存在（我重復這么多遍，也是操碎了心呢～～）。

是不是考量了Banner所投放的環境？

當咱們講到環境的時分，通常會講到外部環境和內部環境，也即是站在大局去思考問題和站在自我的視點去思考問題，假如你是要在某平臺投放Banner，那么這個平臺對你來說即是大環境，詳細到你投放的那一小塊Banner方位即是小環境。

從平臺規劃師的視點動身，她必定是期望你一切的Banner放在這個平臺頁面里，全體是交融的，不突兀的 ，比方下面的萬件好禮免費送和專屬活動這塊的小Banner，用不相同色相表明不相同會場或主題，可是每一個色彩的明度飽和度是類似的，規劃方法也相同都有自個的標準，這就給人全體共同和諧的感受：

五、色彩在Banner規劃中所起到的效果

（一）裝點效果（烘托空氣用）；

（二）杰出主體（整理信息層級）；

（三）平衡畫面（全體視覺和諧）；

（四）連續個性（涉及到個性共同調性的時分）；

（五）刻畫畫面氣質（傳遞恰當的心情給用戶）。

就以上五種效果，我鄙人面會依次舉例闡明：

（一）裝點效果（烘托空氣用）

當你做了一個冷色調的頁面拿給你的主管或需求人看，他說畫面太寂靜的時分，而你又懶得改色彩改方法等等，總歸你十分懶不想動，那么無妨試下下面這么周圍裝點些暖色的方法（色彩依靠的形狀和巨細面積你自個酌量咯～只需求記住裝點物是副角，他是烘托氛圍用的，永久不要搶了主角的風頭，要不然導演不給你這副角組織人物了，怕不怕？）。

（二）杰出主體（整理信息層級）

這個經過色彩比照來杰出信息層級的效果本來我在前面的知識點里現已講了哦，翻回到前面去看下吧，我就不持續說一遍了。

（三）平衡畫面（突變色使得全體視覺和諧）

咱們有時分會看到一些Banner著重的是全體畫面的和諧感受，并不會要點去杰出著重啥，全部畫面給人感受格外舒暢，那是由于他們通常選用的是類似色比照或許附近色比照，亦或許是選用類似明度和飽和度的不相同色相的突變諧和。

（四）連續個性（涉及到個性共同調性的時分）

經過色彩來連續個性的效果通常在平臺做一些比照大型的活動，涉及到多個不相同品類不相同分會場的時分會運用到，我看到一些店鋪電產品牌也漸漸標準化了以后也會用到這種方法以堅持品牌共同調性性，也即是堅持規劃個性共同，色彩的明度純度挨近，僅僅改動色相，以不相同的色相替代不相同的品類或許分會場來規劃Banner圖。

（五）刻畫畫面氣質（傳遞恰當的心情給用戶）

比方咱們前面說到的很生機／很心愛／很尊貴／很素雅等等，我這兒也不持續描繪了哦，文章最初都有說到過的。

六、如安在Banner規劃中使用色彩

色彩不會獨立存在，他必定是依靠于其它構成和體現方法而存在，比方平面構成、立體構成等，所以我將從下面幾個方面來論說：

（1）當色彩運用在不相同的面積；

（2）當色彩運用于不相同的形狀；

（3）當色彩運用在不相同的肌理；

（4）當色彩運用于不相同的色彩；

（5）當色彩運用于不相同的主題；

（6）當色彩運用于不相同的環境。

總結：

大麥電商以為，咱們需求知道色彩是一種心情的表達，或許要學會觸類旁通（別的色彩能夠以此類推不管），別的不管是有五顏六色仍是無五顏六色它們都不會獨立存在，它必定是依靠于其它體現方法而存在，比方與平面構成、立體構成聯系運用。