暢游VC：3步搞定Slogan的排版

我們?cè)谄綍r(shí)接到需求之后，總會(huì)涉及到關(guān)于slogan（文案）的排版問(wèn)題，那么如何快速的梳理文案的層級(jí)，對(duì)slogan進(jìn)行快速的排版呢？今天給大家分享一些自己在slogan排版這塊的小經(jīng)驗(yàn)，希望能夠?qū)Υ蠹矣兴鶐椭?/p>

那么通常在拿到slogan之后我們第一步應(yīng)該做什么呢？

 這種文案給的比較清晰，本身就可以很直觀的進(jìn)行判斷文案的層級(jí)，所以很容易得到以下排版：

如果按照我們上面的理解，是不是應(yīng)該把“刀劍英雄跨年特別活動(dòng)”作為主標(biāo)題，“跨年送驚喜 紅包領(lǐng)不停”作為副標(biāo)題來(lái)處理呢？并！不！是！

 一般情況下，對(duì)待我們拿捏不準(zhǔn)的slogan定位的時(shí)候，最好的方法就是跟需求方那邊去確認(rèn)下slogan中的文案層級(jí)，究竟什么是最重要的。經(jīng)過(guò)跟需求那邊溝通，了解到這句slogan的層級(jí)關(guān)系如下：

那到這里我們的第一步基本上就算完成了，這里主要是對(duì)slogan的層級(jí)做一個(gè)簡(jiǎn)單的大小和顏色上的區(qū)分，目的是為了讓我們對(duì)slogan的層級(jí)有一個(gè)大致的了解，便于我們進(jìn)行后期的排版工作。

如果我們的slogan全部都是文字，只是有單純字體和字號(hào)上的區(qū)分，整體難免看起來(lái)會(huì)很枯燥，而且全都是文字的話也對(duì)瀏覽者提煉關(guān)鍵信息起到一定的阻礙作用。所以我們可以嘗試對(duì)slogan中的部分文案添加一些圖形修飾，修飾的形式很多，可以是線條、框或者面等等，下面我們通過(guò)一些栗子來(lái)加深理解：

那么這里給了一句文案，我們可以添加哪些簡(jiǎn)單的圖形修飾呢？如下：

上面隨意打出來(lái)的栗子就是我們添加的圖形修飾，這下很容易理解了吧。那我們對(duì)slogan做這種處理的好處有哪些呢？ 

   1. 可以使我們的排版形式更加豐富 

   2. 可以使slogan的主副等標(biāo)題之間的層級(jí)更加清晰 

   3. 可以使瀏覽者迅速get到文案中的刺激點(diǎn)

   那我們還以上面兩個(gè)例子給部分文案也添加一些簡(jiǎn)單的圖形修飾：

矮油臥槽，是誰(shuí)允許你把“新門派”放那么小的？別急，咱們看下下面的圖：

有沒(méi)有感覺(jué)很熟悉？這兩張圖中的“特價(jià)”和“熱銷”雖然占比也不大，但是卻很惹眼。它們作為一個(gè)獨(dú)立于主體之外的標(biāo)簽，不僅沒(méi)有被弱化，反而更容易引起瀏覽者的注意。我們這里也是一樣的，“新門派”是對(duì)“鬼谷”的一個(gè)定語(yǔ)修飾，告訴大家“鬼谷”是什么。那既然是新推出的門派，當(dāng)然也可以像電商產(chǎn)品列表中的“新品”一樣做類似的處理了。

根據(jù)上面的描述，例二添加完圖形修飾后的效果如下：

那到這里我們的第二步基本上就算完成了，這里主要是對(duì)slogan的層級(jí)做一個(gè)斷句的處理，目的也是為了讓我們的排版更加合理和易讀，通過(guò)這一步我們對(duì)最終的文案排版會(huì)有一個(gè)相對(duì)明確的認(rèn)識(shí)，現(xiàn)在差的就只是選擇合適的字體，并且根據(jù)不同的頁(yè)面風(fēng)格，對(duì)排版中的圖形修飾做進(jìn)一步的細(xì)化處理了。

選擇合適的字體，這點(diǎn)我覺(jué)得很好理解了，就是根據(jù)不同的風(fēng)格頁(yè)面需求來(lái)定位相應(yīng)的字體。比如：武俠風(fēng)的首選書法字體或者粗宋體，槍戰(zhàn)動(dòng)作類的選擇一些棱角分明、外形看起來(lái)比較堅(jiān)硬的字體，活動(dòng)類的可以選擇一些筆畫較粗的非襯線字體等等。（這里選擇的字體主要是針對(duì)slogan中的主標(biāo)題。）

那么我們可以看到，對(duì)于出自《新天龍八部》的例一來(lái)說(shuō)，這里的主標(biāo)題我選擇了書法字。首先，天龍是一款武俠類的游戲，本身的專題中書法字和粗宋體就是首選，鑒于鬼谷這個(gè)門派的牛逼之處（據(jù)說(shuō)他們一出場(chǎng)就單挑其他十二大門派），所以這里選擇了更顯霸氣的書法字來(lái)做主標(biāo)題，其他的標(biāo)題則選擇了宋體類型字，以識(shí)別清晰為主要出發(fā)點(diǎn)。另外，“內(nèi)測(cè)資格限量領(lǐng)取”這句副標(biāo)題的修飾圖形也由矩形框變成了兩端的圖形修飾，這里主要考慮到主標(biāo)是書法字，并不像其他字體看起來(lái)那么規(guī)整，鑒于書法文字的高低大小錯(cuò)落，所以副標(biāo)題沒(méi)有選擇較為方正的形狀去修飾。大家還可以看到“新門派”下面的紅底已經(jīng)從一個(gè)圓角矩形變成了墨跡，這也是從頁(yè)面的類型和風(fēng)格出發(fā)而做出的進(jìn)一步細(xì)化。

 按照我們的排版，加上各種效果之后，最終顯示如上圖。

例二出自《刀劍英雄》，雖然也是古風(fēng)，但是這個(gè)專題的定位是偏活動(dòng)類型的，所以這里也并沒(méi)有選擇粗宋或者書法字，而是選擇了比較粗壯厚重的非襯線字體去做主標(biāo)題。修飾圖形上也選擇了較為常見(jiàn)的圓形作為趁底。最終效果如下：

最后再說(shuō)一下第二步中的“添加圖形修飾”，其實(shí)這個(gè)樣式非常的多，有時(shí)候根據(jù)一種特別簡(jiǎn)單的可以演化出很多種不錯(cuò)的樣式。大家可以根據(jù)實(shí)際情況去進(jìn)行繪制，多去嘗試，會(huì)有意想不到的效果。下面給大家一些例子，幫助大家更好地去理解。

這次的小教程到這里就基本結(jié)束了，內(nèi)容不多也不復(fù)雜。按照上面的方法不能保證你排出特別驚艷的版式，但是大體上的層級(jí)還是可以很容易的去區(qū)分的。希望感興趣的朋友在以后的工作中也可以嘗試一下~