震驚！遊戲slogan排版只用3步？

02-01

我們在平時接到需求之後，總會涉及到關於Slogan（文案）的排版問題，那麼如何快速的梳理文案的層級，對Slogan進行快速的排版呢？今天給大家分享一些自己在Slogan排版這塊的小的經驗，希望能夠對大家有所幫助。

那麼通常在拿到Slogan之後我們第一步應該做什麼呢？

1. 用簡單的對比將Slogan的層級體現出來

什麼是最簡單的對比呢？其實也就是沒有任何效果，只單獨的通過大小，粗細以及色彩來區分層級。我們通過一個簡單的栗子來了解一下：

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

那是不是所有的Slogan都像上面這樣給過來的時候有著清晰的劃分呢？我們再看看下面這種：

如果按照我們上面的理解，是不是應該把「刀劍英雄跨年特別活動」作為主標題，「跨年送驚喜紅包領不停」作為副標題來處理呢？並！不！是！

一般情況下，對待我們拿捏不準的Slogan定位的時候，最好的方法就是跟需求方那邊去確認下Slogan中的文案層級，究竟什麼是最重要的，經過跟需求方那邊溝通，了解到這句Slogan的層級關係如下:

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

2. 給部分文案添加簡單圖形修飾，對Slogan做進一步的排版

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

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

可以使我們的排版形式更加豐富
可以使Slogan的主副等標題之間的層級更加清晰
可以使瀏覽者迅速get到文案中的刺激點

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

矮油卧槽，是誰允許你把「新門派」放那麼小的?別急，咱們看下下面的圖：

有沒有感覺很熟悉？這兩張圖中的"特價"和"熱銷"雖然佔比也不大，但是卻很惹眼，他們作為一個獨立於主體之外的標籤，不僅沒有被弱化，反而更容易引起瀏覽者的注意，我們這裡也是一樣的，「新門派」是對「鬼谷」的定語修飾，告訴大家「鬼谷」是什麼，那既然是新推出的門派，當然也可以像電商產品列表中的「新品」一樣做出類似的處理了。

根據上面的描述，例二添加完圖形修飾後的效果如下：

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

3. 選擇合適的字體，對修飾圖形做進一步細化

選擇合適的字體，這點我覺得很好理解了，就是根據不同的風格頁面需求來定位相應的字體。比如：武俠風的首選書法字體或粗宋體，槍站動作類的選擇一些稜角分明，外形看起來比較堅硬的字體，活動類的可以選擇一些筆畫較粗的非襯線字體等等。（這裡選擇的字體主要是針對Slogan中的主標題）

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

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

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

最後再說一下第二步的「添加圖形修飾」，其實這個樣式非常的多，有時候根據一種特別簡答的可以演化出多種不同的樣式，大家可以根據實際情況去進行繪製，多去嘗試，會有意想不到的效果，下（微）面（信）給（公）大（眾）家（號）一（playps）些栗子，幫助大家更好的去理解。

總結：

這次的小教程到這裡就基本結束了，內容不多也不算複雜，按照上面的方法不能保證你排出特別驚艷的版式，但是大體上的層級還是可以很容易去區分的。希望感興趣的朋友在以後的工作中也可以嘗試一下~本人水平有限，以上觀點僅代表個人意見，如果有說的不好的地方（你也不能打我），歡迎大家一起交流討論，共同進步。