提交需求
賽事與廣告咨詢合作,請?zhí)顚懶枨蟊韱?,我們會在第一時(shí)間與您聯(lián)系!
本文是我針對自己工作中所涉及到的,關(guān)于平面推廣圖的設(shè)計(jì)經(jīng)驗(yàn)總結(jié),干貨滿滿哦~~如果你是新手,想學(xué)習(xí)如何設(shè)計(jì)運(yùn)營活動推廣圖,看了這篇文章一定會對你有所幫助!
還記得以前我剛接觸學(xué)習(xí)UI,那時(shí)候的想法很片面也很簡單:覺得做UI設(shè)計(jì)就是設(shè)計(jì)移動端的app頁面,那些網(wǎng)頁、海報(bào)什么的都是平面設(shè)計(jì)師該做的事情,不該由我們UI去做。
然而隨著在公司呆的越久,接觸ui這一行業(yè)越深,想法也時(shí)刻發(fā)生著改變,常常會思考企業(yè)究竟需要怎樣的ui設(shè)計(jì)師?一個(gè)優(yōu)秀的ui設(shè)計(jì)師需要具備哪些能力才會更有競爭力?
早在2012年,ui設(shè)計(jì)這個(gè)職位還不被大家所熟悉,那時(shí)候只要會畫圖標(biāo)會畫手機(jī)頁面就能拿高薪。然而短短幾年ui設(shè)計(jì)行業(yè)迅猛發(fā)展,各地的培訓(xùn)機(jī)構(gòu)和大學(xué)源源不斷的輸出了大量ui設(shè)計(jì)師,使之趨近飽和。很多設(shè)計(jì)師都說今年ui不好找工作,就業(yè)難度比往些年都要大很多,因?yàn)槿硕嗔?,公司對ui設(shè)計(jì)師的要求也跟著提升了。
現(xiàn)在的企業(yè)不僅希望ui設(shè)計(jì)師會畫圖標(biāo)、做頁面、懂交互和動效、能設(shè)計(jì)良好用戶體驗(yàn)的app,還要會做海報(bào)、H5、易拉寶來滿足公司日常線上和線下的推廣活動……
隨著人數(shù)越來越多,我們?nèi)绻€不想方法進(jìn)步增加自己的競爭力,就會越來越難以在這塊行業(yè)立足。因此除了畫圖標(biāo),做app頁面設(shè)計(jì)外,我們還需要在其他方面的設(shè)計(jì)上加強(qiáng)和鍛煉自己的能力。
今天,我主要和大家分享下關(guān)于平面廣告推廣圖的設(shè)計(jì)思路與技巧。
這一方面是對我自己這一年多以來,在推廣活動圖上的工作經(jīng)驗(yàn)做個(gè)總結(jié),另一方面也是想拋磚引玉,和大家分享交流下設(shè)計(jì)經(jīng)驗(yàn)。
不足之處還希望各位設(shè)計(jì)大牛多多指點(diǎn)。
下面,我來介紹下我總結(jié)的一些方法流程與思路:
日常的推廣圖有哪幾種呢?
做這些推廣圖的設(shè)計(jì),流程均可歸納為3個(gè)大步驟:
1.確定風(fēng)格 > 2.場景思考 > 3.設(shè)計(jì)執(zhí)行
在接到需求文檔后,首先主動找相關(guān)人員溝通,先充分理解文案內(nèi)容并確定下整體的設(shè)計(jì)風(fēng)格,然后開始在網(wǎng)上收集此類風(fēng)格的設(shè)計(jì)圖??纯磩e人是如何通過設(shè)計(jì)來表現(xiàn)這種風(fēng)格的。在看不同設(shè)計(jì)的過程中,可以激發(fā)自己對需求的思考和想象力。
比如對以下種類的設(shè)計(jì)需求,我所收集的風(fēng)格設(shè)計(jì)圖:
收集完此類風(fēng)格設(shè)計(jì)圖后,此時(shí)腦海里或多或少都會產(chǎn)生一些模糊的想法了。然后再重新回到文案,結(jié)合要傳達(dá)給用戶的內(nèi)容信息,思考并構(gòu)造場景,把腦海里的模糊想法清晰化??梢栽诩埳虾唵萎嫵鲎约簩τ趫鼍暗南敕芭虐娌季郑缓笥嗅槍Φ氖占夭?。
舉一個(gè)之前做的運(yùn)營活動圖例子:
這是APP新版本發(fā)布上線后,運(yùn)營同學(xué)策劃的一個(gè)在朋友圈和社區(qū)推廣的活動,
目的是促進(jìn)APP的下載量,和收集用戶的體驗(yàn)反饋。
提取要點(diǎn):需體現(xiàn)海那邊app元素,和紅包元素
場景思考:紅包小人在海上用著海那邊app,喊著送紅包的標(biāo)語
確定好場景和布局后,開始針對性的收集素材
根據(jù)自己前期對場景和板式布局的想法,結(jié)合搜集的素材,開始動手設(shè)計(jì)。
一、設(shè)計(jì)時(shí)有幾點(diǎn)需要注意:
a、注意文字排版的邏輯
詞句敘述和強(qiáng)調(diào)的順序要合理,不能為了設(shè)計(jì)的美觀度而隨意拆分句子,影響用戶的閱讀和理解。
左邊的圖是我去年設(shè)計(jì)的一個(gè)H5活動頁面,右邊的是現(xiàn)針對這個(gè)圖的文字做的一個(gè)簡單優(yōu)化。大家可以感覺出,左邊頂部的文字排版相對而言顯得更加活潑有趣一點(diǎn),可是卻對用戶的閱讀和理解造成明顯干擾。右邊做了個(gè)小優(yōu)化,這樣的文字排版方式更加清晰直觀,閱讀起來也會更容易理解。
b、注意層次結(jié)構(gòu)的清晰
頁面有主有次,有突出有重點(diǎn),能讓用戶快速清晰的區(qū)分和發(fā)現(xiàn)重要內(nèi)容信息。
右邊的頁面通過色塊、大小和顏色對比,使結(jié)構(gòu)層次明顯清晰很多,閱讀起來比起左邊也更顯舒服,用戶能一眼區(qū)分出這個(gè)頁面所要表達(dá)的重要信息。
c、注意整體重心平衡
不平衡的頁面會影響設(shè)計(jì)的精致度,給人一種別扭、版面不飽滿不完整的感覺。
左圖文字排版整體居中,但因?yàn)橛蚁陆堑拇髽潜尘?,使得整體重心向右下移動,上半部分會顯得很空不完整。右圖通過在左上角搭配一個(gè)國旗,即契合主題,又使整體版面飽滿平衡,顯得更精致耐看。
d、注意設(shè)計(jì)的形式感
一方面,提高設(shè)計(jì)感會使頁面更精致耐看,抓住用戶眼球,使用戶產(chǎn)生興趣從而去點(diǎn)擊了解;另一方面,設(shè)計(jì)會傳達(dá)品牌形象和專業(yè)度,視覺傳遞的感受會直接影響用戶對企業(yè)的第一印象。
二、設(shè)計(jì)時(shí)可用的具體方法技巧:
a、字體設(shè)計(jì)
對標(biāo)題文字做字體設(shè)計(jì)會大大增加頁面的細(xì)節(jié)和精致度,使整體頁面更耐看。常用的手法有:鋼筆造字,矩形造字,字間連接等,網(wǎng)上都有很多相關(guān)方面教程。
b、幾何框架
當(dāng)做文字排版的時(shí)候,如果排起來覺得單調(diào)沒有設(shè)計(jì)感,可以考慮排成幾何形狀,矩形、圓形、三角形等(前提是在不影響用戶閱讀理解的情況下)
c、重復(fù)與對齊
對于并行的介紹內(nèi)容,需要根據(jù)具體情況找準(zhǔn)一種對齊方式,或居中或左對齊等,并以同一板式重復(fù)依次排列,這樣設(shè)計(jì)讓整體結(jié)構(gòu)清晰而統(tǒng)一。同時(shí)可以重復(fù)利用一些同類型或相同的元素來點(diǎn)綴裝飾,會加強(qiáng)統(tǒng)一性,頁面也顯得更有細(xì)節(jié)。
d、圖形化設(shè)計(jì)
把需要傳達(dá)給用戶的一段內(nèi)容信息,通過圖形化設(shè)計(jì)的方式進(jìn)行排版,會讓普通單調(diào)的文字頁面,立馬變得富有設(shè)計(jì)形式感和趣味性,同時(shí)更利于閱讀和理解。
e、對比和強(qiáng)調(diào)
主要可通過字體、粗細(xì)、大小、顏色、色塊等來實(shí)現(xiàn)對比和強(qiáng)調(diào),突出重點(diǎn),使頁面信息有層次感。
f、元素搭配
頁面上每個(gè)搭配的元素都要有它自己存在的意義:強(qiáng)調(diào)、視覺引導(dǎo)、統(tǒng)一板式、渲染氛圍……,切不可僅僅為了好看或因頁面太空,而盲目的搭配一些不太相關(guān)連的元素,那樣反而會破壞干擾設(shè)計(jì)。
謝謝大家觀看~
以上便是我對平面推廣圖設(shè)計(jì)的經(jīng)驗(yàn)總結(jié),
所用設(shè)計(jì)圖案例均來自于自己的日常工作,
說的不足之處還希望多多指點(diǎn)。
最后,看我整理的這么用心,
點(diǎn)個(gè)贊支持一下唄~
大牛,別默默的看了,快登錄幫我點(diǎn)評一下吧!:)
登錄 立即注冊