欧美精品在线一区二区三区_亚洲女同精品视频_日韩一区免费_国产欧美久久久精品免费_国产这里只有精品_僵尸再翻生在线观看_久久99精品国产一区二区三区_亚洲免费一区二区_女教师淫辱の教室蜜臀av软件_中文字幕国产一区二区

移動端 Banner 設(shè)計(jì)指南

2019-12-4    濤濤

根據(jù)遇到的問題,總結(jié)的一些小經(jīng)驗(yàn),個人的一點(diǎn)薄見,歡迎大家交流。

國內(nèi)國外運(yùn)營 Banner 設(shè)計(jì)

最近有小伙伴接到了國外的運(yùn)營外包項(xiàng)目,發(fā)現(xiàn)國外和國內(nèi)對于運(yùn)營的需求是有差別的,這篇文章就談?wù)剣鴥?nèi)外:中國、韓國、歐美,它們運(yùn)營設(shè)計(jì)的各自特點(diǎn)和里面的門道。

主要從以下三方面來說:

1. 風(fēng)格特點(diǎn)

三個地區(qū)文化差異大不相同。

中國從古到今講究遵循傳統(tǒng),過年過節(jié)講究氣氛,營造一種氛圍。用紅包來表達(dá)祝福和心意;其次,就是社會環(huán)境,中國人喜歡「熱鬧」,逢年過節(jié),一幫人聚到一起才熱鬧,別人都買、賣的火的肯定就是好的,所以就「跟風(fēng)效仿」。

韓國建國很晚,歷史相對比較短。所以文化氛圍比較年輕,偶像文化在韓國盛行,傳統(tǒng)的東西相對較少,都是比較年輕化的:年輕化的偶像,年輕化的文化,年輕化的價(jià)值觀。

歐美整個文化環(huán)境受移民的影響,比較開放國際化,體現(xiàn)的文化也是比較多元的,包容性、簡潔、時(shí)尚是這些它最直接的特點(diǎn)。

接下來分別談一下三個地區(qū)運(yùn)營推廣的設(shè)計(jì)特點(diǎn)差異化:

中國

中國的運(yùn)營突出的是優(yōu)惠:送紅包、滿減、優(yōu)惠券等;必須要喜慶,鮮艷的色彩:以紅色、橙色、黃色居多,來刺激消費(fèi)。就好像進(jìn)了賣場「瞧一瞧看一看,季末打折滿100減99」

韓國

韓國的文化里「社交」這一關(guān)鍵詞體現(xiàn)的尤為重要,「Line」這款A(yù)PP對韓國影響比較大,里面的矢量涂鴉風(fēng)格的插畫深入人心,Line 官方設(shè)計(jì)可愛且特色鮮明的「饅頭人」、「可妮兔」、「布朗熊」和「詹姆士」四個形象也很有特點(diǎn),所以Line的「IP屬性」和「矢量涂鴉」就成為了韓國主流設(shè)計(jì)風(fēng)格。

2. 整體構(gòu)圖

而韓國的偶像明星文化也頗具影響力,在推廣時(shí)也會用到明星來制造效應(yīng)。

我們從整體構(gòu)圖解析一下三個地區(qū)的設(shè)計(jì)細(xì)節(jié)。首先把一個運(yùn)營 banner 按照組件層級進(jìn)行拆分,分別來看一下。

分為:文字層、主體物層、裝飾層、背景層

文字層

從文字層可以看出中國的文字層級劃分更加清晰。運(yùn)用「格式塔」原理,主文案和副標(biāo)題的突出,能讓用戶對信息提取更加準(zhǔn)確直觀。

中文結(jié)構(gòu)的復(fù)雜性,排版上必須嚴(yán)格區(qū)分,所以在層級劃分上裝飾線的運(yùn)用也是比較常見的。(后面有針對性字體設(shè)計(jì)形式,詳細(xì)解讀,這里就不細(xì)說了)

韓文的本身的圖形特質(zhì),為保證識別度,文案提煉精簡,信息層級相對較少。文字層級一般分為兩層。

有意思的是韓文由于字形結(jié)構(gòu)的單一,排版上很多時(shí)候會搭配字體形式的變化來增加排版樣式的變化,裝飾線的運(yùn)用也比較多變。

英文排版上本質(zhì)上和韓文相同——符號化,通過字形的特點(diǎn)來特出主要信息。

排版的優(yōu)勢性,讓其排版變化上自帶韻律感,加上裝飾線的運(yùn)用,本身字形的符號特性視覺呈現(xiàn)很有設(shè)計(jì)感。

主體物層

為了輔助信息傳達(dá),往往采用圖文結(jié)合,注意主體物的構(gòu)圖布局朝向,主題物對主要文字起到視覺引導(dǎo)作用,用戶的聚焦點(diǎn)一定是主文案,而不是主體物。

下圖里「手」作為整個畫面的「支點(diǎn)」,把模特的臉部向主要文案指引,最終達(dá)到活動的最核心。

下圖里「眼睛」為整個畫面的「支點(diǎn)」,利用眼睛視線,把用戶向文案核心指引。

利用周圍的物體形成三個「支點(diǎn)」,把視覺中心聚焦到中間主文案。

裝飾層

點(diǎn)線面是運(yùn)用最多的元素,中國把平面設(shè)計(jì)的三大構(gòu)成運(yùn)用到了。

為了營造構(gòu)圖的穩(wěn)定性,在設(shè)計(jì)里加入點(diǎn)和線的元素讓畫面占比更加平衡,同時(shí)彌補(bǔ)畫面中空白的地方,減少負(fù)空間,讓構(gòu)圖更加飽滿。

同時(shí)點(diǎn)和線的元素也是為了輔助襯托主體元素,分布要合理,避免過多,造成使畫面的擁擠。

面簡單的理解成形狀,用形狀配合主體物,達(dá)到聚焦視覺中心,來突出主題,但是形狀不易過于復(fù)雜,「格式塔原理」——「簡單」原則(我們的眼睛在觀看時(shí),眼腦并不是在一開始就區(qū)分一個形象的各個單一的組成部分,而是將各個部分組合起來,使之成為一個更易于理解的統(tǒng)一體),用戶更容易理解。

三角形——利用穩(wěn)定的特點(diǎn)來達(dá)到視覺的平衡

圓形——最簡單直接有效的圖形元素,視覺聚焦更明確

多邊形——豐富畫面,多邊形的邊角多的特點(diǎn)也多用做突出設(shè)計(jì)的高逼格

形狀流體在營銷中突出了活動的促銷感和氣氛,在重大活動中經(jīng)常看到,色彩上也比較鮮艷。相較歐美、韓國,中國電商運(yùn)用比較多,這也側(cè)面反映出出中國運(yùn)營推廣競爭的殘酷性映射出來的「浮夸」。

背景層

中國設(shè)計(jì)里最多變的就屬背景了。可以利用多彩漸變、放射的線、還有圖案疊加,讓畫面迎合表達(dá)的主體基調(diào)

韓國的設(shè)計(jì)分為涂鴉放射背景和純色背景簡單幾何形狀

歐美撞色對比和性冷淡純色底,也會運(yùn)用視錯覺,來吸引用戶眼球

3. 營銷推廣層面

文案是營銷第一要素,想辦法突出運(yùn)營信息,是所有運(yùn)營必須要注意的,這就有了根據(jù)活動氣氛進(jìn)行字體設(shè)計(jì)。

中國字體的復(fù)雜和文化的久遠(yuǎn)特殊性,對于字體我們是有很深的研究和造詣,表現(xiàn)空間也很大。另外由于中文字形的復(fù)雜,導(dǎo)致字庫設(shè)計(jì)成本比較大,字體種類相對較少,為了避免字體版權(quán)問題,多采用一些設(shè)計(jì)變形來達(dá)到營銷推廣目的。比如針對字形進(jìn)行改變、針對筆畫進(jìn)行加工、針對體積和質(zhì)感進(jìn)行變化等。

層次疊加——提取等比重的筆畫,變現(xiàn)字體的體積和空間感

筆畫鏈接——讓文字直接更緊湊,空間運(yùn)用更整體合理

筆畫裝飾——增加文字設(shè)計(jì)感,突出表現(xiàn)風(fēng)格

厚度層次——讓字體突出,增加厚重感

字形改變設(shè)計(jì)——考慮到字體版權(quán),對字體進(jìn)行再設(shè)計(jì),結(jié)合主題進(jìn)行宣傳

字體內(nèi)部裝飾——字體呼應(yīng)主題的一種簡單方式

韓國字形相對簡單,變化不是很多,運(yùn)用厚度體積和筆畫裝飾來表現(xiàn)字體

歐美的西文字體更多的是運(yùn)用和主體物穿插、和字形搭配的變換,和復(fù)古風(fēng)字體厚度設(shè)計(jì)

4. 小結(jié)

可以看到不同的國家地區(qū)根據(jù)本國習(xí)慣、審美、風(fēng)格不同,都有各自不同的設(shè)計(jì)。中國營銷快速簡單直接出效果;韓國偶像路線,不管是對于模特的選擇,還是網(wǎng)紅形象的選擇,把粉絲效應(yīng)運(yùn)用到了;而歐美則簡單兼顧設(shè)計(jì)創(chuàng)意表現(xiàn)。

淺談學(xué)習(xí)Banner

隨著教育在大趨勢下崛起,很多學(xué)習(xí)類產(chǎn)品開始出現(xiàn)。很多在做教育的小伙伴求助,學(xué)習(xí)類的運(yùn)營 banner 無從下手,思路不清晰,那么我稍稍的屢了一下思路,淺談一下學(xué)習(xí) banner 的個人薄見。

在很多設(shè)計(jì)師剛開始縷思路的時(shí)候,總因?yàn)闊o從下手而著急盲目,下意識的認(rèn)為「我不會啊」!那復(fù)雜的不會,就從簡單的開始縷。從設(shè)計(jì)開始,我構(gòu)圖都沒想好,設(shè)計(jì)啥設(shè)計(jì)?那再簡單點(diǎn),從構(gòu)圖開始吧,我思路都沒想好,構(gòu)啥圖?繼續(xù)再簡單點(diǎn),一步一步往前推,直到推到最簡單的細(xì)節(jié),從最初第一步開始做。你會發(fā)現(xiàn),首先第一步就是先建立一個符合主題的思路。

談到學(xué)習(xí)類 banner,光聽一聽就覺得頭大甚至很討厭的事情。因?yàn)楸緛韺W(xué)習(xí)就是讓人很拒絕的,如何引導(dǎo)用戶主動做一個不想做的事,就得用到一些特殊的手段了。

咱們這次主要從以下方面來多維度探討:

1. 主題定位方向

K12教育

K12 也就是九年義務(wù)教育和三年高中,所以人群定位青少年,年齡 7-18 歲。這個年齡段非常單純。

大家可以回想一下我們小時(shí)候,在這個年齡最享受的是什么?那就是「滿足感」和「參與感」,我們小時(shí)候玩積木、做游戲,最重要的不是贏了能得到什么東西,而是參與到其中享受快樂。所以建立一種參與感,參與進(jìn)來「一起玩」的感覺,就會得到滿足。

我們看到下面這類 APP,為了能夠吸引這一部分用戶,大多都以有趣好玩為主,「游戲性」是最大的特點(diǎn),所以情感化設(shè)計(jì)是非常好的選擇,通過豐富的「體積感插畫」用游戲的思路激發(fā)興趣,讓他們感覺有參與感,從而吸引他們「想看」并「點(diǎn)擊」。

知識付費(fèi)

而對于成年人來說,學(xué)習(xí)需求變成一種「插件思維」,能夠快速學(xué)會,或者說是能夠收獲很多的干貨,突出不枯燥、學(xué)會、能懂。這類的情感化設(shè)計(jì)相對于少兒學(xué)習(xí)插畫,更多的突出主題所以,以更極簡的設(shè)計(jì)形式。

有時(shí)候文字作為主視覺中心更加直觀,整體設(shè)計(jì)風(fēng)格可能更加簡單,對于成年人來說,這種設(shè)計(jì)更能直達(dá)我們需求本身,更容易理解。

高端知識分享

對于這部分人來說,定位跟上面兩類完全不同,從所處層級來說就不同。首先這類人,學(xué)習(xí)的可能就不只是干貨了,更多的需求是職場環(huán)境帶來的。比如,我怎么跟同事、朋友、下屬更好的相處,如何具有更好的說服力,或者是想進(jìn)修一下,就有了學(xué)習(xí)需求,基于「馬斯洛金字塔」里的,這里學(xué)習(xí)需求可能也是更高層次的,為了體現(xiàn)自己的價(jià)值。

所以更關(guān)心的是,這是誰講的課;通過設(shè)計(jì)情緒版,映射出當(dāng)前課程的專業(yè)、嚴(yán)謹(jǐn)、課程的價(jià)值高,這些關(guān)鍵點(diǎn)。

課程的品質(zhì)感的體現(xiàn),顏色不能太多,插畫設(shè)計(jì)元素少,更多的利用文字排版和少量圖形來突出主題。

總之,根據(jù)所代表的用戶來針對性設(shè)計(jì)。就好像剪頭發(fā),Tony 老師肯定不會給一個 20 多歲的年輕人理一個小平頭;穿衣服也一樣,你上班肯定不會穿個背心褲衩就去了,但在海邊放松你也不可能穿個西裝、牛仔,我相信大家都能明白這個道理。

2. 構(gòu)圖結(jié)構(gòu)

良好的構(gòu)圖,目的是能夠讓用戶易懂,首先結(jié)構(gòu)要清晰、簡單,主要構(gòu)圖比如:居中、左右。

居中結(jié)構(gòu)

突出活動文案,居中構(gòu)圖是個很好的選擇,不足就是體現(xiàn)不了有趣好玩的調(diào)性。直白說主要就是明確干什么。所以用戶的視覺焦點(diǎn)會聚集在重心區(qū)域,忽略掉周圍的東西,在設(shè)計(jì)的時(shí)候,周圍元素主要是襯托,不能搶主視覺重心。

所以說運(yùn)用插畫風(fēng)格的話,簡單輪廓插畫和剪影插畫是最適合的。

設(shè)計(jì)的時(shí)候注意幾點(diǎn):一,主體物要突出飽滿,太小容易畫面太空;二,弱化輔助元素并不是要把它做的粗糙。

左右結(jié)構(gòu)

左右結(jié)構(gòu)分為兩種,一種是左圖右文,左文右圖。兩種構(gòu)圖的秘密在于,用戶的瀏覽順序是「從左至右」,如果圖在左邊,圖在表意性不明顯的情況下,我們需要看一遍文字,再看一遍圖,這樣圖相當(dāng)于重復(fù)瀏覽了兩次;文字在左邊就減少了重復(fù)閱讀,提高了閱讀效率,在運(yùn)營推廣「3秒原則」里,是首先要考慮的因素。而插畫設(shè)計(jì)本身也是為了烘托氣氛,表意性不是很明顯,所以突出文案尤為重要。

所以,市面上大部分的學(xué)習(xí)知識類左右構(gòu)圖的,更傾向第二種左文右圖。

左右構(gòu)圖受限于屏幕顯示內(nèi)容,所以,有一個明確的主體物至關(guān)重要。比如:像 VIPKID 和噠噠英語,會有一個自己的 IP 主形象,比較生動突出了品牌特征,還能讓用戶有代入感;還有像一些知識分享的,就會有一個明確的講師或者人物,體現(xiàn)專業(yè)權(quán)威性,在設(shè)計(jì)上一切都以突出主人物來展開,就不要設(shè)計(jì)太過于復(fù)雜。

不同于電商的模特,主人物首先穿著上不能太花哨,要正式;周圍裝飾上不要太浮夸,要精簡,甚至像高端知識分享的,背景就一個簡單顏色來襯托。

衍生結(jié)構(gòu)

還有以上面構(gòu)圖衍生的構(gòu)圖形式,比如傾斜構(gòu)圖,受限于 banner 尺寸高度,過大的傾斜角度會讓畫面失衡,負(fù)空間留白不均,會讓畫面不協(xié)調(diào)。

構(gòu)圖比例合理

注意畫面整體構(gòu)圖比例,文案占比永遠(yuǎn)都是大的,不要讓主要畫面輔助元素過大搶了文案的風(fēng)頭,因?yàn)榧词箞D形輔助再精彩,用戶更關(guān)心的是「你能給他看什么」。

文案和輔助元素大概是六四開,黃金分割比例能讓焦點(diǎn)更多的關(guān)注內(nèi)容,有些小伙伴可能在做的時(shí)候過多的沉浸在放大的畫布里,由于沒有直觀感受,錯誤的預(yù)估當(dāng)前構(gòu)圖的合理性,所以做圖的時(shí)候多縮小畫布離遠(yuǎn)看是個非常不錯的方法。還有一個就是,做完了 banner 導(dǎo)出圖片,雙擊打開圖片,把圖拖小到無法拖動為止,再看當(dāng)前實(shí)際尺寸大小,用實(shí)際尺寸來檢查。

更多構(gòu)圖形式:《文案超多的海報(bào)設(shè)計(jì)該怎么排版?16個實(shí)用模板送給你!》

3. 文案文字

文案選字

文字的選擇也是衡量當(dāng)前產(chǎn)品用戶定位的標(biāo)準(zhǔn),首先文字結(jié)構(gòu)不能太過于復(fù)雜,K12 教育因?yàn)楸旧碛脩裟贻p化的特點(diǎn),字形簡單而且飽滿有趣,所以一些藝術(shù)手寫可愛字體比較適合。

免費(fèi)商用可愛字體推薦:沐瑤軟筆手寫體、站酷快樂體、鄭慶科黃油體、站酷小薇 LOGO 體、銳字真言體。

其他可愛字體推薦:漢儀唐美人、漢儀糯米團(tuán)、漢儀鑄字童年體、漢儀小麥體、方正胖娃體、方正字跡新手書、造字工房童心、文悅方糖體。

如果是高端知識分享和知識付費(fèi),體現(xiàn)高端。文字就要簡單,字形不要那么隨意,一些黑體和簡單的襯線體就比較合適。

免費(fèi)商用黑體襯線體推薦:思源黑、思源宋、站酷文藝體、方正書宋簡體。

其他黑體襯線體推薦:漢儀瑞意宋、方正清刻本悅宋、方正蘭亭、造字工房朗宋、造字工房黃金時(shí)代體、造字工房尚雅體。

文案排版

當(dāng)用戶人群比較年輕,意味著所有的呈現(xiàn)方式都要直接,文案精簡并且排版直觀,提煉關(guān)鍵主標(biāo)題,信息層級要拉開明顯,如果信息層級不清楚,識別性是很差的,先看下面的案例:

看這兩個,明顯右邊的對于我們識別,和對當(dāng)前功能的認(rèn)知更清晰,還有一個明顯的視覺引導(dǎo),突出了最主要的交互點(diǎn);而左邊的由于信息比較密集,導(dǎo)致我們無法短時(shí)間反應(yīng)出關(guān)鍵信息是什么,這是比較糟糕的,運(yùn)營同樣如此,而運(yùn)營比較尷尬的一點(diǎn)是,如果用戶看不懂或不感興趣,是根本不會點(diǎn)擊、不予理睬的。那么流量入口的意義就沒有了,設(shè)計(jì)的再精美,都是一個非常差的作品。

提煉文案是很有必要的,下面兩個同樣的設(shè)計(jì),右邊對于文案的認(rèn)知就更明顯。

有的時(shí)候往往文案的關(guān)鍵信息比較多,我們在排版的時(shí)候第一個重要點(diǎn),就是排版怎么拉開信息對比,同時(shí)又讓排版緊湊?有時(shí)需要增加一些特定圖形,或按鈕。但是又會考慮,加了這些特殊圖形和文案又顯得相對獨(dú)立不整體;還有就是關(guān)鍵點(diǎn)該怎么取舍,強(qiáng)化那些文案、弱化哪些,或是主文案是重要的,同時(shí)關(guān)鍵的數(shù)字也要突出怎么辦?

左圖,左邊主文案放大了關(guān)鍵點(diǎn),由于右邊文案文字比較粗,所以層級拉開還是不夠突出,如果想拉開對比的話那就讓他們截然不同。右圖,字體選擇上拉開強(qiáng)弱,讓右邊的文字比劃選擇細(xì)一些;左圖的關(guān)鍵數(shù)字不夠突出,通過提亮改變顏色,來強(qiáng)化;按鈕在左邊畫面顯得太獨(dú)立,和文案沒有形成統(tǒng)一關(guān)系,反而按鈕看起來變得要比文案重要,那么把按鈕插到里面。

現(xiàn)在所有的信息,一環(huán)插一環(huán),并且突出的文案明顯,關(guān)鍵數(shù)字也明顯;最后讓他們整體在畫面構(gòu)圖中面積比例放大,改版后是不是舒服很多。

還有一些小伙伴可能覺得親密性原則不就是距離相近么,然后沒有把控好各個部分的文字距離,導(dǎo)致反而該拉開的沒有拉開,該近的沒有近。

上圖這個案例里,主文案分為了兩行,但左邊由于主文案行距比較寬,而跟輔助信息的距離太近,導(dǎo)致親密性不夠,而由于副標(biāo)題文案又比較孤立,上半部的信息和下半部信息太散,整體統(tǒng)一度不夠。

右圖改進(jìn)后,調(diào)整合適行距,并且加裝飾線,協(xié)調(diào)一下輔助信息比較短的問題,同時(shí)也起到分割的作用讓上下文案有關(guān)聯(lián)和統(tǒng)一。

文案排版的其他細(xì)節(jié)還有錯位排版時(shí),注意錯位的大小,太大會丟失掉排版的平衡性;注意文案排版對齊,往往有的時(shí)候不注意,會讓你的作品看起來不夠精細(xì);文案做傾斜處理的時(shí)候,一般情況都是往右邊傾斜,第一,右邊都是我們的主要習(xí)慣方向;第二,往右可以很好的把用戶引導(dǎo)到關(guān)鍵信息上,這些也是做 banner 排版里經(jīng)常犯的錯也是要規(guī)避的一些坑。

4. 顏色技巧

顏色傾向

如果是代表年輕化,多用綠色和黃色,綠色代表活力、生機(jī)、積極向上;黃色系代表溫暖、希望、舒服。

這兩個顏色由于是臨近色的關(guān)系所以也會搭配出現(xiàn)在畫面中,色環(huán) 90° 角的顏色搭配所以是最舒服的配色,還有就是顏色對比非常和諧。

由于藍(lán)色是綠色的鄰近色、是黃色的對比色,紅色是綠色的互補(bǔ)色、黃色的鄰近色,所以綠、黃、藍(lán)、紅這些會在畫面中組成主色、輔色、點(diǎn)綴色。

注意協(xié)調(diào)好每部分顏色之間占比,主色 60% 左右、輔色 30% 左右、剩下的輔助色 10% 左右。

如果是代表科技、互聯(lián)網(wǎng),就會以藍(lán)色為主,顏色也不會像上面那樣豐富,顏色體現(xiàn)的設(shè)計(jì)也沒有那么活潑,代表冷靜、自然、科技。

一般畫面在2-3種顏色,以藍(lán)色為主,再搭配紫色。因?yàn)樽仙退{(lán)色是鄰近色,不會像暖色調(diào)一樣太沖撞,所以我們經(jīng)常會看到藍(lán)紫這種「好基友」的搭配。

知識分享類,分為普通的講師分享和高端知識分享。講師分享顏色要亮一些,顏色搭配大概是 1-2 種。

而高端知識分享,要體現(xiàn)知識的稀缺性和專屬感,代表尊貴、品質(zhì)、價(jià)值,顏色大多用暗色或消色(消色就是黑白灰),大概也是 1-2 種。

顏色方面我總結(jié)幾點(diǎn)坑需要避開的:一,如果用插畫表現(xiàn),一定要避免顏色的灰和臟,因?yàn)閷W(xué)習(xí)代表著積極向上的,灰色不適合。顏色選取的時(shí)候大概要避開「顏色警示區(qū)」的位置。

二,插畫風(fēng)格避免選擇紫和一些冷色調(diào),以暖色調(diào)為主,才能貼合情緒版定位;三,同樣的道理,顏色不要過于艷麗、過于刺激,反差明顯了,反而閱讀體驗(yàn)不好,影響觀感;四,所有的顏色最終都要定位到主題上,做完后,反向推倒檢查一下,顏色呈現(xiàn)符合當(dāng)前文案定位嗎?符合面向的用戶人群嗎?根據(jù)主題當(dāng)前配色合適嗎?

更多電商配色方法:《這是一篇不看會后悔的配色干貨》

5. 小結(jié)

最后我想說的是,所做的東西把自己當(dāng)成模擬用戶自檢一下,自己如果看到這個 banner 會點(diǎn)擊么?會吸引到你么?能直觀感受到么?會讓你舒服么?如果連自己都無感,那是相當(dāng)失敗的。

如何使Banner中主體物更突出

運(yùn)營專題在設(shè)計(jì)的時(shí)候,我們要考慮的是針對運(yùn)營需求,給特定需求的用戶傳達(dá)零成本閱讀體驗(yàn),很多設(shè)計(jì)師做的 banner 畫面特別亂,原因是畫面中沒有突出主體元素。

所以在 banner 設(shè)計(jì)上要考慮貼合當(dāng)前傳達(dá)的主題,所謂設(shè)計(jì)的「言之有物」。下面來詳細(xì)的談一下運(yùn)營設(shè)計(jì)時(shí)如何突出主體元素,其中的言之有物。

運(yùn)營活動最終想給用戶快速傳達(dá)文案信息,也就是「三秒閱讀」體驗(yàn),配合輔助文案的主體圖形更能方便用戶去理解。

可以看到下圖左為了讓畫面豐富,設(shè)計(jì)師往往會加一些輔助元素或圖形;而圖右糟糕的元素添加反而會過度設(shè)計(jì),干擾用戶對于運(yùn)營活動本身的理解和其表意性。

那么,如何突出視覺主體物,而達(dá)到最理想的設(shè)計(jì)作品的表意性呢?

我們從以下五方面細(xì)談:

1. 圖形化輔助元素

流暢線條的運(yùn)用

我們在看音樂類運(yùn)營 banner 的時(shí)候發(fā)現(xiàn)線條運(yùn)用非常普遍,特別是利用 illustrator 里的「混合工具」來實(shí)現(xiàn)兩條線之間的復(fù)制混合。

人物涂鴉剪影

往往為了表現(xiàn)特定的主題:比如年輕化、個性化,通過錯位移動,添加亮色來使人物突出,往往更多的表現(xiàn)在:音樂、設(shè)計(jì)、嘻哈接頭文化的電商運(yùn)營宣傳中。

這類設(shè)計(jì)個性鮮明,所以做之前考慮好,所要傳達(dá)的特定的人群是不是符合當(dāng)前的審美認(rèn)知。

簡單幾何形狀

有時(shí)候?yàn)榱俗寕鬟_(dá)主題更加明確,簡潔化設(shè)計(jì)很有必要「少即是多」,所以比如學(xué)習(xí)和知識付費(fèi)類的設(shè)計(jì),干脆就用簡單的圓形、方形、波浪曲線。

下面這個案例,設(shè)計(jì)者為了使這幾個人物不會太散,用圓形包裹,目的也是為了更加整體,試想一下,如果把圓形去掉,人物不僅會顯多,畫面也顯得既單調(diào)又亂。

立體幾何載體

讓風(fēng)格調(diào)性顯得品質(zhì)高,同樣讓設(shè)計(jì)少而精。需要注意的是,品質(zhì)感高逼格的設(shè)計(jì)所用的圖形相對要規(guī)整一些,盡量不要顯得太隨意,多用方塊形狀和立體幾何載體。

比如網(wǎng)易嚴(yán)選,為了突出「所賣東西都是精挑細(xì)選」,會采用立體幾何載體襯托的方式,所表現(xiàn)的就是「隆重和百里挑一」,我們不一樣~(會唱的朋友們一起唱)

多邊圖形

運(yùn)用模特表現(xiàn)的時(shí)候,高品質(zhì)感會用一些規(guī)則多邊形,比如:四邊形、多邊形等。多邊的形狀會給我們帶來穩(wěn)重感,「尊貴感與眾不同」往往是這類商品想傳達(dá)給我們的。

不規(guī)則流體

促銷類電商營造促銷的氛圍,激發(fā)購買欲,會用到多色彩的不規(guī)則流體,目的為了傳達(dá)「降價(jià)、折扣、滿減、超值、限時(shí)」等 ,往往會為圍繞主體物四周,突出主體元素。

小結(jié)

圖形化元素是最簡單也是最實(shí)用的一種突出主體元素的表現(xiàn)方式,不管是用哪種,一定要想明白所表現(xiàn)的主題:符不符合當(dāng)前主題;推廣所屬對應(yīng)的用戶群體:心理認(rèn)知上能不能贊同;滿足這兩點(diǎn),所加的圖形才有意義。任何圖形都是為了輔助突出主體元素,記住這一點(diǎn),你就不會盲目的進(jìn)行設(shè)計(jì)。

2. 文案裝飾襯托

文字鋪底

直接把相關(guān)文字鋪底是最常見的一種方式,用當(dāng)前所對應(yīng)主題的人物名字、相關(guān)文案、對應(yīng)英文等。

文字與主體穿插

利用文字與主體的穿插營造出空間感,也是在平面設(shè)計(jì)中經(jīng)常用到的手法,同樣也是在保證文字基本的識別度前提下。

注意文字顏色與主體顏色之間要拉開反差,不要糊成一坨,就適得其反了,適當(dāng)?shù)臅r(shí)候加一點(diǎn)點(diǎn)陰影還是很有必要的。

小結(jié)

不管是什么形式,所加的文字要有意義,跟主題相關(guān)。任何加的文案一定要能襯托主體物,也要有很強(qiáng)的表意性,畢竟文案才是最重要的。

3. 顏色對比的運(yùn)用

主體物吸色襯托

從主體物上之間選取,作為背景顏色搭配,來襯托主體物簡直不要太完美,前提是主體物的顏色相對夠和諧舒服。需要襯托的背景顏色相對要弱一點(diǎn),以突出主體。

顏色對比

我們一想到顏色對比,馬上想到「紅配綠賽狗屁」這句話,這句話的意思不是說紅配綠不行,而是說錯誤的紅配綠不行,聽不懂啊?來,舉個栗子…李子…梨子…例子!

左圖的紅綠顏色占比可以看到是比較平均的,大概1:1的比例,但是紅色作為一個比較刺激的顏色,顏色很鮮艷,如果搭配的綠色也一樣飽和度很高,兩個撞到一起沒有一個突出色,畫面就不會那么和諧了。

右圖如果我們把紅色的占比相應(yīng)的減少,飽和度不變,而綠色降低飽和度,從而面積占比增大,起到襯托的作用,畫面之間是不是舒服很多。

下圖其他的顏色對比同樣如此。

小結(jié)

顏色對比的口訣是:主體如果是亮色,背景就用冷色;主體用重色,背景用亮色;主體用純色,背景用灰色;不管哪種對比,主體物的顏色一定是面積最小的那一個,無論如何拉開顏色對比反差是王道。

4. 主體物局部打光

人物面部打光

人物面部是最容易辨識,也是視覺焦點(diǎn)部分,所以讓面部從畫面凸現(xiàn)出來尤為重要,讓光源聚焦到臉部,主體人物顯得更加有質(zhì)感和飽滿度。

物體亮部打光

物體和人物相比相對簡單,亮部高光部分為視覺焦點(diǎn),讓物體顯得有質(zhì)感,只需要給亮部特殊光源即可。

小結(jié)

光線能在突出主體物的同時(shí),讓構(gòu)圖更加豐富和飽滿,切記光線不要過亮,看起來會很不舒服。

5. 主體元素?cái)[放技巧

人物截取范圍

截取擺放人物的時(shí)候注意,為了讓視覺焦點(diǎn)集中、有辨識度。具有代表性的人物和明星一般截取一半左右,大約胸部以上部位;而電商模特為了展示所賣衣服,一般露出大約三分之二。

萬萬不要切頭部

讓人物完美的呈現(xiàn)在畫面之中,讓畫面能夠看起來舒服些,構(gòu)圖也相對完整,反之把頭部一刀切,會使畫面負(fù)空間變小,構(gòu)圖擁擠,而觀看者對于人物的識別度也隨之降低,閱讀成本變高。

多人物擺放要求

多人物組合時(shí),整體人物處理要基本保持一致,特別是眼睛視線要盡量保持統(tǒng)一的視覺基準(zhǔn)線,不然會顯得雜亂不堪。

多物體的擺放

表現(xiàn)美食產(chǎn)品的時(shí)候,文字居中構(gòu)圖,物體散點(diǎn)擺放要注意,角度的統(tǒng)一,統(tǒng)一俯視角度,不要有俯視有平視,保證統(tǒng)一度。

6. 案例帶練示例

案例分析

這是一個小伙伴做的醫(yī)美類的運(yùn)營 banner,當(dāng)看到這個設(shè)計(jì)的時(shí)候我的內(nèi)心是崩潰的,我們分析一下問題。

問題一,首先主體物沒有突出,主體人物偏灰,背景也灰;問題二背景太亂,沒有視覺焦點(diǎn);問題三,文案識別度完全丟失掉了,排版也太亂;好下面我們來改一下。整體看下來,并沒有表現(xiàn)出醫(yī)美要體現(xiàn)的「變美」,用戶完全沒有視覺感受。

調(diào)整改動

前后對比

最后我們來看看對比效果,是不是好很多。

無論什么樣的設(shè)計(jì),加什么樣的元素,目的只有一個就是要有理有據(jù)、有道理,所有的運(yùn)營設(shè)計(jì)都是為了輔助主體文案。不要讓你的設(shè)計(jì)無用,或者減分,把設(shè)計(jì)元素最大化發(fā)揮它的作用才是設(shè)計(jì)的最終目的,你就說是不是吧!

日歷

鏈接

個人資料

存檔

av图片在线观看| 在线播放第一页| 黄色网址在线播放| 久久精品二区亚洲w码| 久久视频在线免费观看| 香蕉视频免费网站| 久草在线中文最新视频| 国产精品三级视频| 国产精品久久久久久久久久直播| 欧美精品韩国精品| 999视频精品| 日韩av在线看| 手机在线视频一区| 大桥未久在线视频| 亚洲私人影院在线观看| 欧美日韩一区二区视频在线| 国产黄a三级三级看三级| 国产日韩亚洲| 久久6免费高清热精品| 超碰人人人人人人人| 日本精品视频| 欧美日韩一区中文字幕| 播放灌醉水嫩大学生国内精品| 激情综合闲人网| k8久久久一区二区三区| 亚洲综合在线做性| 亚洲视频一区二区三区四区| 欧美先锋影音| 久久精品国产v日韩v亚洲| 播金莲一级淫片aaaaaaa| 亚洲欧美一级| 欧美在线短视频| 成人久久久久久久久| 国产欧美久久久久久久久| 国产精品天美传媒| 日本一区高清不卡| 国内福利写真片视频在线 | 岳毛多又紧做起爽| sm国产在线调教视频| 国产精品无码永久免费888| 欧美日韩综合另类| 高清视频在线www色| 国产精品一二一区| 91系列在线播放| 国产精品久久久午夜夜伦鲁鲁| 亚洲国产高清视频| 亚洲精品国产品国语在线app| 欧美一区国产二区| av免费中文字幕| 1区2区在线| 亚洲福利视频一区| 精品少妇在线视频| 9191在线播放| 一区二区三区精品视频| 777久久精品一区二区三区无码 | 成人在线不卡| 91国偷自产一区二区开放时间 | 日韩av电影免费观看高清完整版| 日韩av免费看网站| 国产精品尤物视频| 老鸭窝91久久精品色噜噜导演| 欧美一二三视频| 天天爱天天做天天爽| 亚洲欧美日本日韩| 国产成人涩涩涩视频在线观看 | 国产在线高清视频| 亚洲激情图片qvod| 日韩精品一区在线视频| 影音先锋男人资源在线| 亚洲国产综合色| 激情综合在线观看| 厕沟全景美女厕沟精品| 欧美三级电影一区| 天天爽夜夜爽视频| 久久av偷拍| 日韩电影大全免费观看2023年上 | 亚洲人吸女人奶水| 日韩国产小视频| 欧美hdxxxxx| 欧美日韩国产一区二区| 亚洲色图 在线视频| 久久久久久久性潮| 精品免费一区二区三区| 性少妇bbw张开| 国产精品一区高清| 久久亚洲精品毛片| 天堂在线免费观看视频| 久久字幕精品一区| 92看片淫黄大片看国产片| 深爱激情五月婷婷| 久久影音资源网| 91制片厂免费观看| 天天色天天射天天综合网| 黑人精品xxx一区| 亚洲天堂伊人网| 高潮按摩久久久久久av免费| 在线成人中文字幕| 久久免费公开视频| 亚洲欧美网站| 5566中文字幕一区二区| 在线视频观看你懂的| 中文字幕亚洲电影| 激情婷婷综合网| www.久久99| 亚洲天堂av女优| 国产一级特黄毛片| 久久这里只有| 国产麻豆乱码精品一区二区三区 | 亚洲天堂狠狠干| 国产激情一区二区三区| 亚洲欧美国产精品桃花| 日本欧美电影在线观看| 欧美乱熟臀69xxxxxx| 精品无码在线视频| 99久久久久久中文字幕一区| 国产精品va在线播放| 人人妻人人澡人人爽久久av| 国产日韩视频一区二区三区| www.av蜜桃| 国产精品蜜月aⅴ在线| 亚洲免费精彩视频| 国产精品6666| 精品一二线国产| 亚洲一卡二卡三卡四卡无卡网站在线看| 性直播体位视频在线观看| 欧美三级韩国三级日本一级| 久久亚洲AV无码专区成人国产| 亚洲国产精品日韩专区av有中文 | 久色乳综合思思在线视频| 少妇久久久久久久| 国产91高潮流白浆在线麻豆 | 亚洲电影成人| 国产精品免费一区二区| 麻豆传媒在线完整视频| 欧美日韩一区二区不卡| a资源在线观看| 国产精品久久久久久久免费软件 | 精品国产乱码久久久久久蜜坠欲下| 国内精品免费午夜毛片| 日本激情一区二区| 一区二区视频在线| 国产成人精品一区二区三区在线观看| 欧美精品一区二区三区中文字幕 | 无码人妻精品一区二区蜜桃色欲| 国产成a人无v码亚洲福利| 超碰人人爱人人| 欧美黄页免费| 美女福利视频一区| www.国产欧美| 亚洲免费观看视频| 亚洲少妇中文字幕| 韩日欧美一区| 精品无人乱码一区二区三区的优势| 午夜小视频在线观看| 精品美女一区二区三区| 日本学生初尝黑人巨免费视频| 国产精品一区免费视频| 丁香花在线影院观看在线播放| 日本精品国产| 91精品国产91久久久久久吃药| 污视频在线免费| 亚洲成a人v欧美综合天堂| 精品影片一区二区入口| 亚洲精品综合| 亚洲v国产v| 欧美日韩尤物久久| 久久久极品av| 日本免费网站在线观看| 精品久久久久久中文字幕| 中文字幕 自拍| 青青青爽久久午夜综合久久午夜| 成年人免费观看的视频| 91麻豆精品一二三区在线| 色综合久久久久久中文网| 天天躁日日躁狠狠躁伊人| 黄色一区二区在线| 九九热久久免费视频| 精品在线你懂的| 欧美精品自拍视频| 亚洲精品亚洲人成在线| 成人激情综合网| 羞羞电影在线观看www| 精品亚洲一区二区三区在线播放| 懂色av蜜臀av粉嫩av喷吹| 一区二区中文字幕在线| 久久免费精品国产| 蜜桃久久av| 日韩一二区视频| 国产伦精品一区二区三区在线播放| 日韩免费中文字幕| 日本成a人片在线观看| 日韩av在线导航| av一区二区三| 精品国产91久久久| 国产三级国产精品国产国在线观看| 国产成人在线观看| 在线视频日韩一区| 在线看片不卡| 日韩av不卡在线播放| 精品三级久久久| 国产精品99久久久久久久久| 麻豆传媒视频在线观看| 精品小视频在线| 国精产品一品二品国精品69xx| 日韩欧美在线视频免费观看| 久久国产免费观看| 国产日韩欧美高清| 大黑人交xxx极品hd| 精品影视av免费| 国产精品无码av无码| 中文字幕免费一区二区三区| 亚洲电影免费| 豆花视频一区二区| 亚洲xxx自由成熟| 欧美一区 二区 三区| 2019日本中文字幕| 黄色一级片在线观看| 中文字幕精品www乱入免费视频| 香蕉视频911| 91精品国产乱码| 亚洲一区二区三区高清视频| 精品magnet| 国产精品成人aaaa在线| 国产精品你懂的在线| 蜜桃久久精品成人无码av| 国产91综合一区在线观看| 波多野结衣免费观看| 肉色丝袜一区二区| 国产一级不卡毛片| 亚洲激情视频| www.日本在线播放| 亚洲天堂男人| 99在线免费视频观看| 五月久久久综合一区二区小说| 亚洲欧洲精品一区二区三区波多野1战4| 高清日韩欧美| 久久五月天婷婷| 久久丝袜视频| 老牛影视免费一区二区| 高清日韩欧美| 久久综合九色综合久99| 国产精品18hdxxxⅹ在线| 国产精品区一区二区三在线播放| 国产精一区二区| 91热精品视频| 国产精品xnxxcom| 5g国产欧美日韩视频| 国产欧美视频在线| 国产98在线|日韩| 日本伊人久久| 国产亚洲福利社区| 加勒比色老久久爱综合网| 精品欧美日韩在线| 久久资源综合| 日韩在线第一区| 国产一区二区三区探花| 亚洲免费不卡| 欧美岛国激情| 国产成人永久免费视频| 欧美精品日韩| avav在线看| 日韩精品乱码av一区二区| 国产欧美激情视频| 国产精品18久久久久久久久| 一级特黄a大片免费| 99久久精品一区| 久久久国产一级片| 国产精品久久99| 精品视频久久久久| 精品久久久一区二区| 中文字幕一区二区三区人妻四季| 欧美三级韩国三级日本三斤| www.天堂在线| 亚洲国产精品va| 手机亚洲第一页| www.色综合| 国产盗摄一区二区| 国产精品丝袜视频| 国产精品一区二区美女视频免费看| 国产99在线播放| 亚洲精品合集| 成人污网站在线观看| 一区在线视频| 中文字幕成人在线视频| 国产不卡一区视频| 国产jk精品白丝av在线观看| 国产精品久久综合| 国产手机在线视频| 欧美少妇xxx| 天堂成人在线视频| 国产一区二区动漫| 成人福利片网站| 国产精品www网站| 精品伊人久久| 亚洲成人自拍| 黄色成人精品网站| 在线观看国产福利| 国产99久久精品| 99成人在线观看| 性做久久久久久| 国产特级黄色片| 亚洲欧美日韩成人| 91麻豆免费在线视频| 国产欧美日韩中文字幕在线| 一区二区在线免费播放| 在线视频不卡一区二区| 一区二区三区国产在线| 国产男女无遮挡猛进猛出| 久久夜色精品国产噜噜av| 久久精品99国产精| 欧美亚洲国产一区二区三区va| 性感美女一级片| 久久99久久99精品中文字幕| 日日夜夜天天综合| 久久久久se| 在线精品视频在线观看高清| 中文字幕精品一区二区三区在线| av资源网一区| 日韩三级视频在线播放| 欧美一区二区三区婷婷月色| 国产裸舞福利在线视频合集| 欧美亚洲另类制服自拍| 麻豆国产一区二区三区四区| 一区二区三区在线观看www| 亚洲在线观看| 亚洲熟妇无码av| 亚洲午夜精品网| 国产成人自拍一区| 久久久精品一区二区三区| 国精产品一区二区三区有限公司| 久久超碰亚洲| 亚洲高清在线| 精品人妻一区二区免费| 亚洲精品国产精华液| 国产高清免费av| 久久精品国产亚洲| 草莓视频成人appios| 亚洲国产一区二区精品视频 | 一二三级黄色片| 欧美国产一区二区| 97人妻精品一区二区三区软件| 亚洲小视频在线观看| 中文字幕乱码在线播放| 欧美一级片免费观看| 国产美女诱惑一区二区| 国产精品毛片一区二区| 一本久道久久综合中文字幕| 在线成人福利| 国产精品久久久久久一区二区| 国产91一区| 亚洲成人天堂网| 中文字幕视频一区| 丰满少妇被猛烈进入| 欧美激情亚洲自拍| 国产香蕉精品| 亚洲一二三区av| 中文字幕乱码久久午夜不卡| 国产精品国产三级国产普通话对白| 中文字幕在线看视频国产欧美在线看完整| 都市激情综合| 手机福利在线视频| 国产美女娇喘av呻吟久久| 日本少妇性生活| 亚洲精品久久视频| 成人福利视频| 美女黄色片网站| 国产成人精品免费在线| 久久精品视频7| 综合av色偷偷网| 欧洲大片精品免费永久看nba| 婷婷无套内射影院| 26uuu色噜噜精品一区二区| 97国产成人无码精品久久久| 不卡毛片在线看| 999久久久久久久久6666| 国产一区二区视频免费在线观看| 国产日韩欧美电影| 亚洲乱码国产乱码精品精软件| 97免费中文视频在线观看| 国产亚洲一区| 一级黄色电影片| 一道本成人在线| 快射视频在线观看| 久久riav二区三区| 麻豆精品在线播放| 毛片视频网站在线观看| 一区二区亚洲欧洲国产日韩| 精品视频91| 一区二区三区网址| 亚洲午夜免费视频| 国产一区二区影视| 国产免费一区| 蜜臀av一区二区三区| 日韩在线视频免费播放| 在线色欧美三级视频| 综合激情五月婷婷| 国产aⅴ爽av久久久久| 性欧美疯狂xxxxbbbb| 日本综合在线| 色中色综合成人|