Banner設(shè)計(jì)的一些問(wèn)題

咱們常常會(huì)說(shuō)到做規(guī)劃需求知道三大構(gòu)成（色彩構(gòu)成／平面構(gòu)成／立體構(gòu)成），規(guī)劃又能夠分很多個(gè)種類，比方頁(yè)面規(guī)劃／UI規(guī)劃／電商規(guī)劃／室內(nèi)規(guī)劃／工業(yè)規(guī)劃等等，那關(guān)于電商規(guī)劃有沒(méi)有專門(mén)的三大構(gòu)成呢？至今如同沒(méi)有看到，所以我想嘗試著整理一下我腦袋里的知識(shí)點(diǎn)，專門(mén)解說(shuō)一下三大構(gòu)成在電商規(guī)劃中的運(yùn)用，當(dāng)今天大麥電商先從色彩在電商規(guī)劃中的運(yùn)用開(kāi)始說(shuō)起。

Banner的構(gòu)成要素有哪些？

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

二、再回憶一下Banner的構(gòu)成要素有哪些？

三、Banner的效果是啥？

四、在Banner規(guī)劃中影響到信息傳達(dá)的有哪些要素呢？

五、色彩在Banner規(guī)劃中所起到的效果

六、如安在Banner規(guī)劃中使用色彩

列完綱要后，接下來(lái)咱們進(jìn)入正題，一個(gè)一個(gè)知識(shí)點(diǎn)去剖析：

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

大麥電商以為，簡(jiǎn)略點(diǎn)來(lái)說(shuō)，色彩即色彩，色彩能夠分紅有五顏六色和五五顏六色兩大類，看有五顏六色首要看色相／純度／明度三個(gè)方面的屬性，無(wú)五顏六色也即是白色／黑色／各種深淺不相同的灰色，也能夠說(shuō)無(wú)五顏六色是飽和度為零色彩。

色相，即能夠清晰表明色五顏六色別的稱號(hào)，比方紅橙黃綠藍(lán)靛紫：

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

要想做好電商規(guī)劃，最根底學(xué)識(shí)最大的當(dāng)屬Banner規(guī)劃了，所以咱們?nèi)允菑腂anner規(guī)劃開(kāi)始說(shuō)起，先回憶一下Banner是由哪些有些構(gòu)成的。

二、再回憶一下Banner的構(gòu)成要素有哪些？

Banner構(gòu)成要素包括4個(gè)方面：案牘 、產(chǎn)品／模特、布景、裝點(diǎn)物。

三、Banner的效果是啥？

宣揚(yáng)／展現(xiàn)／廣而告之／精確傳達(dá)信息。

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

(一)全體畫(huà)面的氣質(zhì)是不是對(duì)路；

(二)信息之間的層級(jí)聯(lián)系是不是精確；

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

接下來(lái)，咱們關(guān)于上面3個(gè)要素一個(gè)一個(gè)來(lái)解說(shuō)：

(1)全體的畫(huà)面氣質(zhì)是不是對(duì)路

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

Banner舉例：很熱烈的畫(huà)面氣質(zhì)（關(guān)鍵詞：賤價(jià)促銷／周年慶／節(jié)假日促銷等搞活動(dòng)的性質(zhì)）

總結(jié)調(diào)查：畫(huà)面由暖色變?yōu)槔渖�后，�?huì)發(fā)現(xiàn)熱烈的畫(huà)面氣質(zhì)銳減，所以在體現(xiàn)熱烈氣質(zhì)的Banner規(guī)劃中，除了畫(huà)面方法比照生動(dòng)或許動(dòng)感以外，咱們也常憑借大面積的暖色（紅／橙及附近區(qū)域）來(lái)烘托熱烈空氣，讓人感受喜慶或許熱血沸騰，然后操控不住就買(mǎi)買(mǎi)買(mǎi)～關(guān)于服飾的Banner氣質(zhì)的畫(huà)面千萬(wàn)不要把畫(huà)面堆得太滿，必定要記住留白和調(diào)配高雅纖細(xì)些的文字（有襯線或許無(wú)襯線字體均可），或許比照有文化見(jiàn)識(shí)的字體，千萬(wàn)不要用五大三粗的文字或許把畫(huà)面塞得滿滿的。

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

1.以產(chǎn)品或模特為主角（首要杰出產(chǎn)品或模特）；

2.以活動(dòng)標(biāo)題為主角；

3.以利益點(diǎn)為主角。

而布景和裝點(diǎn)物永久不可能是主角，他們只能是副角，同時(shí)在這兒色彩不是一個(gè)獨(dú)立的剖析要素存在，它應(yīng)該是伴隨著平面的知識(shí)點(diǎn)來(lái)說(shuō)，所以這兒我也會(huì)順帶一點(diǎn)平面方面的知識(shí)點(diǎn)，舉幾個(gè)比方：

（一）以產(chǎn)品或模特為主角（首要杰出產(chǎn)品或模特 ），咱們有三個(gè)方向能夠去表現(xiàn)：

（1）讓產(chǎn)品（模特）的色彩與布景色彩絕對(duì)地區(qū)別開(kāi)來(lái)，讓它變成天空（畫(huà)面）中最閃亮的一顆星～也即是咱們說(shuō)的色彩比照，色彩比照又包括三種：明度比照／飽和度比照／色相比照，假定下圖中的圓即是產(chǎn)品或模特。咱們?cè)偃ド�看一下比照的效果，如下圖（去色是咱們常用的一種檢查信息是不是杰出的辦法，令外還有一種間隔調(diào)查法檢查比照效果，比方你也能夠離屏幕站遠(yuǎn)一點(diǎn)檢查，或許人堅(jiān)持不動(dòng)減小畫(huà)布檢查）：

這么看，哪個(gè)比照效果好些？是不是一望而知了？不過(guò)仍是要闡明一點(diǎn)，明度飽和度里任何一項(xiàng)要素發(fā)作改動(dòng)，別的要素也是跟著改動(dòng)的，比方說(shuō)你添加了一個(gè)色彩的明度，代表你在這個(gè)色彩里添加了白色，那么相對(duì)應(yīng)的這個(gè)色彩的純度飽和度必定也就下降了，不知道我說(shuō)這些你們理解了沒(méi)有？（靜靜點(diǎn)根煙～惆悵臉～）

喔,對(duì)了，我還要在這兒持續(xù)插一句嘴：色彩比照不會(huì)獨(dú)自存在，它的運(yùn)用永久是依靠于下面兩種方法存在的（增大產(chǎn)品模特面積或許添加產(chǎn)品模特?cái)?shù)量）：

（2）經(jīng)過(guò)留白或許巨細(xì)比照的方法讓產(chǎn)品（模特）體積或面積足夠大。

（3）經(jīng)過(guò)必定的擺放規(guī)則，讓產(chǎn)品（模特）數(shù)量足夠多，由于數(shù)量多了總面積天然也就大了嘛～。

（二）以活動(dòng)標(biāo)題為主角

跟上面的道理類似，能夠運(yùn)用增大標(biāo)題面積或許同時(shí)聯(lián)系色彩比照的方法使標(biāo)題杰出變成主角：

（三）以利益點(diǎn)為主角

道理同上（有時(shí)分咱們做Banner會(huì)直接用利益點(diǎn)作為大標(biāo)題，這種就會(huì)使Banner的賤價(jià)促銷的氣味會(huì)更濃郁些）

總結(jié)來(lái)說(shuō)，但咱們講色彩的時(shí)分，本來(lái)也是在講平面構(gòu)成，當(dāng)咱們?cè)谥v色彩三要素（明度／純度／色相）的其間一項(xiàng)的時(shí)分，本來(lái)也意味著在同時(shí)思考別的要素，由于色彩不會(huì)獨(dú)自存在，色彩要素也不會(huì)獨(dú)自存在（我重復(fù)這么多遍，也是操碎了心呢～～）。

是不是考量了Banner所投放的環(huán)境？

當(dāng)咱們講到環(huán)境的時(shí)分，通常會(huì)講到外部環(huán)境和內(nèi)部環(huán)境，也即是站在大局去思考問(wèn)題和站在自我的視點(diǎn)去思考問(wèn)題，假如你是要在某平臺(tái)投放Banner，那么這個(gè)平臺(tái)對(duì)你來(lái)說(shuō)即是大環(huán)境，詳細(xì)到你投放的那一小塊Banner方位即是小環(huán)境。

從平臺(tái)規(guī)劃師的視點(diǎn)動(dòng)身，她必定是期望你一切的Banner放在這個(gè)平臺(tái)頁(yè)面里，全體是交融的，不突兀的 ，比方下面的萬(wàn)件好禮免費(fèi)送和專屬活動(dòng)這塊的小Banner，用不相同色相表明不相同會(huì)場(chǎng)或主題，可是每一個(gè)色彩的明度飽和度是類似的，規(guī)劃方法也相同都有自個(gè)的標(biāo)準(zhǔn)，這就給人全體共同和諧的感受：

五、色彩在Banner規(guī)劃中所起到的效果

（一）裝點(diǎn)效果（烘托空氣用）；

（二）杰出主體（整理信息層級(jí)）；

（三）平衡畫(huà)面（全體視覺(jué)和諧）；

（四）連續(xù)個(gè)性（涉及到個(gè)性共同調(diào)性的時(shí)分）；

（五）刻畫(huà)畫(huà)面氣質(zhì)（傳遞恰當(dāng)?shù)男那榻o用戶）。

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

（一）裝點(diǎn)效果（烘托空氣用）

當(dāng)你做了一個(gè)冷色調(diào)的頁(yè)面拿給你的主管或需求人看，他說(shuō)畫(huà)面太寂靜的時(shí)分，而你又懶得改色彩改方法等等，總歸你十分懶不想動(dòng)，那么無(wú)妨試下下面這么周圍裝點(diǎn)些暖色的方法（色彩依靠的形狀和巨細(xì)面積你自個(gè)酌量咯～只需求記住裝點(diǎn)物是副角，他是烘托氛圍用的，永久不要搶了主角的風(fēng)頭，要不然導(dǎo)演不給你這副角組織人物了，怕不怕？）。

（二）杰出主體（整理信息層級(jí)）

這個(gè)經(jīng)過(guò)色彩比照來(lái)杰出信息層級(jí)的效果本來(lái)我在前面的知識(shí)點(diǎn)里現(xiàn)已講了哦，翻回到前面去看下吧，我就不持續(xù)說(shuō)一遍了。

（三）平衡畫(huà)面（突變色使得全體視覺(jué)和諧）

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

（四）連續(xù)個(gè)性（涉及到個(gè)性共同調(diào)性的時(shí)分）

經(jīng)過(guò)色彩來(lái)連續(xù)個(gè)性的效果通常在平臺(tái)做一些比照大型的活動(dòng)，涉及到多個(gè)不相同品類不相同分會(huì)場(chǎng)的時(shí)分會(huì)運(yùn)用到，我看到一些店鋪電產(chǎn)品牌也漸漸標(biāo)準(zhǔn)化了以后也會(huì)用到這種方法以堅(jiān)持品牌共同調(diào)性性，也即是堅(jiān)持規(guī)劃個(gè)性共同，色彩的明度純度挨近，僅僅改動(dòng)色相，以不相同的色相替代不相同的品類或許分會(huì)場(chǎng)來(lái)規(guī)劃Banner圖。

（五）刻畫(huà)畫(huà)面氣質(zhì)（傳遞恰當(dāng)?shù)男那榻o用戶）

比方咱們前面說(shuō)到的很生機(jī)／很心愛(ài)／很尊貴／很素雅等等，我這兒也不持續(xù)描繪了哦，文章最初都有說(shuō)到過(guò)的。

六、如安在Banner規(guī)劃中使用色彩

色彩不會(huì)獨(dú)立存在，他必定是依靠于其它構(gòu)成和體現(xiàn)方法而存在，比方平面構(gòu)成、立體構(gòu)成等，所以我將從下面幾個(gè)方面來(lái)論說(shuō)：

（1）當(dāng)色彩運(yùn)用在不相同的面積；

（2）當(dāng)色彩運(yùn)用于不相同的形狀；

（3）當(dāng)色彩運(yùn)用在不相同的肌理；

（4）當(dāng)色彩運(yùn)用于不相同的色彩；

（5）當(dāng)色彩運(yùn)用于不相同的主題；

（6）當(dāng)色彩運(yùn)用于不相同的環(huán)境。

總結(jié)：

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