教程：Banner設(shè)計(jì)寶典01--玩轉(zhuǎn)9種不設(shè)計(jì)風(fēng)格(原創(chuàng)文章)
系統(tǒng)分類：
設(shè)計(jì)文章 -
教程 -
文章版權(quán)：
設(shè)計(jì)小廚 原創(chuàng)，如需商業(yè)用途或轉(zhuǎn)載請與
設(shè)計(jì)小廚 聯(lián)系，謝謝配合！
原文鏈接 設(shè)計(jì)小廚中國 / 設(shè)計(jì)愛好者
33天前發(fā)布
banner設(shè)計(jì)思路——解析banner不同設(shè)計(jì)風(fēng)格的特點(diǎn)與設(shè)計(jì)方法
分享開始前，我想跟大家說點(diǎn)什么......
愛上設(shè)計(jì)，對我來說真的是個意外。
因?yàn)檎`打誤撞的學(xué)了設(shè)計(jì)，所以畢業(yè)的時候特別不想做設(shè)計(jì)（也許只有做設(shè)計(jì)的你才能懂我的這個臭毛病吧）所以臨畢業(yè)那會，可勁的在網(wǎng)上查各種招聘信息，銷售、運(yùn)營、教育……看到最后，還是乖乖的選擇了設(shè)計(jì)行業(yè)。
剛實(shí)習(xí)那會兒，內(nèi)心是無比煎熬的，被設(shè)計(jì)的前輩各種懟，被刁鉆的甲方各種懟，被領(lǐng)導(dǎo)各種懟，被扁扁的錢包各種懟......工作的不順心讓我越來越羨慕那些考上研究生的，那些考上公務(wù)員的，那些進(jìn)大企業(yè)的，甚至連以前最不屑的回家當(dāng)老師的，我都開始羨慕起來。直到有一天我沖男朋友說，要不我也轉(zhuǎn)行干銷售得了，男朋友再也看不下去，甩給我一句話，“你以為銷售就那么容易啊，你知道我為了簽成一個單子等一個客戶好幾天，等的頭皮都麻了嗎（冬天...)？你能受得了那種苦嗎？哪個行業(yè)不都得先付出才能有回報(bào)嗎？”
我們總是仰望和羨慕著別人的生活，卻不知道自己也正在被仰望和羨慕著，每個人的生活除了被羨慕的那部分外，無可奈何心酸辛苦的那部分只有自己知道。我下定決心好好努力做設(shè)計(jì)，給自己制定學(xué)習(xí)計(jì)劃，但是到后來我發(fā)現(xiàn)一個人真的很難堅(jiān)持下來，周一給自己制定每天一練的計(jì)劃，周三就因?yàn)榉N種原因和借口執(zhí)行不下去了...
為了克服自己的惰性，我找了一樣做設(shè)計(jì)的好友一起學(xué)習(xí)，制定學(xué)習(xí)計(jì)劃，互相督促，互相打氣，在這兩年里，我們朝著一個共同的目標(biāo)一往無前的向前走，誰都沒有再打退堂鼓，因?yàn)榇蠹倚睦锒济靼?，真想做出點(diǎn)成績，一旦開始了，就不能停。
終于通過努力，自己的設(shè)計(jì)能力一點(diǎn)點(diǎn)提高，被懟的頻率降低了，我發(fā)現(xiàn)自己已經(jīng)慢慢愛上每天坐在電腦前繪制各種各樣的效果圖，有時候甚至覺得打開ps，就好像打開了自己的夢想（夸張了哈，捂臉）~~~
說這么多，就是想把我是如何度過迷茫期的經(jīng)歷分享給大家，還有就是從今天起，會跟大家分享我們在工作和學(xué)習(xí)中總結(jié)的設(shè)計(jì)方面的心得，一是想把我們學(xué)到的東西分享給堅(jiān)持在設(shè)計(jì)路上的你們，同時也通過這種公注于眾的形式督促我們自己不要偷懶~~~
終于說到正題了，（放心哈，以后我不會這么啰嗦的）今天要跟大家分享的是banner的設(shè)計(jì)思路。
banner的設(shè)計(jì)過程可以分為五步：
一、了解需求
二、根據(jù)需求確定設(shè)計(jì)風(fēng)格
三、根據(jù)素材和文案確定版式
四、構(gòu)成banner的元素的設(shè)計(jì)（文案/背景/點(diǎn)綴/素材）
五、調(diào)整配色
一、了解需求
做任何設(shè)計(jì)的前提就是了解設(shè)計(jì)需求，只有弄明白需求方到底想要什么，我們才能少改幾次稿，我剛參加工作的時候就沒少吃這方面的虧，那時候剛進(jìn)公司臉皮薄，別人讓干啥就立馬擼起袖子打開ps開始干，不明白的地方也不敢問太多，怕打擾別人工作（事實(shí)證明，這種想法是多么的錯誤錯誤錯誤......)
需要了解的需求大體可以總結(jié)成以下幾個方面：
1、確定文案信息、素材、尺寸大小、投放的平臺
一般接到設(shè)計(jì)需求的時候，文案和素材都是需求方確定好了的，但是有的需求方會說，你可以根據(jù)你的設(shè)計(jì)需要，稍微改動文案信息，本人親身經(jīng)歷，這句話真的是一個火坑！坑！文案的不確定會嚴(yán)重的影響設(shè)計(jì)進(jìn)程，你改的好，改的他們滿意還好，如果不滿意，那就面臨著重做1f642；除此之外，有時候我們可以從文案和素材里獲取設(shè)計(jì)靈感，確定設(shè)計(jì)的風(fēng)格。
2、確定banner是為了實(shí)現(xiàn)什么目的而設(shè)計(jì)
比如需求方給到的文案信息是【金秋助學(xué)】，我們需要了解金秋助學(xué)的對象是誰，是大學(xué)生還是小學(xué)生，這會影響風(fēng)格的確定和設(shè)計(jì)元素的選擇；還要了解需求方想要這個banner起到什么作用，是想讓更多人參與到這個活動中來，還是想通過這個banner讓更多人了解某某企業(yè)熱心于慈善事業(yè)提升企業(yè)的知名度和好感，只有確定這些才能確定你的設(shè)計(jì)風(fēng)格。
3、詢問需求方的建議
需求方在把這個需求給到我們之前，可能心里就已經(jīng)有了自己的想法，如果我們在設(shè)計(jì)之前可以了解到，會很大的降低改稿次數(shù)，而且我們主動詢問他們的意見，會讓他們感覺到自己的想法受到了尊重，以后交流起來也會更愉快。但是有時候他們的想法用語音可能描述不出來，這個時候我們可以用【情緒板】的方法（這個方法我們在以后的分享里會跟大家提到），快速的獲取視覺信息。
4、確定設(shè)計(jì)時間
如果時間很緊張，就盡量選擇不易出錯的板式和風(fēng)格，如果時間比較充裕，可以細(xì)細(xì)打磨設(shè)計(jì)作品，多嘗試一些以前沒嘗試過的表現(xiàn)方法
是不是很長長長長長長，后面還有更長長長長的等你??
二、根據(jù)需求確定設(shè)計(jì)風(fēng)格
banner的設(shè)計(jì)風(fēng)格可以拿人作為比對很好理解。有人外向，有人內(nèi)斂。而這兩種人的穿衣風(fēng)格和舉止言行在生活中也是不盡相同。跟人難過會用哭表現(xiàn)，高興會用笑表現(xiàn)一樣，不同的設(shè)計(jì)風(fēng)格，也對應(yīng)不同的表現(xiàn)方法，下面我們主要分析不同的設(shè)計(jì)風(fēng)格對應(yīng)的表現(xiàn)方法及給大家安利的一些可參考使用的素材，覺得有用的同學(xué)別忘了做下筆記哦~
1、關(guān)鍵詞：文藝、氣質(zhì)、素雅、安靜
總結(jié)：
1）最明顯的特點(diǎn)就是留白留白留白，大量的留白
2）字體多采用宋體這樣的襯線體，除一級標(biāo)題字號略大些，其他的文案都非常小，給人精致的感覺
3）色彩以灰白色系為主，其他的色彩飽和度和純度低，明度高
4）這類banner多運(yùn)用在茶、棉麻制品、以簡潔為特色的家居用品上
5）點(diǎn)綴物多用細(xì)線條（點(diǎn)綴物我們會用一個專題專門講解，會有福利哦，敬請期待...）
2、關(guān)鍵詞：高冷、時尚
總結(jié)：
1）高冷的banner就和高冷的你一樣，最大的特點(diǎn)就是話少，一般就幾個字
2）用色大多采用黑白灰
3）素材圖一般都很大，突出細(xì)節(jié)，大牌的東西對自己的品質(zhì)還是很有信心滴，所以他們會放大放大再放大他們的細(xì)節(jié)，唯恐你們看不到
4）很少運(yùn)用點(diǎn)綴物，直接放張產(chǎn)品細(xì)節(jié)放大圖，放幾個字，咋滴，就是這么自信！
3、關(guān)鍵詞：傳統(tǒng)、中國風(fēng)、意境
總結(jié)：
1）字體采用書法字體，文案多用豎形排版、從右向左的順序，因?yàn)楣湃耸沁@樣寫字噠
2）可以選用的素材有印章，中國山水畫，墨跡，扇面，剪紙，園林窗格，古紋樣，祥云，京劇，卷軸等等
4、關(guān)鍵詞：青春、活力、年輕
總結(jié)：
1）可愛風(fēng)格的banner最突出的特點(diǎn)就是他的字體，多采用少年字體、手寫字體、卡通字體
2）點(diǎn)綴物多使用卡通小元素，以手繪和矢量圖為主，比如星星，云朵，短線條等
3）色彩上多使用暖色調(diào)，營造軟萌的感覺
6、關(guān)鍵詞：節(jié)日、促銷、熱鬧
總結(jié)：
1）色彩豐富，紅、黃、紫偏多，畫面飽滿，很少留白
2）主標(biāo)題很大大大，多用剛硬，棱角，夸張有視覺沖擊力的字體
3）可以用到的點(diǎn)綴物有：光效、鞭炮、舞臺、燈光、五彩的漸變、沖擊性的線條和多邊形等
7、關(guān)鍵詞：未來、科技
總結(jié)：
1）科技類的banner概括來講就兩個要點(diǎn)，科技感的文字+科技感的背景圖（以后會分享科技感字體的類型和制作方法），高級一點(diǎn)的還包括科技科技感的小點(diǎn)綴
2）用色以藍(lán)，黑色，紫等冷色調(diào)為主，畫面給人硬朗，空間感，速度和力量的感覺
3）可以用到的點(diǎn)綴物有：光效、金屬效果、線條、光點(diǎn)，宇宙等
8、關(guān)鍵詞：嚴(yán)肅、規(guī)矩、黨
總結(jié)：
1）因?yàn)槲覀儌ゴ蟮拿飨矚g紅色，所以黨喜歡紅色，所以政府類的網(wǎng)站也好，banner也好，大多都會采用紅色，點(diǎn)綴色多為藍(lán)色黃色，字體多選用端莊古典的襯線體或中國風(fēng)味濃厚的毛筆字體。
2）可以用的背景和點(diǎn)綴物有：紅旗、城市背景、黨徽、英雄雕塑、故宮、石獅子等
9、關(guān)鍵詞：手繪風(fēng)
1）把手繪風(fēng)格單拿出來是因?yàn)樗娴暮芎糜茫液艹Ｓ玫?div style="height:15px;">
2）手繪風(fēng)格可以用在文案上；產(chǎn)品本身也可以用手繪的形式，如上圖左一，簡單的幾筆就讓整個畫面一眼就能看懂，而且充滿樂趣；手繪風(fēng)格用的最多的是點(diǎn)綴物，通過不同手繪風(fēng)格的點(diǎn)綴物營造不一樣的氛圍。
不好意思各位，寫這么長長長長長，下次一定管住???......
