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

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

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

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

如果按照我們上面的理解，是不是應(yīng)該把“刀劍英雄跨年特別活動”作為主標題，“跨年送驚喜 紅包領(lǐng)不?！弊鳛楦睒祟}來處理呢？并！不！是！

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

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

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

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

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

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

   2. 可以使slogan的主副等標題之間的層級更加清晰 

   3. 可以使瀏覽者迅速get到文案中的刺激點

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

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

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

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

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

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

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

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

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

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

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