對(duì)話(huà)框也能引導(dǎo)視線(xiàn)——讓我們和微信一起學(xué)設(shè)計(jì)

云水湄PPT工作室

蘭州市/設(shè)計(jì)愛(ài)好者/7年前/1078瀏覽

版權(quán)

云水湄PPT工作室

什么？微信也要做廣告？讓我們一起學(xué)微信的廣告設(shè)計(jì)。

對(duì)話(huà)框也能引導(dǎo)視線(xiàn)——讓我們和微信一起學(xué)設(shè)計(jì)

原創(chuàng)：云水湄ppt工作室云水湄PPT工作室今天

大家好，今天我們學(xué)習(xí)的案例是一則微信的廣告。

什么？微信也要做廣告？對(duì)了，這就是前不久騰訊公司派出的一部關(guān)于宣傳微信APP的視頻，配合了一些設(shè)計(jì)的文案和宣傳頁(yè)面。

既然是大公司出品，里面必然有很多我們的可取之處，讓我們來(lái)一起學(xué)習(xí)一下吧。

1.設(shè)計(jì)思路

文案設(shè)計(jì)：關(guān)于這個(gè)視頻的文案，寫(xiě)的非常棒，既簡(jiǎn)單又富有感染力，但視頻中文案內(nèi)容太長(zhǎng)，我會(huì)附在文章的最后，供大家參考和學(xué)習(xí)。

這四張PPT的文案，就是簡(jiǎn)簡(jiǎn)單單的四句話(huà)。

為自己的現(xiàn)實(shí)買(mǎi)單，也為別人的生活點(diǎn)贊。

靠近了心里的人，卻冷落身邊的人。

常常被人群包圍，卻更享受孤獨(dú)滋味。

期待著久別重逢，也習(xí)慣了相對(duì)無(wú)言。

文案的內(nèi)容相對(duì)比較簡(jiǎn)單，但卻發(fā)人深省。

對(duì)于這樣的文案，我們PPT的設(shè)計(jì)主要還是要采用一句話(huà)配一幅圖的常規(guī)操作方式來(lái)體現(xiàn)，因此圖片的選取就顯得尤為重要，我們來(lái)學(xué)習(xí)一下，微信是如何操作的？

2.配圖的選取

在配圖選取的方面，主要采用了深色調(diào)的配圖加上白色的文字的方式。采用深色調(diào)的配圖主要原因是，設(shè)計(jì)的背后有一個(gè)視頻素材在支撐，而視頻的整個(gè)色調(diào)趨于深色調(diào)。

所以說(shuō)，PPT的設(shè)計(jì)和視頻保持了一致，這四張配圖都是取材自視頻本身的畫(huà)面。

選取幾張視頻中的畫(huà)面，大家注意其中大多是以深色調(diào)為主。

特別值得注意的是，配圖和文案高度契合，一個(gè)專(zhuān)注于玩手機(jī)卻忽略了母親的兒子，和一個(gè)一邊吃面一邊看朋友圈兒的大叔，極具生活氣息，十分接地氣，和讀者產(chǎn)生了強(qiáng)烈的共鳴，這樣的配圖可以說(shuō)是非常成功的，即使不看文案的說(shuō)明也極具張力。

3.用對(duì)話(huà)框來(lái)引導(dǎo)視線(xiàn)

這四篇PPT的亮點(diǎn)，就是合理的用對(duì)話(huà)框來(lái)引導(dǎo)讀者的視線(xiàn)

大家可以看到，開(kāi)放式的對(duì)話(huà)框占滿(mǎn)了整個(gè)屏幕，對(duì)話(huà)框的左下角，是“我微信你”的文案。

用對(duì)話(huà)框本身左下角所自帶的三角形的折線(xiàn)來(lái)引導(dǎo)觀眾的視線(xiàn)，由畫(huà)面主體的人物，很自然地轉(zhuǎn)移到”我微信你“這個(gè)主題的上來(lái)。

特別有意思的是，這個(gè)PPT的設(shè)計(jì)者還將開(kāi)放式的對(duì)話(huà)框嵌入到我微信你4個(gè)字中，然后又設(shè)計(jì)了一個(gè)小的對(duì)話(huà)框引導(dǎo)大家把視線(xiàn)落入到最下方的一行小字之中——世界最大不過(guò)你我之間。

這樣的設(shè)計(jì)令人拍案叫絕，兩次對(duì)話(huà)框的精細(xì)處理引導(dǎo)讀者將所有的文案閱讀完全，傳遞了作者所希望讀者了解到的全部信息，可以說(shuō)隨著讀者視線(xiàn)的一步步深入，設(shè)計(jì)者也就完成了他所要達(dá)到的傳遞信息效果。

4.配圖的細(xì)節(jié)處理

配圖的細(xì)節(jié)處理方面主要有兩點(diǎn)值得我們學(xué)習(xí)：

①兩篇配圖都采用了漸變蒙版的處理方式，也就是說(shuō)在圖片的上層附著一個(gè)全屏的純黑的蒙版，采用了由中心向四周的漸變，由中心向四周透明度逐漸增加，中心為全透明。

這其實(shí)是常用的一種處理圖片的方式。它可以保證四周的文字信息不被圖片信息所干擾，尤其是在處理特別復(fù)雜的地圖的時(shí)候，這種手段就顯得非常實(shí)用。

但處理的時(shí)候需要注意，要根據(jù)文案的位置和數(shù)量來(lái)決定采用什么樣的漸變方式、漸變范圍和透明度等一系列參數(shù)。

②配圖的人物和對(duì)話(huà)框的相交方式方面。為了凸顯人物本身，將人物的頭像置于對(duì)話(huà)框之上。這樣的設(shè)計(jì)主要是考慮到，進(jìn)一步凸顯人物本身，同時(shí)也避免了對(duì)話(huà)框在整個(gè)配圖中過(guò)于突兀，使得更加有設(shè)計(jì)感。

這種設(shè)計(jì)其實(shí)實(shí)現(xiàn)起來(lái)也很簡(jiǎn)單，簡(jiǎn)單來(lái)說(shuō)就是將人物的頭像與對(duì)話(huà)框的橫線(xiàn)相交的部分摳出來(lái)，并復(fù)制于原圖之上，使得與底圖高度重合起來(lái)，就可以了（注意細(xì)節(jié)的把控）。

操作的過(guò)程中可以用PPT自帶的摳圖，如果效果不好，也可以用PS來(lái)實(shí)現(xiàn)。

當(dāng)然，對(duì)于PS功底不夠深的同學(xué)，我也推薦一個(gè)摳圖的網(wǎng)站（免費(fèi)），來(lái)幫助大家實(shí)現(xiàn)完美摳圖。

這個(gè)網(wǎng)站，對(duì)人物，尤其是人物頭發(fā)摳圖的精確把控方面做的比較好。

https://www.gaoding.com/koutu/