手机国产精品一区二区,另类第一页,亚欧在线,日韩一国产极品99热在线播放69_国产美女久久精品香蕉欧美_亚州中文无码aⅤ在线_免费国产v片在线

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

2019-12-4    資深UI設(shè)計者

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

國內(nèi)國外運營 Banner 設(shè)計

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

主要從以下三方面來說:

1. 風(fēng)格特點

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

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

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

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

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

中國

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

韓國

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

2. 整體構(gòu)圖

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

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

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

文字層

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

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

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

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

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

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

主體物層

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

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

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

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

裝飾層

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

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

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

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

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

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

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

形狀流體在營銷中突出了活動的促銷感和氣氛,在重大活動中經(jīng)??吹剑噬弦脖容^鮮艷。相較歐美、韓國,中國電商運用比較多,這也側(cè)面反映出出中國運營推廣競爭的殘酷性映射出來的「浮夸」。

背景層

中國設(shè)計里最多變的就屬背景了??梢岳枚嗖蕽u變、放射的線、還有圖案疊加,讓畫面迎合表達(dá)的主體基調(diào)

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

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

3. 營銷推廣層面

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

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

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

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

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

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

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

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

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

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

4. 小結(jié)

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

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

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

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

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

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

1. 主題定位方向

K12教育

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

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

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

知識付費

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

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

高端知識分享

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

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

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

總之,根據(jù)所代表的用戶來針對性設(shè)計。就好像剪頭發(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)性。直白說主要就是明確干什么。所以用戶的視覺焦點會聚集在重心區(qū)域,忽略掉周圍的東西,在設(shè)計的時候,周圍元素主要是襯托,不能搶主視覺重心。

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

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

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

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

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

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

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

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

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

構(gòu)圖比例合理

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

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

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

3. 文案文字

文案選字

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

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

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

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

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

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

文案排版

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

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

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

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

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

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

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

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

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

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

4. 顏色技巧

顏色傾向

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

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

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

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

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

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

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

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

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

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

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

5. 小結(jié)

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

如何使Banner中主體物更突出

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

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

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

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

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

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

1. 圖形化輔助元素

流暢線條的運用

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

人物涂鴉剪影

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

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

簡單幾何形狀

有時候為了讓傳達(dá)主題更加明確,簡潔化設(shè)計很有必要「少即是多」,所以比如學(xué)習(xí)和知識付費類的設(shè)計,干脆就用簡單的圓形、方形、波浪曲線。

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

立體幾何載體

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

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

多邊圖形

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

不規(guī)則流體

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

小結(jié)

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

2. 文案裝飾襯托

文字鋪底

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

文字與主體穿插

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

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

小結(jié)

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

3. 顏色對比的運用

主體物吸色襯托

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

顏色對比

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

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

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

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

小結(jié)

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

4. 主體物局部打光

人物面部打光

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

物體亮部打光

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

小結(jié)

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

5. 主體元素擺放技巧

人物截取范圍

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

萬萬不要切頭部

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

多人物擺放要求

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

多物體的擺放

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

6. 案例帶練示例

案例分析

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

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

調(diào)整改動

前后對比

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

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

分享本文至:

日歷

鏈接

個人資料

藍(lán)藍(lán)設(shè)計的小編 http://www.88yangsc.com

存檔