Banner設(shè)計(jì)「1」--需求分析及風(fēng)格定位

時(shí)間：2023-09-15 09:06:01 | 來(lái)源：網(wǎng)站運(yùn)營(yíng)

時(shí)間：2023-09-15 09:06:01 來(lái)源：網(wǎng)站運(yùn)營(yíng)

Banner設(shè)計(jì)「1」--需求分析及風(fēng)格定位：banner的設(shè)計(jì)過(guò)程可以分為五步：

一、了解需求

二、根據(jù)需求確定設(shè)計(jì)風(fēng)格

三、根據(jù)素材和文案確定版式

四、構(gòu)成banner的元素的設(shè)計(jì)（文案/背景/點(diǎn)綴/素材）

五、調(diào)整配色

---

本分享共兩期，我們今天的分享內(nèi)容是第一期也就是前兩步涉及到的內(nèi)容—了解需求風(fēng)格及各風(fēng)格設(shè)計(jì)方向與特點(diǎn)。分析風(fēng)格找到合適的設(shè)計(jì)方向是至關(guān)重要的，往往決定了整個(gè)設(shè)計(jì)的走向。

后面的三步的內(nèi)容請(qǐng)移步至以下鏈接：

---

一、了解需求

做任何設(shè)計(jì)的前提就是了解設(shè)計(jì)需求，只有弄明白需求方到底想要什么，我們才能少改幾次稿，我剛參加工作的時(shí)候就沒(méi)少吃這方面的虧，那時(shí)候剛進(jìn)公司臉皮薄，別人讓干啥就立馬擼起袖子打開(kāi)ps開(kāi)始干，不明白的地方也不敢問(wèn)太多，怕打擾別人工作（事實(shí)證明，這種想法是多么的錯(cuò)誤錯(cuò)誤錯(cuò)誤......)

需要了解的需求大體可以總結(jié)成以下幾個(gè)方面：

1、確定文案信息、素材、尺寸大小、投放的平臺(tái)

一般接到設(shè)計(jì)需求的時(shí)候，文案和素材都是需求方確定好了的，但是有的需求方會(huì)說(shuō)，你可以根據(jù)你的設(shè)計(jì)需要，稍微改動(dòng)文案信息，本人親身經(jīng)歷，這句話真的是一個(gè)火坑！坑！文案的不確定會(huì)嚴(yán)重的影響設(shè)計(jì)進(jìn)程，你改的好，改的他們滿意還好，如果不滿意，那就面臨著重做；除此之外，有時(shí)候我們可以從文案和素材里獲取設(shè)計(jì)靈感，確定設(shè)計(jì)的風(fēng)格。

2、確定banner是為了實(shí)現(xiàn)什么目的而設(shè)計(jì)

比如需求方給到的文案信息是【金秋助學(xué)】，我們需要了解金秋助學(xué)的對(duì)象是誰(shuí)，是大學(xué)生還是小學(xué)生，這會(huì)影響風(fēng)格的確定和設(shè)計(jì)元素的選擇；還要了解需求方想要這個(gè)banner起到什么作用，是想讓更多人參與到這個(gè)活動(dòng)中來(lái)，還是想通過(guò)這個(gè)banner讓更多人了解某某企業(yè)熱心于慈善事業(yè)提升企業(yè)的知名度和好感，只有確定這些才能確定你的設(shè)計(jì)風(fēng)格。

3、詢問(wèn)需求方的建議

需求方在把這個(gè)需求給到我們之前，可能心里就已經(jīng)有了自己的想法，如果我們?cè)谠O(shè)計(jì)之前可以了解到，會(huì)很大的降低改稿次數(shù)，而且我們主動(dòng)詢問(wèn)他們的意見(jiàn)，會(huì)讓他們感覺(jué)到自己的想法受到了尊重，以后交流起來(lái)也會(huì)更愉快。但是有時(shí)候他們的想法用語(yǔ)音可能描述不出來(lái)，這個(gè)時(shí)候我們可以用【情緒板】的方法（這個(gè)方法我們?cè)谝院蟮姆窒砝飼?huì)跟大家提到），快速的獲取視覺(jué)信息。

4、確定設(shè)計(jì)時(shí)間

如果時(shí)間很緊張，就盡量選擇不易出錯(cuò)的板式和風(fēng)格，如果時(shí)間比較充裕，可以細(xì)細(xì)打磨設(shè)計(jì)作品，多嘗試一些以前沒(méi)嘗試過(guò)的表現(xiàn)方法

是不是很長(zhǎng)長(zhǎng)長(zhǎng)長(zhǎng)長(zhǎng)長(zhǎng)，后面還有更長(zhǎng)長(zhǎng)長(zhǎng)長(zhǎng)的等你

二、根據(jù)需求確定設(shè)計(jì)風(fēng)格

banner的設(shè)計(jì)風(fēng)格可以拿人作為比對(duì)很好理解。有人外向，有人內(nèi)斂。而這兩種人的穿衣風(fēng)格和舉止言行在生活中也是不盡相同。跟人難過(guò)會(huì)用哭表現(xiàn)，高興會(huì)用笑表現(xiàn)一樣，不同的設(shè)計(jì)風(fēng)格，也對(duì)應(yīng)不同的表現(xiàn)方法，下面我們主要分析不同的設(shè)計(jì)風(fēng)格對(duì)應(yīng)的表現(xiàn)方法及給大家安利的一些可參考使用的素材，覺(jué)得有用的同學(xué)別忘了做下筆記哦~

1、關(guān)鍵詞：文藝、氣質(zhì)、素雅、安靜

風(fēng)格總結(jié)：

1）最明顯的特點(diǎn)就是留白留白留白，大量的留白

2）字體多采用宋體這樣的襯線體，除一級(jí)標(biāo)題字號(hào)略大些，其他的文案都非常小，給人精致的感覺(jué)

3）色彩以灰白色系為主，其他的色彩飽和度和純度低，明度高

4）這類banner多運(yùn)用在茶、棉麻制品、以簡(jiǎn)潔為特色的家居用品上

5）點(diǎn)綴物多用細(xì)線條（點(diǎn)綴物我們會(huì)用一個(gè)專題專門(mén)講解，會(huì)有福利哦，敬請(qǐng)期待...）

2、關(guān)鍵詞：高冷、時(shí)尚

風(fēng)格總結(jié)：

1）高冷的banner就和高冷的你一樣，最大的特點(diǎn)就是話少，一般就幾個(gè)字

2）用色大多采用黑白灰

3）素材圖一般都很大，突出細(xì)節(jié)，大牌的東西對(duì)自己的品質(zhì)還是很有信心滴，所以他們會(huì)放大放大再放大他們的細(xì)節(jié)，唯恐你們看不到

4）很少運(yùn)用點(diǎn)綴物，直接放張產(chǎn)品細(xì)節(jié)放大圖，放幾個(gè)字，咋滴，就是這么自信！

3、關(guān)鍵詞：傳統(tǒng)、中國(guó)風(fēng)、意境

風(fēng)格總結(jié)：

1）字體采用書(shū)法字體，文案多用豎形排版、從右向左的順序，因?yàn)楣湃耸沁@樣寫(xiě)字噠

2）可以選用的素材有印章，中國(guó)山水畫(huà)，墨跡，扇面，剪紙，園林窗格，古紋樣，祥云，京劇，卷軸等等

4、關(guān)鍵詞：青春、活力、年輕

風(fēng)格總結(jié)：

1）很突出的一點(diǎn)就是模特都很年輕很有活力

2）色彩的飽和度和純度比較高

3）排版你可以隨便玩

5、關(guān)鍵詞：可愛(ài)、甜美

風(fēng)格總結(jié)：

1）可愛(ài)風(fēng)格的banner最突出的特點(diǎn)就是他的字體，多采用少年字體、手寫(xiě)字體、卡通字體

2）點(diǎn)綴物多使用卡通小元素，以手繪和矢量圖為主，比如星星，云朵，短線條等

3）色彩上多使用暖色調(diào)，營(yíng)造軟萌的感覺(jué)

6、關(guān)鍵詞：節(jié)日、促銷、熱鬧

風(fēng)格總結(jié)：

1）色彩豐富，紅、黃、紫偏多，畫(huà)面飽滿，很少留白

2）主標(biāo)題很大大大，多用剛硬，棱角，夸張有視覺(jué)沖擊力的字體

3）可以用到的點(diǎn)綴物有：光效、鞭炮、舞臺(tái)、燈光、五彩的漸變、沖擊性的線條和多邊形等

7、關(guān)鍵詞：未來(lái)、科技

風(fēng)格總結(jié)：

1）科技類的banner概括來(lái)講就兩個(gè)要點(diǎn)，科技感的文字+科技感的背景圖（以后會(huì)分享科技感字體的類型和制作方法），高級(jí)一點(diǎn)的還包括科技科技感的小點(diǎn)綴

2）用色以藍(lán)，黑色，紫等冷色調(diào)為主，畫(huà)面給人硬朗，空間感，速度和力量的感覺(jué)

3）可以用到的點(diǎn)綴物有：光效、金屬效果、線條、光點(diǎn)，宇宙等

8、關(guān)鍵詞：嚴(yán)肅、規(guī)矩、黨

風(fēng)格總結(jié)：

1）因?yàn)橹袊?guó)紅很具有代表性，所以政府類的網(wǎng)站也好，banner也好，大多都會(huì)采用紅色，點(diǎn)綴色多為藍(lán)色黃色，字體多選用端莊古典的襯線體或中國(guó)風(fēng)味濃厚的毛筆字體。

2）可以用的背景和點(diǎn)綴物有：紅旗、城市背景、黨徽、英雄雕塑、故宮、石獅子等

9、關(guān)鍵詞：手繪風(fēng)

風(fēng)格總結(jié)：

1）把手繪風(fēng)格單拿出來(lái)是因?yàn)樗娴暮芎糜?，而且很常用?br>
2）手繪風(fēng)格可以用在文案上；產(chǎn)品本身也可以用手繪的形式，如上圖左一，簡(jiǎn)單的幾筆就讓整個(gè)畫(huà)面一眼就能看懂，而且充滿樂(lè)趣；手繪風(fēng)格用的最多的是點(diǎn)綴物，通過(guò)不同手繪風(fēng)格的點(diǎn)綴物營(yíng)造不一樣的氛圍。

---

本期內(nèi)容作為設(shè)計(jì)banner前期的步驟相對(duì)好理解，更為詳細(xì)的banner版式及各相關(guān)元素的設(shè)計(jì)請(qǐng)看：

---

本次分享到這里~喜歡的朋友點(diǎn)贊、收藏哦~

歡迎關(guān)注我的公眾號(hào)：百感交互集