網(wǎng)店Banner如何設(shè)計(jì)

1、網(wǎng)店Banner應(yīng)該如何設(shè)計(jì) 銀川職業(yè)技術(shù)學(xué)院銀川職業(yè)技術(shù)學(xué)院 計(jì)算機(jī)工程部計(jì)算機(jī)工程部 李娜李娜一、Banner的設(shè)計(jì)風(fēng)格三、Banner的排版二、Banner的配色BannerBanner應(yīng)該如何設(shè)計(jì)才富有吸引力？應(yīng)該如何設(shè)計(jì)才富有吸引力？ 設(shè)計(jì)步驟選定風(fēng)格 配色細(xì)節(jié)的整理 排版 時(shí)尚風(fēng) 復(fù)古風(fēng) 清新風(fēng) 炫酷風(fēng) 簡(jiǎn)約風(fēng)1、時(shí)尚風(fēng)： 這兩種這兩種bannerbanner都有共同的特點(diǎn)：大標(biāo)題，模特，報(bào)刊潮流雜志風(fēng)。都有共同的特點(diǎn)：大標(biāo)題，模特，報(bào)刊潮流雜志風(fēng)。 一、Banner的設(shè)計(jì)風(fēng)格2、復(fù)古風(fēng)： 復(fù)古風(fēng)的重點(diǎn)是傳統(tǒng)元素和復(fù)古圖案，像書(shū)法字體跟水墨感覺(jué)的圖案，復(fù)古風(fēng)的重點(diǎn)是傳統(tǒng)元素和復(fù)古圖

2、案，像書(shū)法字體跟水墨感覺(jué)的圖案，包含各種傳統(tǒng)的剪紙，民俗等元素。包含各種傳統(tǒng)的剪紙，民俗等元素。 3、清新風(fēng)： 清新風(fēng)的重點(diǎn)就是清新風(fēng)的重點(diǎn)就是清爽清爽、唯美唯美，輕盈色調(diào)跟自然系，比如上面這，輕盈色調(diào)跟自然系，比如上面這個(gè)個(gè)bannerbanner就讓人感覺(jué)十分的清麗和透亮。就讓人感覺(jué)十分的清麗和透亮。 3、清新風(fēng)： 清新的清新的森林系列森林系列風(fēng)格，是近年比較受歡迎的。在網(wǎng)購(gòu)人去中個(gè)性化購(gòu)物風(fēng)格，是近年比較受歡迎的。在網(wǎng)購(gòu)人去中個(gè)性化購(gòu)物占比較大，所以這類個(gè)性設(shè)計(jì)顯得占比較大，所以這類個(gè)性設(shè)計(jì)顯得獨(dú)特獨(dú)特而重要。而重要。4、炫酷風(fēng)： 這種風(fēng)格通常比較多的是這種風(fēng)格通常比較多的是深色深色背景

3、，有一些比較背景，有一些比較質(zhì)感質(zhì)感的的元素元素跟跟光影特光影特效效。這類風(fēng)格的。這類風(fēng)格的bannerbanner平時(shí)會(huì)做得比較少點(diǎn)。就像上圖的平時(shí)會(huì)做得比較少點(diǎn)。就像上圖的bannerbanner展示。展示。5、簡(jiǎn)約風(fēng)： 都說(shuō)是簡(jiǎn)約，當(dāng)然特點(diǎn)就是都說(shuō)是簡(jiǎn)約，當(dāng)然特點(diǎn)就是極簡(jiǎn)主義極簡(jiǎn)主義，大空間大空間，沒(méi)有過(guò)多的裝飾元，沒(méi)有過(guò)多的裝飾元素，整體感覺(jué)就是素，整體感覺(jué)就是透氣透氣，畫(huà)面感強(qiáng)，夠滿。，畫(huà)面感強(qiáng)，夠滿。 配色配色 ，色彩是由色相、明度和純度構(gòu)成的。 色相色相即顏色的相貌，用于區(qū)分各類顏色，如 紅色，黃色，綠色，藍(lán)色等；明度明度即顏色的明暗和深淺，或者說(shuō)顏色含量里白色的多少;純度純度即

4、色彩的飽和鮮艷程度。 每種色彩都會(huì)因?yàn)樯?，明度，純度的不同，表現(xiàn)出不同的色彩感，色彩是有情感情感的，不同的配色會(huì)帶給人完全不同的心里感受感受。所以當(dāng)你在做banner的時(shí)候就要考慮你想要表達(dá)什么樣的情感，想讓用戶看的時(shí)候有什么樣的感受，你所表達(dá)的情感是不是符合主題內(nèi)容符合主題內(nèi)容，基于這些出發(fā)點(diǎn)再來(lái)做banner的配色就更加的有目的性了。 二、Banner的配色所謂的排版，就是將所謂的排版，就是將文字、圖片、圖形文字、圖片、圖形等可視化信息元素在等可視化信息元素在版面布局上調(diào)整版面布局上調(diào)整位置、大小位置、大小，使版面達(dá)到美觀的視覺(jué)效果。，使版面達(dá)到美觀的視覺(jué)效果。在平面設(shè)計(jì)上的排版在平面設(shè)

5、計(jì)上的排版在bannerbanner的設(shè)計(jì)中也同樣適用，不過(guò)電商的排版的設(shè)計(jì)中也同樣適用，不過(guò)電商的排版設(shè)計(jì)更重視營(yíng)銷，與商場(chǎng)的促銷海報(bào)設(shè)計(jì)類似。設(shè)計(jì)更重視營(yíng)銷，與商場(chǎng)的促銷海報(bào)設(shè)計(jì)類似。三、Banner的排版排版遵循個(gè)原則：排版遵循個(gè)原則： 對(duì)齊原則 聚攏原則 留白原則降噪原則 重復(fù)原則 對(duì)比原則1、對(duì)齊原則、對(duì)齊原則相關(guān)內(nèi)容必須對(duì)齊，次級(jí)標(biāo)題必須縮進(jìn)，方便讀者視線快速移動(dòng)，一眼看到最重要的信息。2、聚攏原則、聚攏原則將內(nèi)容分成幾個(gè)區(qū)域，相關(guān)內(nèi)容都聚在一個(gè)區(qū)域中。段間距應(yīng)該大于段內(nèi)的行距。3、留白原則、留白原則千萬(wàn)不要把頁(yè)面排得密密麻麻，要留出一定的空白，這本身就是對(duì)頁(yè)面的分隔。這樣既減少了

6、頁(yè)面的壓迫感，又可以引導(dǎo)讀者視線，突出重點(diǎn)內(nèi)容。4、降噪原則、降噪原則顏色過(guò)多、字?jǐn)?shù)過(guò)多、圖形過(guò)繁，都是分散讀者注意力的噪音。5、重復(fù)原則、重復(fù)原則多頁(yè)面排版時(shí)，注意各個(gè)頁(yè)面設(shè)計(jì)上的一致性和連貫性。另外，在內(nèi)容上，重要信息值得重復(fù)出現(xiàn)。6、對(duì)比原則、對(duì)比原則加大不同元素的視覺(jué)差異。這樣既增加了頁(yè)面的活潑，又方便讀者集中注意力閱讀某一個(gè)子區(qū)域。下面我講下比較常規(guī)的下面我講下比較常規(guī)的版式版式，主要是大方向的，時(shí)間緊的時(shí)，主要是大方向的，時(shí)間緊的時(shí)候可以選擇一種拿來(lái)直接套用，這里我根據(jù)以往的經(jīng)驗(yàn)大致分候可以選擇一種拿來(lái)直接套用，這里我根據(jù)以往的經(jīng)驗(yàn)大致分了了6 6類：類：文字的排版文字的排版文字的排版要求文字的排版要求重點(diǎn)突出重點(diǎn)突出，大小粗細(xì)大小粗細(xì)錯(cuò)落有致，字體保持在錯(cuò)落有致，字體保持在2 2種種左左右，像下面這種大尺寸的右，像下面這種大尺寸的bannerbanner文字文字就可以就可以適當(dāng)適當(dāng)?shù)?/p>